@charset "UTF-8";

header[data-v-ba392ebf] {
    line-height: 1.5;
    max-height: 100vh
}

.logo[data-v-ba392ebf] {
    display: block;
    margin: 0 auto 2rem
}

nav[data-v-ba392ebf] {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-top: 2rem
}

nav a.router-link-exact-active[data-v-ba392ebf] {
    color: var(--color-text)
}

nav a.router-link-exact-active[data-v-ba392ebf]:hover {
    background-color: transparent
}

nav a[data-v-ba392ebf] {
    display: inline-block;
    padding: 0 1rem;
    border-left: 1px solid var(--color-border)
}

nav a[data-v-ba392ebf]:first-of-type {
    border: 0
}

@media (min-width: 1024px) {
    header[data-v-ba392ebf] {
        display: flex;
        place-items: center;
        padding-right: calc(var(--section-gap) / 2)
    }

    .logo[data-v-ba392ebf] {
        margin: 0 2rem 0 0
    }

    header .wrapper[data-v-ba392ebf] {
        display: flex;
        place-items: flex-start;
        flex-wrap: wrap
    }

    nav[data-v-ba392ebf] {
        text-align: left;
        margin-left: -1rem;
        font-size: 1rem;
        padding: 1rem 0;
        margin-top: 1rem
    }
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #909399
}

::-webkit-scrollbar-track {
    border-radius: 0
}

:root {
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary-rgb: 0, 146, 239;
    --el-color-success-rgb: 29, 199, 121;
    --el-color-warning-rgb: 255, 179, 2;
    --el-color-danger-rgb: 226, 98, 55;
    --el-color-error-rgb: 207, 68, 68;
    --el-color-info-rgb: 144, 147, 153;
    --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-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, sans-serif;
    --el-font-weight-primary: 500;
    --el-font-line-height-primary: 24px;
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;
    --el-border-radius-base: 4px;
    --el-border-radius-small: 2px;
    --el-border-radius-round: 20px;
    --el-border-radius-circle: 100%;
    --el-transition-duration: .3s;
    --el-transition-duration-fast: .2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(.23, 1, .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-box-shadow: box-shadow 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);
    --el-component-size-large: 40px;
    --el-component-size: 32px;
    --el-component-size-small: 24px
}

:root {
    color-scheme: light;
    --el-color-primary: #0092EF;
    --el-color-primary-light-3: #4db3f4;
    --el-color-primary-light-5: #80c9f7;
    --el-color-primary-light-7: #b3defa;
    --el-color-primary-light-8: #cce9fc;
    --el-color-primary-light-9: #e6f4fd;
    --el-color-primary-dark-2: #0075bf;
    --el-color-success: #1dc779;
    --el-color-success-light-3: #61d8a1;
    --el-color-success-light-5: #8ee3bc;
    --el-color-success-light-7: #bbeed7;
    --el-color-success-light-8: #d2f4e4;
    --el-color-success-light-9: #e8f9f2;
    --el-color-success-dark-2: #179f61;
    --el-color-warning: #ffb302;
    --el-color-warning-light-3: #ffca4e;
    --el-color-warning-light-5: #ffd981;
    --el-color-warning-light-7: #ffe8b3;
    --el-color-warning-light-8: #fff0cc;
    --el-color-warning-light-9: #fff7e6;
    --el-color-warning-dark-2: #cc8f02;
    --el-color-danger: #e26237;
    --el-color-danger-light-3: #eb9173;
    --el-color-danger-light-5: #f1b19b;
    --el-color-danger-light-7: #f6d0c3;
    --el-color-danger-light-8: #f9e0d7;
    --el-color-danger-light-9: #fcefeb;
    --el-color-danger-dark-2: #b54e2c;
    --el-color-error: #cf4444;
    --el-color-error-light-3: #dd7c7c;
    --el-color-error-light-5: #e7a2a2;
    --el-color-error-light-7: #f1c7c7;
    --el-color-error-light-8: #f5dada;
    --el-color-error-light-9: #faecec;
    --el-color-error-dark-2: #a63636;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #ffffff;
    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #ffffff;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, .8);
    --el-overlay-color-light: rgba(0, 0, 0, .7);
    --el-overlay-color-lighter: rgba(0, 0, 0, .5);
    --el-mask-color: rgba(255, 255, 255, .9);
    --el-mask-color-extra-light: rgba(255, 255, 255, .3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color)
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.el-icon {
    --color: inherit;
    height: 1em;
    width: 1em;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    color: var(--color);
    font-size: inherit
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px)
}

.el-popper {
    position: absolute;
    border-radius: var(--el-popper-border-radius);
    padding: 5px 11px;
    z-index: 2000;
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    overflow-wrap: break-word;
    visibility: visible
}

.el-popper.is-dark {
    color: var(--el-bg-color);
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary)
}

.el-popper.is-dark .el-popper__arrow:before {
    border: 1px solid var(--el-text-color-primary);
    background: var(--el-text-color-primary);
    right: 0
}

.el-popper.is-light {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light)
}

.el-popper.is-light .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light);
    background: var(--el-bg-color-overlay);
    right: 0
}

.el-popper__arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1
}

.el-popper__arrow:before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1;
    content: " ";
    transform: rotate(45deg);
    background: var(--el-text-color-primary);
    box-sizing: border-box
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent !important;
    border-left-color: transparent !important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent !important;
    border-bottom-color: transparent !important
}

.el-popover {
    --el-popover-bg-color: var(--el-bg-color-overlay);
    --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-text-color: var(--el-text-color-primary);
    --el-popover-border-radius: 4px
}

.el-popover.el-popper {
    background: var(--el-popover-bg-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;
    font-size: var(--el-popover-font-size);
    box-shadow: var(--el-box-shadow-light);
    overflow-wrap: break-word;
    box-sizing: border-box
}

.el-popover__reference:focus:not(.focusing),
.el-popover__reference:focus:hover {
    outline-width: 0
}

.el-popover.el-popper.is-dark {
    --el-popover-bg-color: var(--el-text-color-primary);
    --el-popover-border-color: var(--el-text-color-primary);
    --el-popover-title-text-color: var(--el-bg-color);
    color: var(--el-bg-color)
}

.el-popover.el-popper:focus:active,
.el-popover.el-popper:focus {
    outline-width: 0
}

.el-link {
    --el-link-font-size: var(--el-font-size-base);
    --el-link-font-weight: var(--el-font-weight-primary);
    --el-link-text-color: var(--el-text-color-regular);
    --el-link-hover-text-color: var(--el-color-primary);
    --el-link-disabled-text-color: var(--el-text-color-placeholder)
}

.el-link {
    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);
    color: var(--el-link-text-color)
}

.el-link.is-underline:hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid var(--el-link-hover-text-color)
}

.el-link__inner {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.el-link.el-link--primary {
    --el-link-text-color: var(--el-color-primary);
    --el-link-hover-text-color: var(--el-color-primary-light-3);
    --el-link-disabled-text-color: var(--el-color-primary-light-5)
}

.el-link.el-link--primary:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--primary.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--success {
    --el-link-text-color: var(--el-color-success);
    --el-link-hover-text-color: var(--el-color-success-light-3);
    --el-link-disabled-text-color: var(--el-color-success-light-5)
}

.el-link.el-link--success:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--success.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--warning {
    --el-link-text-color: var(--el-color-warning);
    --el-link-hover-text-color: var(--el-color-warning-light-3);
    --el-link-disabled-text-color: var(--el-color-warning-light-5)
}

.el-link.el-link--warning:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--warning.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--danger {
    --el-link-text-color: var(--el-color-danger);
    --el-link-hover-text-color: var(--el-color-danger-light-3);
    --el-link-disabled-text-color: var(--el-color-danger-light-5)
}

.el-link.el-link--danger:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--danger.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--error {
    --el-link-text-color: var(--el-color-error);
    --el-link-hover-text-color: var(--el-color-error-light-3);
    --el-link-disabled-text-color: var(--el-color-error-light-5)
}

.el-link.el-link--error:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--error.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--info {
    --el-link-text-color: var(--el-color-info);
    --el-link-hover-text-color: var(--el-color-info-light-3);
    --el-link-disabled-text-color: var(--el-color-info-light-5)
}

.el-link.el-link--info:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--info.is-underline:hover:after {
    border-color: var(--el-link-text-color)
}

:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity: .5
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: var(--el-popup-modal-opacity);
    background: var(--el-popup-modal-bg-color)
}

.el-dialog {
    --el-dialog-width: 50%;
    --el-dialog-margin-top: 15vh;
    --el-dialog-bg-color: var(--el-bg-color);
    --el-dialog-box-shadow: var(--el-box-shadow);
    --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: 16px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    position: relative;
    margin: var(--el-dialog-margin-top, 15vh) auto 50px;
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
    padding: var(--el-dialog-padding-primary);
    width: var(--el-dialog-width, 50%);
    overflow-wrap: break-word
}

.el-dialog.is-fullscreen {
    --el-dialog-width: 100%;
    --el-dialog-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.is-draggable .el-dialog__header {
    cursor: move;
    user-select: none
}

.el-dialog__headerbtn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px)
}

.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__footer {
    padding-top: var(--el-dialog-padding-primary);
    text-align: right;
    box-sizing: border-box
}

.el-overlay-dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto
}

@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
    }
}

.el-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    height: 100%;
    background-color: var(--el-overlay-color-lighter);
    overflow: auto
}

.header {
    &[data-v-aef14b01] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left[data-v-aef14b01] {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }

    .midd {
        &[data-v-aef14b01] {
            width: calc(100% - 200px);
            position: relative;
        }

        .result {
            &[data-v-aef14b01] {
                position: absolute;
                top: 32px;
                left: 0;
                z-index: 2;
                width: 280px;
                background-color: #FFF;
                border-radius: 3px;
                border: 1px #DDD solid;
                padding: 10px 0px;
            }

            .item {
                &[data-v-aef14b01] {
                    float: left;
                    width: 100%;
                    margin-bottom: 5px;
                    padding: 5px 10px;
                    cursor: pointer;
                }

                &[data-v-aef14b01]:hover {
                    background-color: #F2F6FC;
                }

                div[data-v-aef14b01] {
                    width: 100%;
                    line-height: 25px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                span[data-v-aef14b01] {
                    width: 100%;
                    line-height: 20px;
                    font-size: 12px;
                    color: #A8ABB2;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .right[data-v-aef14b01] {
        float: right;
        text-align: right;
        width: 40px;
        cursor: pointer;
    }
}

.sitebox {
    &[data-v-aef14b01] {
        width: 100%;
        overflow: hidden
    }

    .list {
        &[data-v-aef14b01] {
            float: left;
            width: 14%;
            margin: 0% 1%;
            margin-bottom: 20px;
            line-height: 40px;
            color: #282828;
            border: 1px #EEE solid;
            border-radius: 5px;
            text-align: center;
            cursor: pointer;
        }

        &[data-v-aef14b01]:hover {
            border: 1px #0092EF solid;
            color: #0092EF;
        }
    }
}

.headbox {
    &[data-v-87564898] {
        width: 100%;
        height: 50px;
        background-color: #fff
    }

    .navigate {
        &[data-v-87564898] {
            margin: auto;
            width: 1200px;
            height: 50px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            &[data-v-87564898] {
                width: 145px;
                height: 50px;
            }

            a {
                img[data-v-87564898] {
                    width: 135px;
                    height: 50px;
                }
            }
        }

        .city {
            &[data-v-87564898] {
                width: 150px;
                height: 30px;
                display: flex;
                align-items: center;
                cursor: pointer;
            }

            .name {
                &[data-v-87564898] {
                    height: 30px;
                    font-size: 14px;
                    color: #0092EF;
                    display: flex;
                    align-items: center;
                }

                .el-icon[data-v-87564898] {
                    font-size: 18px;
                    margin-right: 5px;
                }
            }

            .hint[data-v-87564898] {
                font-size: 14px;
                color: #A8ABB2;
            }
        }

        .nav {
            &[data-v-87564898] {
                float: left;
                width: calc(100% - 500px);
                display: flex;
                align-items: center;
            }

            .item[data-v-87564898] {
                font-size: 14px;
                color: #606266;
                margin-right: 20px;
            }

            .active[data-v-87564898] {
                color: #0092EF;
            }
        }

        .login {
            &[data-v-87564898] {
                float: right;
                display: flex;
                align-items: center;
            }

            .islogin {
                &[data-v-87564898] {
                    float: right;
                    display: flex;
                    align-items: center;
                }

                .href {
                    &[data-v-87564898] {
                        margin-right: 15px;
                        color: #606266;
                    }

                    &[data-v-87564898]:hover {
                        color: #0092EF;
                    }
                }
            }

            .nologin {
                &[data-v-87564898] {
                    float: right;
                    font-size: 14px;
                    color: #606266;
                    display: flex;
                    align-items: center;
                }

                .company[data-v-87564898] {
                    margin-right: 15px;
                    cursor: pointer;
                }

                .person[data-v-87564898] {
                    background-color: #F70;
                    border-radius: 25px;
                    color: #FFF;
                    padding: 3px 15px;
                    cursor: pointer;
                }
            }

            .avatar {
                &[data-v-87564898] {
                    float: right;
                    width: auto;
                    height: 30px;
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                }

                span[data-v-87564898] {
                    color: #606266;
                    font-size: 13px;
                    margin-right: 7px;
                }

                img[data-v-87564898] {
                    width: 25px;
                    height: 25px;
                    border-radius: 100%;
                }

                &[data-v-87564898]:hover {}
            }
        }
    }
}

.personmenu {
    &[data-v-87564898] {
        width: 100%
    }

    .line {
        &[data-v-87564898] {
            width: 100%;
            line-height: 39px;
            border-bottom: 1px #F5F5F5 solid;
            padding: 0 15px;
            text-align: left;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        &[data-v-87564898]:last-child {
            border-bottom: none;
        }

        .el-icon[data-v-87564898] {
            margin-right: 7.5px;
        }
    }
}

.el-scrollbar {
    --el-scrollbar-opacity: .3;
    --el-scrollbar-bg-color: var(--el-text-color-secondary);
    --el-scrollbar-hover-opacity: .5;
    --el-scrollbar-hover-bg-color: var(--el-text-color-secondary)
}

.el-scrollbar {
    overflow: hidden;
    position: relative;
    height: 100%
}

.el-scrollbar__wrap {
    overflow: auto;
    height: 100%
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: var(--el-scrollbar-bg-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-bg-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-textarea {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%
}

.el-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: var(--el-font-size-base)
}

.el-textarea__inner {
    position: relative;
    display: block;
    resize: vertical;
    padding: 5px 11px;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    -webkit-appearance: none;
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    border: none
}

.el-textarea__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-textarea .el-input__count {
    color: var(--el-color-info);
    background: var(--el-fill-color-blank);
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    bottom: 5px;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%
}

.el-input {
    --el-input-height: var(--el-component-size);
    position: relative;
    font-size: var(--el-font-size-base);
    display: inline-flex;
    width: var(--el-input-width);
    line-height: var(--el-input-height);
    box-sizing: border-box;
    vertical-align: middle
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: var(--el-text-color-disabled)
}

.el-input::-webkit-scrollbar-corner {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank)
}

.el-input .el-input__clear,
.el-input .el-input__password {
    color: var(--el-input-icon-color);
    font-size: 14px;
    cursor: pointer
}

.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: var(--el-fill-color-blank);
    line-height: initial;
    display: inline-block;
    padding-left: 8px
}

.el-input__wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 1px 11px;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    cursor: text;
    transition: var(--el-transition-box-shadow);
    transform: translateZ(0);
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    padding: 0;
    outline: none;
    border: none;
    background: none;
    box-sizing: border-box
}

.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__prefix {
    display: inline-flex;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    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__prefix-inner {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.el-input__suffix {
    display: inline-flex;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    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;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.el-input .el-input__icon {
    height: inherit;
    line-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all var(--el-transition-duration);
    margin-left: 8px
}

.el-input--large {
    --el-input-height: var(--el-component-size-large);
    font-size: 14px
}

.el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input--small {
    --el-input-height: var(--el-component-size-small);
    font-size: 12px
}

.el-input--small .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
}

.el-input-group {
    display: inline-flex;
    width: 100%;
    align-items: stretch
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: var(--el-fill-color-light);
    color: var(--el-color-info);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    border-radius: var(--el-input-border-radius);
    padding: 0 20px;
    white-space: nowrap
}

.el-input-group__append .el-select,
.el-input-group__append .el-button,
.el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
    display: inline-block;
    margin: 0 -20px
}

.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper,
.el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
    border-color: transparent;
    background-color: transparent;
    color: inherit
}

.el-input-group__prepend {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group__append {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend>.el-input__wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group--append>.el-input__wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.searchbox {
    &[data-v-267226ae] {
        margin: auto;
        width: 850px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .search {
        &[data-v-267226ae] {
            width: 850px;
            height: 48px;
            position: relative;
        }

        .input {
            &[data-v-267226ae] {
                height: 48px;
                background-color: #0092EF;
                border-radius: 10px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }

            .inp {
                &[data-v-267226ae] {
                    float: left;
                    width: calc(100% - 90px);
                    height: 44px;
                    margin: 2px 2px;
                    background-color: #FFF;
                    border-radius: 9px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .lef {
                    &[data-v-267226ae] {
                        float: left;
                        width: 120px;
                        padding: 0 0px;
                    }

                    .con {
                        &[data-v-267226ae] {
                            width: 100%;
                            height: 20px;
                            padding: 10px 0px;
                            padding-left: 15px;
                            padding-right: 10px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            border-right: 0px #EEE solid;
                            cursor: pointer;
                        }

                        span[data-v-267226ae] {
                            float: left;
                            width: calc(100% - 20px);
                            font-size: 14px;
                            color: #606266;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .el-icon[data-v-267226ae] {
                            color: #D4D7DE;
                            font-size: 12px;
                        }
                    }
                }

                .rig {
                    &[data-v-267226ae] {
                        float: left;
                        width: calc(100% - 120px);
                        height: 44px;
                        line-height: 44px;
                        margin: 5px;
                        padding: 0 0px;
                    }

                    .el-input[data-v-267226ae] {
                        width: 100%;
                        font-size: 14px;
                        color: #606266;
                    }

                    [data-v-267226ae] .el-input__wrapper {
                        box-shadow: none;
                    }
                }
            }

            .btn[data-v-267226ae] {
                float: right;
                width: 90px;
                height: 50px;
                line-height: 50px;
                text-align: left;
                color: #FFF;
                font-size: 16px;
                padding-left: 30px;
                cursor: pointer;
            }
        }

        .jobtypebox {
            &[data-v-267226ae] {
                position: absolute;
                top: 48px;
                left: 0px;
                width: 850px;
                height: 430px;
                padding: 15px 15px;
                background-color: #FFF;
                box-shadow: 3px 3px 10px 0px #D4D8EA;
                border-radius: 10px;
                z-index: 2;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left {
                &[data-v-267226ae] {
                    width: 200px;
                    border-right: 1px #EEE solid;
                    padding: 0px 0px;
                }

                .item {
                    &[data-v-267226ae] {
                        float: left;
                        width: 185px;
                        padding: 0 10px;
                        margin-bottom: 5px;
                        line-height: 30px;
                        color: #303133;
                        border-radius: 3px;
                        cursor: pointer;
                    }

                    &[data-v-267226ae]:hover {
                        background-color: #F2F6FC;
                        color: #0092EF;
                    }
                }

                .active[data-v-267226ae] {
                    background-color: #F2F6FC;
                    color: #0092EF;
                }
            }

            .right {
                &[data-v-267226ae] {
                    width: calc(100% - 201px);
                    padding: 10px 0px;
                }

                .twoitem {
                    &[data-v-267226ae] {
                        float: left;
                        width: 100%;
                        padding: 0 15px;
                        margin-bottom: 10px;
                    }

                    .title[data-v-267226ae] {
                        width: 100%;
                        line-height: 40px;
                        color: #303133;
                        font-size: 14px;
                        font-weight: bold;
                    }

                    .conte {
                        &[data-v-267226ae] {
                            width: 100%;
                        }

                        .threeitem {
                            &[data-v-267226ae] {
                                float: left;
                                width: auto;
                                padding: 0 10px;
                                margin-right: 15px;
                                margin-bottom: 10px;
                                line-height: 30px;
                                color: #303133;
                                border-radius: 3px;
                                background-color: #F2F6FC;
                                cursor: pointer;
                            }

                            &[data-v-267226ae]:hover {
                                background-color: #F2F6FC;
                                color: #0092EF;
                            }
                        }

                        .active[data-v-267226ae] {
                            background-color: #F2F6FC;
                            color: #0092EF;
                        }
                    }
                }
            }
        }

        .historybox {
            &[data-v-267226ae] {
                position: absolute;
                top: 48px;
                left: 0px;
                width: 850px;
                height: auto;
                z-index: 2;
                padding: 20px 20px;
                background-color: #FFF;
                border-radius: 10px;
                box-shadow: 3px 3px 10px 0px #D4D8EA;
            }

            .title {
                &[data-v-267226ae] {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                div[data-v-267226ae] {
                    float: left;
                    font-size: 14px;
                    color: #A8ABB2;
                }

                span[data-v-267226ae] {
                    float: right;
                    cursor: pointer;
                    color: #A8ABB2;
                }
            }

            .history {
                &[data-v-267226ae] {
                    width: 100%;
                }

                .conte {
                    &[data-v-267226ae] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-267226ae] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-267226ae]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }
        }
    }

    .hotbox {
        &[data-v-267226ae] {
            width: 100%;
            margin-top: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .title[data-v-267226ae] {
            float: left;
            width: 70px;
            font-size: 14px;
            color: #606266;
        }

        .conte {
            &[data-v-267226ae] {
                float: right;
                width: calc(100% - 70px);
            }

            .item {
                &[data-v-267226ae] {
                    float: left;
                    width: auto;
                    margin-right: 10px;
                    padding: 3px 10px;
                    border-radius: 3px;
                    background-color: #F2F6FC;
                    color: #0092EF;
                    font-size: 14px;
                    cursor: pointer;
                }

                a[data-v-267226ae] {
                    color: #0092EF;
                    text-decoration: none;
                }

                &:hover {
                    &[data-v-267226ae] {
                        background-color: #0092EF;
                    }

                    a[data-v-267226ae] {
                        color: #FFF;
                    }
                }
            }
        }
    }
}

.el-carousel {
    --el-carousel-arrow-font-size: 12px;
    --el-carousel-arrow-size: 36px;
    --el-carousel-arrow-background: rgba(31, 45, 61, .11);
    --el-carousel-arrow-hover-background: rgba(31, 45, 61, .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__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);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.el-carousel__indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: calc(var(--el-index-normal) + 1)
}

.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--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;
    color: #000
}

.el-carousel__indicator--vertical .el-carousel__button {
    width: var(--el-carousel-indicator-height);
    height: calc(var(--el-carousel-indicator-width) / 2)
}

.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%) translate(-10px);
    opacity: 0
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
    transform: translateY(-50%) translate(10px);
    opacity: 0
}

.el-transitioning {
    filter: url(#elCarouselHorizontal)
}

.el-transitioning-vertical {
    filter: url(#elCarouselVertical)
}

.el-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: calc(var(--el-index-normal) - 1)
}

.el-carousel__item.is-active {
    z-index: calc(var(--el-index-normal) - 1)
}

.el-carousel__item.is-animating {
    transition: transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%;
    transition: transform .4s ease-in-out
}

.el-carousel__item--card.is-in-stage:hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card-vertical {
    width: 100%;
    height: 50%
}

.el-carousel__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--el-color-white);
    opacity: .24;
    transition: var(--el-transition-duration-fast)
}

.advertbox {
    &[data-v-1a7fc3c0] {
        margin: auto;
        width: 1200px;
        display: flex;
        justify-content: space-between;
        position: relative
    }

    .jobtype {
        &[data-v-1a7fc3c0] {
            width: 382px;
            height: 370px;
            background-color: #FFF;
            border-radius: 10px;
            padding: 0px 20px;
            padding-top: 10px;
        }

        .list {
            &[data-v-1a7fc3c0] {
                width: 100%;
                height: 320px;
            }

            .item {
                &[data-v-1a7fc3c0] {
                    width: 100%;
                    height: 40px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    cursor: pointer;
                }

                div {
                    &[data-v-1a7fc3c0] {
                        width: 95%;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size: 14px;
                        color: #909399;
                    }

                    i[data-v-1a7fc3c0] {
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        margin-right: 20px;
                    }

                    span[data-v-1a7fc3c0] {
                        margin-right: 15px;
                    }
                }

                .el-icon[data-v-1a7fc3c0] {
                    float: right;
                    font-size: 12px;
                    color: #ccc;
                }
            }
        }

        .page {
            &[data-v-1a7fc3c0] {
                width: 100%;
                height: 40px;
                border-top: 0px #ECEEF2 solid;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .hint[data-v-1a7fc3c0] {
                width: 50%;
                font-size: 12px;
                color: #0092EF;
            }

            .next {
                &[data-v-1a7fc3c0] {
                    float: right;
                    display: flex;
                    align-items: center;
                }

                .item {
                    &[data-v-1a7fc3c0] {
                        width: 22px;
                        height: 22px;
                        line-height: 24px;
                        text-align: center;
                        background-color: #ECF5FF;
                        border-radius: 5px;
                        margin-left: 10px;
                        cursor: pointer;
                    }

                    .el-icon[data-v-1a7fc3c0] {
                        color: #0092EF;
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .advert {
        &[data-v-1a7fc3c0] {
            float: right;
            width: 803px;
            height: 369px;
            border-radius: 10px;
            background-color: #FFF;
            display: flex;
            justify-content: space-between;
        }

        .big {
            &[data-v-1a7fc3c0] {
                width: 540px;
                height: 369px;
            }

            .up {
                &[data-v-1a7fc3c0] {
                    width: 540px;
                    height: 245px;
                    border-top-left-radius: 10px;
                    margin-bottom: 3px;
                    position: relative;
                }

                img[data-v-1a7fc3c0] {
                    width: 100%;
                    height: 100%;
                    border-top-left-radius: 10px;
                    cursor: pointer;
                }

                span[data-v-1a7fc3c0] {
                    position: absolute;
                    bottom: 5px;
                    right: 5px;
                    z-index: 2;
                    background-color: rgba(0, 0, 0, .3);
                    border-radius: 2px;
                    font-size: 10px;
                    color: rgba(255, 255, 255, .5);
                    ;
                    padding: 0px 3px;
                }
            }

            .down {
                &[data-v-1a7fc3c0] {
                    width: 540px;
                    height: 121px;
                    border-bottom-left-radius: 10px;
                    position: relative;
                }

                img[data-v-1a7fc3c0] {
                    width: 100%;
                    height: 100%;
                    border-bottom-left-radius: 10px;
                    cursor: pointer;
                }

                span[data-v-1a7fc3c0] {
                    position: absolute;
                    bottom: 5px;
                    right: 5px;
                    z-index: 2;
                    background-color: rgba(0, 0, 0, .3);
                    border-radius: 2px;
                    font-size: 10px;
                    color: rgba(255, 255, 255, .5);
                    ;
                    padding: 0px 3px;
                }
            }
        }

        .small {
            &[data-v-1a7fc3c0] {
                float: right;
                width: 260px;
                height: 369px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

            .item {
                &[data-v-1a7fc3c0] {
                    width: 260px;
                    height: 121px;
                    margin-bottom: 3px;
                    position: relative;
                }

                img[data-v-1a7fc3c0] {
                    width: 100%;
                    height: 100%;
                    cursor: pointer;
                }

                &[data-v-1a7fc3c0]:last-child {
                    margin-bottom: none;
                }

                span[data-v-1a7fc3c0] {
                    position: absolute;
                    bottom: 5px;
                    right: 5px;
                    z-index: 2;
                    background-color: rgba(0, 0, 0, .3);
                    border-radius: 2px;
                    font-size: 10px;
                    color: rgba(255, 255, 255, .5);
                    ;
                    padding: 0px 3px;
                }
            }
        }
    }

    .jobtypebox {
        &[data-v-1a7fc3c0] {
            position: absolute;
            top: 0;
            right: 0;
            width: 808px;
            height: 370px;
            padding: 15px 15px;
            padding-left: 20px;
            background-color: #FFF;
            border-radius: 10px;
            z-index: 9;
        }

        .title[data-v-1a7fc3c0] {
            width: 100%;
            line-height: 30px;
            font-size: 16px;
            font-weight: bold;
        }

        .twoitem {
            &[data-v-1a7fc3c0] {
                width: 100%;
                padding: 15px 0;
                border-bottom: 1px #F5F5F5 solid;
                display: flex;
                justify-content: space-between;
            }

            &[data-v-1a7fc3c0]:last-child {
                border-bottom: none;
            }

            .tit[data-v-1a7fc3c0] {
                width: 100px;
                line-height: 28px;
                color: #909399;
            }

            .con {
                &[data-v-1a7fc3c0] {
                    width: calc(100% - 100px);
                }

                .threeitem {
                    &[data-v-1a7fc3c0] {
                        float: left;
                        line-height: 28px;
                        margin-right: 15px;
                        cursor: pointer;
                    }

                    &[data-v-1a7fc3c0]:hover {
                        color: #0092EF;
                    }
                }
            }
        }
    }
}

.top-right[data-v-1a7fc3c0] {
    border-top-right-radius: 10px
}

.bottom-right[data-v-1a7fc3c0] {
    border-bottom-right-radius: 10px
}

.jobbox {
    &[data-v-74e524ac] {
        margin: 20px auto auto;
        width: 1230px;
        overflow: hidden
    }

    .title {
        &[data-v-74e524ac] {
            margin: auto;
            width: 1200px;
            height: 40px;
        }

        span[data-v-74e524ac] {
            line-height: 40px;
            font-size: 20px;
            font-weight: bold;
            color: #282828;
        }
    }

    .tab {
        &[data-v-74e524ac] {
            margin: auto;
            width: 1200px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 15px;
            border-bottom: 0px #EEE solid;
            margin-top: 5px;
        }

        .item {
            &[data-v-74e524ac] {
                width: auto;
                cursor: pointer;
            }

            span[data-v-74e524ac] {
                width: 100%;
                height: 37px;
                line-height: 37px;
                display: block;
                color: #606266;
            }

            i[data-v-74e524ac] {
                margin: auto;
                display: block;
                width: 20px;
                height: 3px;
            }

            &:hover {
                span[data-v-74e524ac] {
                    color: #0092EF;
                }
            }
        }

        .over {
            &[data-v-74e524ac] {
                width: auto;
                cursor: pointer;
            }

            span[data-v-74e524ac] {
                width: 100%;
                height: 37px;
                line-height: 37px;
                display: block;
                color: #0092EF;
            }

            i[data-v-74e524ac] {
                margin: auto;
                display: block;
                width: 20px;
                height: 3px;
                border-radius: 5px;
                background-color: #0092EF;
            }
        }
    }

    .conte {
        &[data-v-74e524ac] {
            margin-left: 15px;
            width: 1215px;
        }

        .item {
            &[data-v-74e524ac] {
                float: left;
                width: 390px;
                height: 135px;
                margin-right: 15px;
                margin-top: 15px;
                padding-top: 15px;
                background-color: #FFF;
                border-radius: 10px;
            }

            .names {
                &[data-v-74e524ac] {
                    width: 100%;
                    padding: 0 20px;
                    height: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .name[data-v-74e524ac] {
                    width: 65%;
                    font-size: 16px;
                    color: #303133;
                    font-weight: bold;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .salary[data-v-74e524ac] {
                    width: 35%;
                    text-align: right;
                    font-size: 14px;
                    color: #F56C6C;
                }
            }

            .basic {
                &[data-v-74e524ac] {
                    width: 100%;
                    margin-top: 5px;
                    padding: 0 20px;
                }

                span[data-v-74e524ac] {
                    float: left;
                    font-size: 12px;
                    color: #909399;
                    padding: 3px 10px;
                    border-radius: 3px;
                    background-color: #F8F8F8;
                    margin-right: 10px;
                }
            }

            .company {
                &[data-v-74e524ac] {
                    float: left;
                    width: 100%;
                    height: 48px;
                    margin-top: 15px;
                    padding: 10px 20px;
                    display: flex;
                    align-items: center;
                    background: linear-gradient(to right, #F3FDFF, #FFF);
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px;
                }

                .logo {
                    &[data-v-74e524ac] {
                        width: 38px;
                        height: 28px;
                    }

                    img[data-v-74e524ac] {
                        width: 28px;
                        height: 28px;
                        border-radius: 100%;
                        border: 1px #F3F3F3 solid;
                    }
                }

                .name[data-v-74e524ac] {
                    width: calc(100% - 38px);
                    line-height: 28px;
                    font-size: 14px;
                    color: #606266;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .page {
        &[data-v-74e524ac] {
            float: left;
            width: 1200px;
            height: 20px;
            margin-top: 15px;
        }

        .ites {
            &[data-v-74e524ac] {
                margin: auto;
                width: auto;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .ite {
                &[data-v-74e524ac] {
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    background-color: #FFF;
                    border-radius: 100%;
                    cursor: pointer;
                }

                .el-icon[data-v-74e524ac] {
                    color: #0092EF;
                    font-size: 10px;
                }
            }

            .hint[data-v-74e524ac] {
                padding: 0 10px;
                color: #0092EF;
                font-size: 12px;
            }
        }
    }
}

.bestbox {
    &[data-v-f0b0db43] {
        margin: auto;
        width: 1230px;
        padding-top: 20px;
        overflow: hidden
    }

    .title {
        &[data-v-f0b0db43] {
            margin-left: 15px;
            width: 1200px;
            height: 40px;
        }

        span[data-v-f0b0db43] {
            line-height: 40px;
            font-size: 20px;
            font-weight: bold;
            color: #282828;
        }
    }

    .conte {
        &[data-v-f0b0db43] {
            float: left;
            margin-left: 15px;
            width: 1215px;
        }

        .item {
            &[data-v-f0b0db43] {
                float: left;
                width: 390px;
                margin-top: 15px;
                margin-right: 15px;
                background-color: #FFF;
                border-radius: 10px;
                padding: 2px 2px;
                cursor: pointer;
            }

            div {
                &[data-v-f0b0db43] {
                    width: 386px;
                    height: 120px;
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                    overflow: hidden;
                    position: relative;
                }

                img {
                    &[data-v-f0b0db43] {
                        width: 100%;
                        height: 100%;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        transition: all .5s;
                        overflow: hidden;
                        position: relative;
                    }

                    &[data-v-f0b0db43]:hover {
                        transform: scale(1.075);
                        overflow: hidden;
                    }
                }

                i[data-v-f0b0db43] {
                    position: absolute;
                    bottom: 5px;
                    right: 5px;
                    z-index: 2;
                    background-color: rgba(0, 0, 0, .3);
                    border-radius: 2px;
                    font-size: 10px;
                    color: rgba(255, 255, 255, .5);
                    ;
                    padding: 0px 3px;
                }
            }

            span[data-v-f0b0db43] {
                display: block;
                width: 386px;
                height: 50px;
                line-height: 50px;
                padding: 0px 18px;
                font-size: 16px;
                color: #282828;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        }
    }
}

.brandbox {
    &[data-v-945fa5f6] {
        margin: auto;
        width: 1230px;
        padding-top: 20px;
        overflow: hidden
    }

    .title {
        &[data-v-945fa5f6] {
            margin-left: 15px;
            width: 1200px;
            height: 40px;
        }

        span[data-v-945fa5f6] {
            line-height: 40px;
            font-size: 20px;
            font-weight: bold;
            color: #282828;
        }
    }

    .conte {
        &[data-v-945fa5f6] {
            margin-left: 15px;
            width: 1215px;
            overflow: hidden;
        }

        .item {
            &[data-v-945fa5f6] {
                float: left;
                width: 390px;
                height: 300px;
                margin-right: 15px;
                margin-top: 15px;
                padding-top: 0px;
                background-color: #FFF;
                border-radius: 10px;
            }

            .up {
                &[data-v-945fa5f6] {
                    width: 100%;
                    padding: 15px 20px;
                    background: linear-gradient(to right, #F3FDFF, #FFF);
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                }

                .link {
                    &[data-v-945fa5f6] {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .logo {
                        &[data-v-945fa5f6] {
                            width: 50px;
                        }

                        img[data-v-945fa5f6] {
                            width: 40px;
                            height: 40px;
                            border-radius: 8px;
                            border: 1px #F3F3F3 solid;
                        }
                    }

                    .name {
                        &[data-v-945fa5f6] {
                            width: calc(100% - 50px);
                        }

                        div[data-v-945fa5f6] {
                            float: left;
                            width: 100%;
                            line-height: 20px;
                            font-size: 16px;
                            color: #303133;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        span {
                            &[data-v-945fa5f6] {
                                float: left;
                                width: 100%;
                                line-height: 20px;
                                margin-top: 3px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }

                            i[data-v-945fa5f6] {
                                margin: 0px 5px;
                                font-size: 11px;
                                color: #DCDFE6;
                            }
                        }
                    }
                }
            }

            .midd {
                &[data-v-945fa5f6] {
                    width: 100%;
                    height: 160px;
                    overflow: hidden;
                }

                .joblist {
                    &[data-v-945fa5f6] {
                        width: 100%;
                        padding: 10px 20px;
                        cursor: pointer;
                        overflow: hidden;
                    }

                    .names {
                        &[data-v-945fa5f6] {
                            width: 100%;
                            height: 30px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .name[data-v-945fa5f6] {
                            width: 65%;
                            font-size: 16px;
                            color: #303133;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .salary[data-v-945fa5f6] {
                            width: 35%;
                            text-align: right;
                            font-size: 14px;
                            color: #F56C6C;
                        }
                    }

                    .basic {
                        &[data-v-945fa5f6] {
                            width: 100%;
                            margin-top: 5px;
                        }

                        span[data-v-945fa5f6] {
                            float: left;
                            line-height: 25px;
                            font-size: 12px;
                            color: #909399;
                            padding: 0px 10px;
                            border-radius: 3px;
                            background-color: #F4F6F9;
                            margin-right: 10px;
                        }
                    }
                }
            }

            .down {
                &[data-v-945fa5f6] {
                    width: 100%;
                    padding: 20px 0;
                    padding-top: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .link[data-v-945fa5f6] {
                    margin: auto;
                    border: 1px #409EFF solid;
                    color: #0092EF;
                    border-radius: 5px;
                    padding: 3px 15px;
                }
            }
        }

        .page {
            &[data-v-945fa5f6] {
                float: left;
                width: 1200px;
                height: 20px;
                margin-top: 15px;
            }

            .ites {
                &[data-v-945fa5f6] {
                    margin: auto;
                    width: auto;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .ite {
                    &[data-v-945fa5f6] {
                        width: 20px;
                        height: 20px;
                        line-height: 20px;
                        text-align: center;
                        background-color: #FFF;
                        border-radius: 100%;
                        cursor: pointer;
                    }

                    .el-icon[data-v-945fa5f6] {
                        color: #0092EF;
                        font-size: 10px;
                    }
                }

                .hint[data-v-945fa5f6] {
                    padding: 0 10px;
                    color: #0092EF;
                    font-size: 12px;
                }
            }
        }
    }
}

.articlebox {
    &[data-v-7f3472d6] {
        margin: auto;
        width: 1200px;
        padding-top: 20px;
        overflow: hidden
    }

    .title {
        &[data-v-7f3472d6] {
            width: 1200px;
            height: 40px;
        }

        span[data-v-7f3472d6] {
            line-height: 40px;
            font-size: 20px;
            font-weight: bold;
            color: #282828;
        }
    }

    .tab {
        &[data-v-7f3472d6] {
            width: 1200px;
            height: 28px;
            margin-top: 10px;
            display: flex;
            align-items: center;
        }

        div[data-v-7f3472d6] {
            line-height: 28px;
            background-color: #EBEEF5;
            padding: 0px 25px;
            border-radius: 14px;
            margin-right: 15px;
            color: #606266;
            cursor: pointer;
        }

        .active[data-v-7f3472d6] {
            background-color: #0092EF;
            color: #FFF;
        }
    }

    .conte {
        &[data-v-7f3472d6] {
            width: 1200px;
            height: 210px;
            margin-top: 15px;
            padding: 15px 0px;
            background-color: #FFF;
            border-radius: 10px;
            overflow: hidden;
        }

        .item {
            &[data-v-7f3472d6] {
                float: left;
                width: 50%;
                height: 36px;
                padding: 0 20px;
            }

            .link {
                &[data-v-7f3472d6] {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                div {
                    &[data-v-7f3472d6] {
                        width: 80%;
                        height: 36px;
                        font-size: 16px;
                        color: #303133;
                        display: flex;
                        align-items: center;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    i[data-v-7f3472d6] {
                        display: block;
                        width: 3px;
                        height: 3px;
                        margin-right: 10px;
                        border-radius: 100%;
                        background-color: #C0C4CC;
                    }
                }

                span[data-v-7f3472d6] {
                    float: right;
                    color: #909399;
                }
            }
        }
    }
}

.el-tabs {
    --el-tabs-header-height: 40px
}

.el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: var(--el-color-primary);
    z-index: 1;
    transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    list-style: none
}

.el-tabs__new-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--el-border-color);
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin: 10px 0 10px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    transition: all .15s
}

.el-tabs__new-tab .is-icon-plus {
    height: inherit;
    width: inherit;
    transform: scale(.8)
}

.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative;
    flex: 1 auto
}

.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-next,
.el-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 44px;
    font-size: 12px;
    color: var(--el-text-color-secondary);
    width: 20px;
    text-align: center
}

.el-tabs__nav {
    display: flex;
    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__item {
    padding: 0 20px;
    height: var(--el-tabs-header-height);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    font-size: var(--el-font-size-base);
    font-weight: 500;
    color: var(--el-text-color-primary);
    position: relative
}

.el-tabs__item:focus-visible {
    box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
    border-radius: 3px
}

.el-tabs__item .is-icon-close {
    border-radius: 50%;
    text-align: center;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    margin-left: 5px
}

.el-tabs__item .is-icon-close:before {
    transform: scale(.9);
    display: inline-block
}

.el-tabs__item.is-active {
    color: var(--el-color-primary)
}

.el-tabs__item:hover {
    color: var(--el-color-primary);
    cursor: pointer
}

.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    overflow: hidden;
    right: -2px;
    transform-origin: 100% 50%
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    border: 1px solid transparent;
    margin-top: -1px;
    color: var(--el-text-color-secondary)
}

.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+.el-tabs__item {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: var(--el-color-primary);
    background-color: var(--el-bg-color-overlay);
    border-right-color: var(--el-border-color);
    border-left-color: var(--el-border-color)
}

.el-tabs--top .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
    padding-left: 0
}

.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
    padding-right: 0
}

.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),
.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) {
    padding-left: 20px
}

.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
    padding-left: 13px
}

.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,
.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 {
    padding-right: 20px
}

.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover {
    padding-right: 13px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-top: -1px;
    margin-bottom: 0
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
    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__nav-prev,
.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-prev,
.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-prev,
.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-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.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-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i {
    transform: rotate(90deg)
}

.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: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-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__active-bar.is-left {
    right: 0;
    left: auto
}

.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.is-active {
    border: 1px solid var(--el-border-color-light);
    border-right-color: #fff;
    border-left: none;
    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--border-card .el-tabs__item.is-left.is-active {
    border-color: transparent;
    border-top-color: #d1dbe5;
    border-bottom-color: #d1dbe5
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 1px solid var(--el-border-color-light);
    border-left-color: #fff;
    border-right: none;
    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__item.is-right.is-active {
    border-color: transparent;
    border-top-color: #d1dbe5;
    border-bottom-color: #d1dbe5
}

.slideInRight-transition,
.slideInLeft-transition {
    display: inline-block
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInRight-leave 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;
        transform-origin: 0 0;
        transform: translate(100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translate(0)
    }
}

@keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform: translate(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translate(100%);
        opacity: 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translate(-100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translate(0)
    }
}

@keyframes slideInLeft-leave {
    0% {
        transform-origin: 0 0;
        transform: translate(0);
        opacity: 1
    }

    to {
        transform-origin: 0 0;
        transform: translate(-100%);
        opacity: 0
    }
}

.hotcitybox {
    &[data-v-04c0f373] {
        margin: auto;
        width: 1200px;
        padding-top: 20px;
        overflow: hidden
    }

    .title {
        &[data-v-04c0f373] {
            width: 1200px;
            height: 40px;
        }

        span[data-v-04c0f373] {
            line-height: 40px;
            font-size: 20px;
            font-weight: bold;
            color: #282828;
        }
    }

    .conte {
        &[data-v-04c0f373] {
            width: 1200px;
            height: auto;
            margin-top: 10px;
            padding: 15px 20px;
            background-color: #FFF;
            border-radius: 10px;
            overflow: hidden;
        }

        .list {
            &[data-v-04c0f373] {
                width: 100%;
                margin-top: 10px;
            }

            .item[data-v-04c0f373] {
                float: left;
                line-height: 30px;
                color: #303133;
                margin-right: 15px;
            }
        }
    }
}

.el-tabs[data-v-04c0f373],
.el-tab-pane[data-v-04c0f373] {
    height: 36px
}

[data-v-04c0f373] .el-tabs__item {
    height: 36px;
    font-size: 14px
}

[data-v-04c0f373] .el-tabs__nav-wrap:after {
    height: 0px;
    border-bottom: 1px #F1F1F1 solid
}

[data-v-04c0f373] .el-tabs__item:hover,
[data-v-04c0f373] .el-tabs__item.is-active {
    color: #0092ef
}

[data-v-04c0f373] .el-tabs__item {
    color: #909399
}

.footer {
    &[data-v-ccf2f987] {
        width: 100%;
        background-color: #161e32;
        margin-top: 30px;
        padding: 15px 0
    }

    .foot {
        &[data-v-ccf2f987] {
            margin: auto;
            width: 1200px;
        }

        .up {
            &[data-v-ccf2f987] {
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

            .about {
                &[data-v-ccf2f987] {
                    width: 380px;
                    display: flex;
                }

                .item {
                    &[data-v-ccf2f987] {
                        width: 100px;
                    }

                    .title[data-v-ccf2f987] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 14px;
                        color: #FFF;
                        margin-bottom: 10px;
                    }

                    .link {
                        &[data-v-ccf2f987] {
                            display: block;
                            width: 100%;
                            line-height: 25px;
                            font-size: 12px;
                            color: #606266;
                        }

                        &[data-v-ccf2f987]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .contact {
                &[data-v-ccf2f987] {
                    width: 450px;
                }

                .title[data-v-ccf2f987] {
                    width: 100%;
                    line-height: 30px;
                    font-size: 14px;
                    color: #FFF;
                    margin-bottom: 10px;
                }

                .item[data-v-ccf2f987] {
                    width: 100%;
                    line-height: 25px;
                    font-size: 12px;
                    color: #606266;
                }
            }

            .qrcode {
                &[data-v-ccf2f987] {
                    float: right;
                    display: flex;
                    align-items: center;
                }

                .item {
                    &[data-v-ccf2f987] {
                        width: auto;
                        margin-left: 20px;
                        text-align: center;
                        background-color: #2E3238;
                        border-radius: 10px;
                        padding: 10px 10px;
                    }

                    img[data-v-ccf2f987] {
                        width: 90px;
                        height: 90px;
                        border-radius: 5px;
                    }

                    span[data-v-ccf2f987] {
                        display: block;
                        margin-top: 5px;
                        font-size: 12px;
                        color: #FFF;
                    }
                }
            }
        }

        .down {
            &[data-v-ccf2f987] {
                border-top: 1px solid #2E3238;
                margin-top: 25px;
                padding-top: 15px;
            }

            .item {
                &[data-v-ccf2f987] {
                    width: 100%;
                    line-height: 25px;
                    font-size: 12px;
                    color: #606266;
                    text-align: center;
                }

                a {
                    &[data-v-ccf2f987] {
                        margin-left: 10px;
                        color: #606266;
                    }

                    &[data-v-ccf2f987]:hover {
                        color: #0092EF;
                    }
                }
            }
        }
    }
}

.pagebox[data-v-2319b3e7] {
    width: 100%;
    min-height: 100%;
    background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 30%)
}

.headbox[data-v-1fd69ad3] {
    width: 100%;
    height: 50px;
    background-color: #fff
}

.headbox .navigate[data-v-1fd69ad3] {
    margin: auto;
    width: 1200px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.headbox .navigate .left[data-v-1fd69ad3] {
    width: 160px
}

.headbox .navigate .left img[data-v-1fd69ad3] {
    width: 135px;
    height: 50px
}

.headbox .navigate .midd[data-v-1fd69ad3] {
    width: calc(100% - 350px);
    display: flex;
    align-items: center
}

.headbox .navigate .midd .item[data-v-1fd69ad3] {
    font-size: 14px;
    color: #606266;
    margin-right: 20px
}

.headbox .navigate .midd .active[data-v-1fd69ad3] {
    color: #0092ef
}

.headbox .navigate .right[data-v-1fd69ad3],
.headbox .navigate .right .islogin[data-v-1fd69ad3] {
    float: right;
    display: flex;
    align-items: center
}

.headbox .navigate .right .islogin .href[data-v-1fd69ad3] {
    margin-right: 15px;
    color: #606266
}

.headbox .navigate .right .islogin .href[data-v-1fd69ad3]:hover {
    color: #0092ef
}

.headbox .navigate .right .nologin[data-v-1fd69ad3] {
    float: right;
    font-size: 14px;
    color: #606266;
    display: flex;
    align-items: center
}

.headbox .navigate .right .nologin .company[data-v-1fd69ad3] {
    margin-right: 15px;
    cursor: pointer
}

.headbox .navigate .right .nologin .person[data-v-1fd69ad3] {
    background-color: #f70;
    border-radius: 25px;
    color: #fff;
    padding: 3px 15px;
    cursor: pointer
}

.headbox .navigate .right .avatar[data-v-1fd69ad3] {
    float: right;
    width: auto;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.headbox .navigate .right .avatar span[data-v-1fd69ad3] {
    color: #606266;
    font-size: 13px;
    margin-right: 7px
}

.headbox .navigate .right .avatar img[data-v-1fd69ad3] {
    width: 25px;
    height: 25px;
    border-radius: 100%
}

.personmenu[data-v-1fd69ad3] {
    width: 100%
}

.personmenu .line[data-v-1fd69ad3] {
    width: 100%;
    line-height: 39px;
    border-bottom: 1px #F5F5F5 solid;
    padding: 0 15px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.personmenu .line[data-v-1fd69ad3]:last-child {
    border-bottom: none
}

.personmenu .line .el-icon[data-v-1fd69ad3] {
    margin-right: 7.5px
}

.footer {
    &[data-v-4854c2a7] {
        width: 100%;
        background-color: #161e32;
        margin-top: 30px;
        padding: 15px 0
    }

    .foot {
        &[data-v-4854c2a7] {
            margin: auto;
            width: 1200px;
        }

        .up {
            &[data-v-4854c2a7] {
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

            .about {
                &[data-v-4854c2a7] {
                    width: 380px;
                    display: flex;
                }

                .item {
                    &[data-v-4854c2a7] {
                        width: 100px;
                    }

                    .title[data-v-4854c2a7] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 14px;
                        color: #FFF;
                        margin-bottom: 10px;
                    }

                    .link {
                        &[data-v-4854c2a7] {
                            display: block;
                            width: 100%;
                            line-height: 25px;
                            font-size: 12px;
                            color: #606266;
                        }

                        &[data-v-4854c2a7]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .contact {
                &[data-v-4854c2a7] {
                    width: 450px;
                }

                .title[data-v-4854c2a7] {
                    width: 100%;
                    line-height: 30px;
                    font-size: 14px;
                    color: #FFF;
                    margin-bottom: 10px;
                }

                .item[data-v-4854c2a7] {
                    width: 100%;
                    line-height: 25px;
                    font-size: 12px;
                    color: #606266;
                }
            }

            .qrcode {
                &[data-v-4854c2a7] {
                    float: right;
                    display: flex;
                    align-items: center;
                }

                .item {
                    &[data-v-4854c2a7] {
                        width: auto;
                        margin-left: 20px;
                        text-align: center;
                        background-color: #2E3238;
                        border-radius: 10px;
                        padding: 10px 10px;
                    }

                    img[data-v-4854c2a7] {
                        width: 90px;
                        height: 90px;
                        border-radius: 5px;
                    }

                    span[data-v-4854c2a7] {
                        display: block;
                        margin-top: 5px;
                        font-size: 12px;
                        color: #FFF;
                    }
                }
            }
        }

        .down {
            &[data-v-4854c2a7] {
                border-top: 1px solid #2E3238;
                margin-top: 25px;
                padding-top: 15px;
            }

            .item {
                &[data-v-4854c2a7] {
                    width: 100%;
                    line-height: 25px;
                    font-size: 12px;
                    color: #606266;
                    text-align: center;
                }

                a {
                    &[data-v-4854c2a7] {
                        margin-left: 10px;
                        color: #606266;
                    }

                    &[data-v-4854c2a7]:hover {
                        color: #0092EF;
                    }
                }
            }
        }
    }
}

.aboutmenubox[data-v-affa2530] {
    float: left;
    width: 185px;
    padding-top: 0;
    padding-bottom: 0
}

.aboutmenubox .list[data-v-affa2530] {
    width: 100%;
    padding: 5px 0;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden
}

.aboutmenubox .list .item[data-v-affa2530] {
    float: left;
    width: 100%;
    padding: 15px 0;
    height: 50px;
    line-height: 20px;
    color: #606266;
    border-bottom: 1px #F5F5F5 solid;
    cursor: pointer;
    display: flex
}

.aboutmenubox .list .item[data-v-affa2530]:last-child {
    border-bottom: none
}

.aboutmenubox .list .item:hover i[data-v-affa2530] {
    background-color: #0092ef
}

.aboutmenubox .list .item:hover span[data-v-affa2530] {
    color: #0092ef
}

.aboutmenubox .list .item i[data-v-affa2530] {
    float: left;
    width: 2px;
    height: 20px
}

.aboutmenubox .list .item span[data-v-affa2530] {
    float: left;
    width: calc(100% - 2px);
    line-height: 20px;
    text-align: center;
    font-size: 16px
}

.aboutmenubox .list .active i[data-v-affa2530] {
    background-color: #0092ef
}

.aboutmenubox .list .active span[data-v-affa2530] {
    color: #0092ef
}

.pagebox {
    &[data-v-a2f6d0ba] {
        width: 100%;
        height: 100%;
        padding-top: 0;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .mainbox {
        &[data-v-a2f6d0ba] {
            margin: 20px auto;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .contentbox {
            &[data-v-a2f6d0ba] {
                float: right;
                width: 1000px;
                padding: 0 30px;
                min-height: 680px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .title[data-v-a2f6d0ba] {
                float: left;
                width: 100%;
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                color: #282828;
                font-weight: bold;
                border-bottom: 1px #F5F5F5 solid;
            }

            .content {
                &[data-v-a2f6d0ba] {
                    float: left;
                    width: 100%;
                    min-height: 585px;
                    padding: 20px 0;
                    font-size: 15px;
                    color: #282828;
                }

                img[data-v-a2f6d0ba] {
                    max-width: 90%;
                    min-width: 90%;
                    display: block;
                    margin: 10px auto;
                    border-radius: 5px;
                }
            }

            .sitemapbox {
                &[data-v-a2f6d0ba] {
                    width: 100%;
                }

                .name[data-v-a2f6d0ba] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    margin-bottom: 5px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #282828;
                    font-weight: bold;
                }

                .list {
                    &[data-v-a2f6d0ba] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        padding-bottom: 0px;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-a2f6d0ba] {
                            width: auto;
                            margin-right: 20px;
                            font-size: 14px;
                            color: #666;
                            text-decoration: none;
                            cursor: pointer;
                        }

                        &[data-v-a2f6d0ba]:hover {
                            color: #0092EF;
                        }
                    }
                }

                .onelist {
                    &[data-v-a2f6d0ba] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                    }

                    .titl[data-v-a2f6d0ba] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                    }

                    .twolist {
                        &[data-v-a2f6d0ba] {
                            float: left;
                            width: 100%;
                            margin-top: 0px;
                        }

                        .item[data-v-a2f6d0ba] {
                            float: left;
                            line-height: 30px;
                            margin-right: 25px;
                            font-size: 14px;
                        }
                    }
                }
            }

            .linkbox {
                &[data-v-a2f6d0ba] {
                    float: left;
                    width: 100%;
                    min-height: 625px;
                }

                .link {
                    &[data-v-a2f6d0ba] {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-a2f6d0ba] {
                            width: auto;
                            height: 30px;
                            line-height: 30px;
                            margin-top: 10px;
                            font-size: 14px;
                            color: #666;
                            margin-right: 25px;
                            text-decoration: none;
                        }

                        &[data-v-a2f6d0ba]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .feedback {
                &[data-v-a2f6d0ba] {
                    float: left;
                    width: 600px;
                    min-height: 605px;
                    margin-top: 20px;
                }

                .hint[data-v-a2f6d0ba] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    line-height: 20px;
                    color: #bbb;
                    font-size: 12px;
                }

                .footer {
                    &[data-v-a2f6d0ba] {
                        float: left;
                        width: 500px;
                        margin-left: 100px;
                        margin-top: 15px;
                        text-align: left;
                    }

                    .el-button[data-v-a2f6d0ba] {
                        padding: 10px 50px;
                    }
                }
            }
        }
    }
}

.pagebox {
    &[data-v-67f8d15c] {
        width: 100%;
        height: 100%;
        padding-top: 0;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .mainbox {
        &[data-v-67f8d15c] {
            margin: 20px auto;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .contentbox {
            &[data-v-67f8d15c] {
                float: right;
                width: 1000px;
                padding: 0 30px;
                min-height: 680px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .title[data-v-67f8d15c] {
                float: left;
                width: 100%;
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                color: #282828;
                font-weight: bold;
                border-bottom: 1px #F5F5F5 solid;
            }

            .content {
                &[data-v-67f8d15c] {
                    float: left;
                    width: 100%;
                    min-height: 585px;
                    padding: 20px 0;
                    font-size: 15px;
                    color: #282828;
                }

                img[data-v-67f8d15c] {
                    max-width: 90%;
                    min-width: 90%;
                    display: block;
                    margin: 10px auto;
                    border-radius: 5px;
                }
            }

            .sitemapbox {
                &[data-v-67f8d15c] {
                    width: 100%;
                }

                .name[data-v-67f8d15c] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    margin-bottom: 5px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #282828;
                    font-weight: bold;
                }

                .list {
                    &[data-v-67f8d15c] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        padding-bottom: 0px;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-67f8d15c] {
                            width: auto;
                            margin-right: 20px;
                            font-size: 14px;
                            color: #666;
                            text-decoration: none;
                            cursor: pointer;
                        }

                        &[data-v-67f8d15c]:hover {
                            color: #0092EF;
                        }
                    }
                }

                .onelist {
                    &[data-v-67f8d15c] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                    }

                    .titl[data-v-67f8d15c] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                    }

                    .twolist {
                        &[data-v-67f8d15c] {
                            float: left;
                            width: 100%;
                            margin-top: 0px;
                        }

                        .item[data-v-67f8d15c] {
                            float: left;
                            line-height: 30px;
                            margin-right: 25px;
                            font-size: 14px;
                        }
                    }
                }
            }

            .linkbox {
                &[data-v-67f8d15c] {
                    float: left;
                    width: 100%;
                    min-height: 625px;
                }

                .link {
                    &[data-v-67f8d15c] {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-67f8d15c] {
                            width: auto;
                            height: 30px;
                            line-height: 30px;
                            margin-top: 10px;
                            font-size: 14px;
                            color: #666;
                            margin-right: 25px;
                            text-decoration: none;
                        }

                        &[data-v-67f8d15c]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .feedback {
                &[data-v-67f8d15c] {
                    float: left;
                    width: 600px;
                    min-height: 605px;
                    margin-top: 20px;
                }

                .hint[data-v-67f8d15c] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    line-height: 20px;
                    color: #bbb;
                    font-size: 12px;
                }

                .footer {
                    &[data-v-67f8d15c] {
                        float: left;
                        width: 500px;
                        margin-left: 100px;
                        margin-top: 15px;
                        text-align: left;
                    }

                    .el-button[data-v-67f8d15c] {
                        padding: 10px 50px;
                    }
                }
            }
        }
    }
}

.pagebox {
    &[data-v-b3ab73cf] {
        width: 100%;
        height: 100%;
        padding-top: 0;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .mainbox {
        &[data-v-b3ab73cf] {
            margin: 20px auto;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .contentbox {
            &[data-v-b3ab73cf] {
                float: right;
                width: 1000px;
                padding: 0 30px;
                min-height: 680px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .title[data-v-b3ab73cf] {
                float: left;
                width: 100%;
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                color: #282828;
                font-weight: bold;
                border-bottom: 1px #F5F5F5 solid;
            }

            .content {
                &[data-v-b3ab73cf] {
                    float: left;
                    width: 100%;
                    min-height: 585px;
                    padding: 20px 0;
                    font-size: 15px;
                    color: #282828;
                }

                img[data-v-b3ab73cf] {
                    max-width: 90%;
                    min-width: 90%;
                    display: block;
                    margin: 10px auto;
                    border-radius: 5px;
                }
            }

            .sitemapbox {
                &[data-v-b3ab73cf] {
                    width: 100%;
                }

                .name[data-v-b3ab73cf] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    margin-bottom: 5px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #282828;
                    font-weight: bold;
                }

                .list {
                    &[data-v-b3ab73cf] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        padding-bottom: 0px;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-b3ab73cf] {
                            width: auto;
                            margin-right: 20px;
                            font-size: 14px;
                            color: #666;
                            text-decoration: none;
                            cursor: pointer;
                        }

                        &[data-v-b3ab73cf]:hover {
                            color: #0092EF;
                        }
                    }
                }

                .onelist {
                    &[data-v-b3ab73cf] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                    }

                    .titl[data-v-b3ab73cf] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                    }

                    .twolist {
                        &[data-v-b3ab73cf] {
                            float: left;
                            width: 100%;
                            margin-top: 0px;
                        }

                        .item[data-v-b3ab73cf] {
                            float: left;
                            line-height: 30px;
                            margin-right: 25px;
                            font-size: 14px;
                        }
                    }
                }
            }

            .linkbox {
                &[data-v-b3ab73cf] {
                    float: left;
                    width: 100%;
                    min-height: 625px;
                }

                .link {
                    &[data-v-b3ab73cf] {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-b3ab73cf] {
                            width: auto;
                            height: 30px;
                            line-height: 30px;
                            margin-top: 10px;
                            font-size: 14px;
                            color: #666;
                            margin-right: 25px;
                            text-decoration: none;
                        }

                        &[data-v-b3ab73cf]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .feedback {
                &[data-v-b3ab73cf] {
                    float: left;
                    width: 600px;
                    min-height: 605px;
                    margin-top: 20px;
                }

                .hint[data-v-b3ab73cf] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    line-height: 20px;
                    color: #bbb;
                    font-size: 12px;
                }

                .footer {
                    &[data-v-b3ab73cf] {
                        float: left;
                        width: 500px;
                        margin-left: 100px;
                        margin-top: 15px;
                        text-align: left;
                    }

                    .el-button[data-v-b3ab73cf] {
                        padding: 10px 50px;
                    }
                }
            }
        }
    }
}

.el-form {
    --el-form-label-font-size: var(--el-font-size-base);
    --el-form-inline-content-width: 220px
}

.el-form--inline .el-form-item {
    display: inline-flex;
    vertical-align: middle;
    margin-right: 32px
}

.el-form-item {
    display: flex;
    --font-size: 14px;
    margin-bottom: 18px
}

.el-form-item--large {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 22px
}

.el-form-item--default {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--small {
    --font-size: 12px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--label-top .el-form-item__label {
    display: block;
    height: auto;
    text-align: left;
    margin-bottom: 8px;
    line-height: 22px
}

.el-form-item__label {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
    font-size: var(--el-form-label-font-size);
    color: var(--el-text-color-regular);
    height: 32px;
    line-height: 32px;
    padding: 0 12px 0 0;
    box-sizing: border-box
}

.el-form-item__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    line-height: 32px;
    position: relative;
    font-size: var(--font-size);
    min-width: 0
}

.el-form-item__error {
    color: var(--el-color-danger);
    font-size: 12px;
    line-height: 1;
    padding-top: 2px;
    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).asterisk-left>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before {
    content: "*";
    color: var(--el-color-danger);
    margin-right: 4px
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after {
    content: "*";
    color: var(--el-color-danger);
    margin-left: 4px
}

.el-form-item.is-error .el-input__wrapper,
.el-form-item.is-error .el-input__wrapper:hover,
.el-form-item.is-error .el-input__wrapper:focus,
.el-form-item.is-error .el-input__wrapper.is-focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:hover,
.el-form-item.is-error .el-textarea__inner:focus,
.el-form-item.is-error .el-textarea__inner.is-focus,
.el-form-item.is-error .el-select__wrapper,
.el-form-item.is-error .el-select__wrapper:hover,
.el-form-item.is-error .el-select__wrapper:focus,
.el-form-item.is-error .el-select__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
    box-shadow: 0 0 0 1px transparent inset
}

.el-button {
    --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: var(--el-border-color);
    --el-button-bg-color: var(--el-fill-color-blank);
    --el-button-text-color: var(--el-text-color-regular);
    --el-button-disabled-text-color: var(--el-disabled-text-color);
    --el-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color: rgba(255, 255, 255, .5);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-color-primary-light-9);
    --el-button-hover-border-color: var(--el-color-primary-light-7);
    --el-button-active-text-color: var(--el-button-hover-text-color);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-active-bg-color: var(--el-button-hover-bg-color);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-color-info);
    --el-button-active-color: var(--el-text-color-primary)
}

.el-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 32px;
    white-space: nowrap;
    cursor: pointer;
    color: var(--el-button-text-color);
    text-align: center;
    box-sizing: border-box;
    outline: none;
    transition: .1s;
    font-weight: var(--el-button-font-weight);
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color)
}

.el-button:hover {
    color: var(--el-button-hover-text-color);
    border-color: var(--el-button-hover-border-color);
    background-color: var(--el-button-hover-bg-color);
    outline: none
}

.el-button:active {
    color: var(--el-button-active-text-color);
    border-color: var(--el-button-active-border-color);
    background-color: var(--el-button-active-bg-color);
    outline: none
}

.el-button>span {
    display: inline-flex;
    align-items: center
}

.el-button {
    padding: 8px 15px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base)
}

.el-button.is-round {
    padding: 8px 15px
}

.el-button.is-plain {
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-fill-color-blank);
    --el-button-hover-border-color: var(--el-color-primary)
}

.el-button.is-active {
    color: var(--el-button-active-text-color);
    border-color: var(--el-button-active-border-color);
    background-color: var(--el-button-active-bg-color);
    outline: none
}

.el-button.is-disabled,
.el-button.is-disabled:hover {
    color: var(--el-button-disabled-text-color);
    cursor: not-allowed;
    background-image: none;
    background-color: var(--el-button-disabled-bg-color);
    border-color: var(--el-button-disabled-border-color)
}

.el-button.is-loading {
    position: relative;
    pointer-events: none
}

.el-button.is-loading:before {
    z-index: 1;
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: var(--el-mask-color-extra-light)
}

.el-button.is-circle {
    width: 32px;
    border-radius: 50%;
    padding: 8px
}

.el-button.is-text {
    color: var(--el-button-text-color);
    border: 0 solid transparent;
    background-color: transparent
}

.el-button.is-text.is-disabled {
    color: var(--el-button-disabled-text-color);
    background-color: transparent !important
}

.el-button.is-link {
    border-color: transparent;
    color: var(--el-button-text-color);
    background: transparent;
    padding: 2px;
    height: auto
}

.el-button.is-link.is-disabled {
    color: var(--el-button-disabled-text-color);
    background-color: transparent !important;
    border-color: transparent !important
}

.el-button.is-link:not(.is-disabled):hover {
    border-color: transparent;
    background-color: transparent
}

.el-button.is-link:not(.is-disabled):active {
    color: var(--el-button-active-color);
    border-color: transparent;
    background-color: transparent
}

.el-button--text {
    border-color: transparent;
    background: transparent;
    color: var(--el-color-primary);
    padding-left: 0;
    padding-right: 0
}

.el-button--text.is-disabled {
    color: var(--el-button-disabled-text-color);
    background-color: transparent !important;
    border-color: transparent !important
}

.el-button--text:not(.is-disabled):hover {
    color: var(--el-color-primary-light-3);
    border-color: transparent;
    background-color: transparent
}

.el-button--text:not(.is-disabled):active {
    color: var(--el-color-primary-dark-2);
    border-color: transparent;
    background-color: transparent
}

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

.el-button--primary.is-plain,
.el-button--primary.is-text,
.el-button--primary.is-link {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: var(--el-color-primary-light-9);
    --el-button-border-color: var(--el-color-primary-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:hover,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:active {
    color: var(--el-color-primary-light-5);
    background-color: var(--el-color-primary-light-9);
    border-color: var(--el-color-primary-light-8)
}

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

.el-button--success.is-plain,
.el-button--success.is-text,
.el-button--success.is-link {
    --el-button-text-color: var(--el-color-success);
    --el-button-bg-color: var(--el-color-success-light-9);
    --el-button-border-color: var(--el-color-success-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-success);
    --el-button-hover-border-color: var(--el-color-success);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:hover,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:active {
    color: var(--el-color-success-light-5);
    background-color: var(--el-color-success-light-9);
    border-color: var(--el-color-success-light-8)
}

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

.el-button--warning.is-plain,
.el-button--warning.is-text,
.el-button--warning.is-link {
    --el-button-text-color: var(--el-color-warning);
    --el-button-bg-color: var(--el-color-warning-light-9);
    --el-button-border-color: var(--el-color-warning-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-warning);
    --el-button-hover-border-color: var(--el-color-warning);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:hover,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:active {
    color: var(--el-color-warning-light-5);
    background-color: var(--el-color-warning-light-9);
    border-color: var(--el-color-warning-light-8)
}

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

.el-button--danger.is-plain,
.el-button--danger.is-text,
.el-button--danger.is-link {
    --el-button-text-color: var(--el-color-danger);
    --el-button-bg-color: var(--el-color-danger-light-9);
    --el-button-border-color: var(--el-color-danger-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-danger);
    --el-button-hover-border-color: var(--el-color-danger);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:hover,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:hover,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:active {
    color: var(--el-color-danger-light-5);
    background-color: var(--el-color-danger-light-9);
    border-color: var(--el-color-danger-light-8)
}

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

.el-button--info.is-plain,
.el-button--info.is-text,
.el-button--info.is-link {
    --el-button-text-color: var(--el-color-info);
    --el-button-bg-color: var(--el-color-info-light-9);
    --el-button-border-color: var(--el-color-info-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-info);
    --el-button-hover-border-color: var(--el-color-info);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:hover,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:active {
    color: var(--el-color-info-light-5);
    background-color: var(--el-color-info-light-9);
    border-color: var(--el-color-info-light-8)
}

.el-button--large {
    --el-button-size: 40px;
    height: var(--el-button-size)
}

.el-button--large {
    padding: 12px 19px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base)
}

.el-button--large.is-circle {
    width: var(--el-button-size);
    padding: 12px
}

.el-button--small {
    --el-button-size: 24px;
    height: var(--el-button-size)
}

.el-button--small {
    padding: 5px 11px;
    font-size: 12px;
    border-radius: calc(var(--el-border-radius-base) - 1px)
}

.el-button--small.is-circle {
    width: var(--el-button-size);
    padding: 5px
}

.el-upload {
    --el-upload-dragger-padding-horizontal: 40px;
    --el-upload-dragger-padding-vertical: 10px
}

.el-upload {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: 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 {
    --el-upload-picture-card-size: 148px;
    background-color: var(--el-fill-color-lighter);
    border: 1px dashed var(--el-border-color-darker);
    border-radius: 6px;
    box-sizing: border-box;
    width: var(--el-upload-picture-card-size);
    height: var(--el-upload-picture-card-size);
    cursor: pointer;
    vertical-align: top;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.el-upload--picture-card>i {
    font-size: 28px;
    color: var(--el-text-color-secondary)
}

.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 {
    padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
    background-color: var(--el-fill-color-blank);
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    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-bottom: 16px;
    line-height: 50px
}

.el-upload-dragger.is-dragover {
    padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px);
    background-color: var(--el-color-primary-light-9);
    border: 2px dashed var(--el-color-primary)
}

.el-upload-list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    position: relative
}

.el-upload-list__item {
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    font-size: 14px;
    color: var(--el-text-color-regular);
    margin-bottom: 5px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.el-upload-list__item .el-icon--close {
    display: none;
    position: absolute;
    right: 5px;
    top: 50%;
    cursor: pointer;
    opacity: .75;
    color: var(--el-text-color-regular);
    transition: opacity var(--el-transition-duration);
    transform: translateY(-50%)
}

.el-upload-list__item .el-icon--close:hover {
    opacity: 1;
    color: var(--el-color-primary)
}

.el-upload-list__item .el-icon--close-tip {
    display: none;
    position: absolute;
    top: 1px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: var(--el-color-primary);
    font-style: normal
}

.el-upload-list__item .el-upload-list__item-info {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    width: calc(100% - 30px);
    margin-left: 4px
}

.el-upload-list__item.is-success .el-upload-list__item-name:hover,
.el-upload-list__item.is-success .el-upload-list__item-name:focus {
    color: var(--el-color-primary);
    cursor: pointer
}

.el-upload-list__item.is-success:not(.focusing):focus,
.el-upload-list__item.is-success:active {
    outline-width: 0
}

.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip,
.el-upload-list__item.is-success:active .el-icon--close-tip {
    display: none
}

.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label {
    display: none;
    opacity: 0
}

.el-upload-list__item-name {
    color: var(--el-text-color-regular);
    display: inline-flex;
    text-align: center;
    align-items: center;
    padding: 0 4px;
    transition: color var(--el-transition-duration);
    font-size: var(--el-font-size-base)
}

.el-upload-list__item-name .el-icon {
    margin-right: 6px;
    color: var(--el-text-color-secondary)
}

.el-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none;
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: opacity var(--el-transition-duration)
}

.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--picture-card {
    --el-upload-list-picture-card-size: 148px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0
}

.el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    width: var(--el-upload-list-picture-card-size);
    height: var(--el-upload-list-picture-card-size);
    margin: 0 8px 8px 0;
    padding: 0;
    display: inline-flex
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    opacity: 0;
    display: block
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: var(--el-color-success);
    text-align: center;
    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;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: var(--el-overlay-color-lighter);
    transition: opacity var(--el-transition-duration)
}

.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 .el-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit
}

.el-upload-list--picture-card .el-progress {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    width: 126px
}

.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px;
    display: flex;
    align-items: center
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    opacity: 0;
    display: inline-flex
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    background-color: var(--el-color-white)
}

.el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: var(--el-color-success);
    text-align: center;
    transform: rotate(45deg)
}

.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 {
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: var(--el-color-success);
    text-align: center;
    transform: rotate(45deg)
}

.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__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: var(--el-overlay-color-light);
    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__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-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__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-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.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__inner--striped {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, transparent 75%, transparent);
    background-size: 1.25em 1.25em
}

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

.el-radio-group {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0
}

.el-radio {
    --el-radio-font-size: var(--el-font-size-base);
    --el-radio-text-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-bg-color: var(--el-fill-color-blank);
    --el-radio-input-border: var(--el-border);
    --el-radio-input-border-color: var(--el-border-color);
    --el-radio-input-border-color-hover: var(--el-color-primary)
}

.el-radio {
    color: var(--el-radio-text-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: 32px;
    height: 32px
}

.el-radio.is-bordered {
    padding: 0 15px 0 9px;
    border-radius: var(--el-border-radius-base);
    border: var(--el-border);
    box-sizing: border-box
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: var(--el-border-color-lighter)
}

.el-radio.is-bordered.el-radio--large {
    padding: 0 19px 0 11px;
    border-radius: var(--el-border-radius-base)
}

.el-radio.is-bordered.el-radio--small {
    padding: 0 11px 0 7px;
    border-radius: var(--el-border-radius-base)
}

.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 {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color);
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    cursor: not-allowed;
    background-color: var(--el-disabled-bg-color)
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: var(--el-color-primary);
    background: var(--el-color-primary)
}

.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-bg-color);
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box
}

.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__original:focus-visible+.el-radio__inner {
    outline: 2px solid var(--el-radio-input-border-color-hover);
    outline-offset: 1px;
    border-radius: var(--el-radio-input-border-radius)
}

.el-radio.el-radio--large .el-radio__inner {
    width: 14px;
    height: 14px
}

.el-radio.el-radio--small .el-radio__inner {
    width: 12px;
    height: 12px
}

.pagebox {
    &[data-v-f261b74d] {
        width: 100%;
        height: 100%;
        padding-top: 0;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .mainbox {
        &[data-v-f261b74d] {
            margin: 20px auto;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .contentbox {
            &[data-v-f261b74d] {
                float: right;
                width: 1000px;
                padding: 0 30px;
                min-height: 680px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .title[data-v-f261b74d] {
                float: left;
                width: 100%;
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                color: #282828;
                font-weight: bold;
                border-bottom: 1px #F5F5F5 solid;
            }

            .content {
                &[data-v-f261b74d] {
                    float: left;
                    width: 100%;
                    min-height: 585px;
                    padding: 20px 0;
                    font-size: 15px;
                    color: #282828;
                }

                img[data-v-f261b74d] {
                    max-width: 90%;
                    min-width: 90%;
                    display: block;
                    margin: 10px auto;
                    border-radius: 5px;
                }
            }

            .sitemapbox {
                &[data-v-f261b74d] {
                    width: 100%;
                }

                .name[data-v-f261b74d] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    margin-bottom: 5px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #282828;
                    font-weight: bold;
                }

                .list {
                    &[data-v-f261b74d] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        padding-bottom: 0px;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-f261b74d] {
                            width: auto;
                            margin-right: 20px;
                            font-size: 14px;
                            color: #666;
                            text-decoration: none;
                            cursor: pointer;
                        }

                        &[data-v-f261b74d]:hover {
                            color: #0092EF;
                        }
                    }
                }

                .onelist {
                    &[data-v-f261b74d] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                    }

                    .titl[data-v-f261b74d] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                    }

                    .twolist {
                        &[data-v-f261b74d] {
                            float: left;
                            width: 100%;
                            margin-top: 0px;
                        }

                        .item[data-v-f261b74d] {
                            float: left;
                            line-height: 30px;
                            margin-right: 25px;
                            font-size: 14px;
                        }
                    }
                }
            }

            .linkbox {
                &[data-v-f261b74d] {
                    float: left;
                    width: 100%;
                    min-height: 625px;
                }

                .link {
                    &[data-v-f261b74d] {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-f261b74d] {
                            width: auto;
                            height: 30px;
                            line-height: 30px;
                            margin-top: 10px;
                            font-size: 14px;
                            color: #666;
                            margin-right: 25px;
                            text-decoration: none;
                        }

                        &[data-v-f261b74d]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .feedback {
                &[data-v-f261b74d] {
                    float: left;
                    width: 600px;
                    min-height: 605px;
                    margin-top: 20px;
                }

                .hint[data-v-f261b74d] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    line-height: 20px;
                    color: #bbb;
                    font-size: 12px;
                }

                .footer {
                    &[data-v-f261b74d] {
                        float: left;
                        width: 500px;
                        margin-left: 100px;
                        margin-top: 15px;
                        text-align: left;
                    }

                    .el-button[data-v-f261b74d] {
                        padding: 10px 50px;
                    }
                }
            }
        }
    }
}

.hint[data-v-f261b74d] {
    width: 100%;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #c0c4cc
}

.pagebox {
    &[data-v-79a82d59] {
        width: 100%;
        height: 100%;
        padding-top: 0;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .mainbox {
        &[data-v-79a82d59] {
            margin: 20px auto;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .contentbox {
            &[data-v-79a82d59] {
                float: right;
                width: 1000px;
                padding: 0 30px;
                min-height: 680px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .title[data-v-79a82d59] {
                float: left;
                width: 100%;
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                color: #282828;
                font-weight: bold;
                border-bottom: 1px #F5F5F5 solid;
            }

            .content {
                &[data-v-79a82d59] {
                    float: left;
                    width: 100%;
                    min-height: 585px;
                    padding: 20px 0;
                    font-size: 15px;
                    color: #282828;
                }

                img[data-v-79a82d59] {
                    max-width: 90%;
                    min-width: 90%;
                    display: block;
                    margin: 10px auto;
                    border-radius: 5px;
                }
            }

            .sitemapbox {
                &[data-v-79a82d59] {
                    width: 100%;
                }

                .name[data-v-79a82d59] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    margin-bottom: 5px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #282828;
                    font-weight: bold;
                }

                .list {
                    &[data-v-79a82d59] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        padding-bottom: 0px;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-79a82d59] {
                            width: auto;
                            margin-right: 20px;
                            font-size: 14px;
                            color: #666;
                            text-decoration: none;
                            cursor: pointer;
                        }

                        &[data-v-79a82d59]:hover {
                            color: #0092EF;
                        }
                    }
                }

                .onelist {
                    &[data-v-79a82d59] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                    }

                    .titl[data-v-79a82d59] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                    }

                    .twolist {
                        &[data-v-79a82d59] {
                            float: left;
                            width: 100%;
                            margin-top: 0px;
                        }

                        .item[data-v-79a82d59] {
                            float: left;
                            line-height: 30px;
                            margin-right: 25px;
                            font-size: 14px;
                        }
                    }
                }
            }

            .linkbox {
                &[data-v-79a82d59] {
                    float: left;
                    width: 100%;
                    min-height: 625px;
                }

                .link {
                    &[data-v-79a82d59] {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-79a82d59] {
                            width: auto;
                            height: 30px;
                            line-height: 30px;
                            margin-top: 10px;
                            font-size: 14px;
                            color: #666;
                            margin-right: 25px;
                            text-decoration: none;
                        }

                        &[data-v-79a82d59]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .feedback {
                &[data-v-79a82d59] {
                    float: left;
                    width: 600px;
                    min-height: 605px;
                    margin-top: 20px;
                }

                .hint[data-v-79a82d59] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    line-height: 20px;
                    color: #bbb;
                    font-size: 12px;
                }

                .footer {
                    &[data-v-79a82d59] {
                        float: left;
                        width: 500px;
                        margin-left: 100px;
                        margin-top: 15px;
                        text-align: left;
                    }

                    .el-button[data-v-79a82d59] {
                        padding: 10px 50px;
                    }
                }
            }
        }
    }
}

.pagebox {
    &[data-v-2ccc2a88] {
        width: 100%;
        height: 100%;
        padding-top: 0;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .mainbox {
        &[data-v-2ccc2a88] {
            margin: 20px auto;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .contentbox {
            &[data-v-2ccc2a88] {
                float: right;
                width: 1000px;
                padding: 0 30px;
                min-height: 680px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .title[data-v-2ccc2a88] {
                float: left;
                width: 100%;
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                color: #282828;
                font-weight: bold;
                border-bottom: 1px #F5F5F5 solid;
            }

            .content {
                &[data-v-2ccc2a88] {
                    float: left;
                    width: 100%;
                    min-height: 585px;
                    padding: 20px 0;
                    font-size: 15px;
                    color: #282828;
                }

                img[data-v-2ccc2a88] {
                    max-width: 90%;
                    min-width: 90%;
                    display: block;
                    margin: 10px auto;
                    border-radius: 5px;
                }
            }

            .sitemapbox {
                &[data-v-2ccc2a88] {
                    width: 100%;
                }

                .name[data-v-2ccc2a88] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    margin-bottom: 5px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #282828;
                    font-weight: bold;
                }

                .list {
                    &[data-v-2ccc2a88] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        padding-bottom: 0px;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-2ccc2a88] {
                            width: auto;
                            margin-right: 20px;
                            font-size: 14px;
                            color: #666;
                            text-decoration: none;
                            cursor: pointer;
                        }

                        &[data-v-2ccc2a88]:hover {
                            color: #0092EF;
                        }
                    }
                }

                .onelist {
                    &[data-v-2ccc2a88] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                    }

                    .titl[data-v-2ccc2a88] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                    }

                    .twolist {
                        &[data-v-2ccc2a88] {
                            float: left;
                            width: 100%;
                            margin-top: 0px;
                        }

                        .item[data-v-2ccc2a88] {
                            float: left;
                            line-height: 30px;
                            margin-right: 25px;
                            font-size: 14px;
                        }
                    }
                }
            }

            .linkbox {
                &[data-v-2ccc2a88] {
                    float: left;
                    width: 100%;
                    min-height: 625px;
                }

                .link {
                    &[data-v-2ccc2a88] {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-2ccc2a88] {
                            width: auto;
                            height: 30px;
                            line-height: 30px;
                            margin-top: 10px;
                            font-size: 14px;
                            color: #666;
                            margin-right: 25px;
                            text-decoration: none;
                        }

                        &[data-v-2ccc2a88]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .feedback {
                &[data-v-2ccc2a88] {
                    float: left;
                    width: 600px;
                    min-height: 605px;
                    margin-top: 20px;
                }

                .hint[data-v-2ccc2a88] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    line-height: 20px;
                    color: #bbb;
                    font-size: 12px;
                }

                .footer {
                    &[data-v-2ccc2a88] {
                        float: left;
                        width: 500px;
                        margin-left: 100px;
                        margin-top: 15px;
                        text-align: left;
                    }

                    .el-button[data-v-2ccc2a88] {
                        padding: 10px 50px;
                    }
                }
            }
        }
    }
}

.pagebox {
    &[data-v-f9f6154c] {
        width: 100%;
        height: 100%;
        padding-top: 0;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .mainbox {
        &[data-v-f9f6154c] {
            margin: 20px auto;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .contentbox {
            &[data-v-f9f6154c] {
                float: right;
                width: 1000px;
                padding: 0 30px;
                min-height: 680px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .title[data-v-f9f6154c] {
                float: left;
                width: 100%;
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                color: #282828;
                font-weight: bold;
                border-bottom: 1px #F5F5F5 solid;
            }

            .content {
                &[data-v-f9f6154c] {
                    float: left;
                    width: 100%;
                    min-height: 585px;
                    padding: 20px 0;
                    font-size: 15px;
                    color: #282828;
                }

                img[data-v-f9f6154c] {
                    max-width: 90%;
                    min-width: 90%;
                    display: block;
                    margin: 10px auto;
                    border-radius: 5px;
                }
            }

            .sitemapbox {
                &[data-v-f9f6154c] {
                    width: 100%;
                }

                .name[data-v-f9f6154c] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    margin-bottom: 5px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #282828;
                    font-weight: bold;
                }

                .list {
                    &[data-v-f9f6154c] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        padding-bottom: 0px;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-f9f6154c] {
                            width: auto;
                            margin-right: 20px;
                            font-size: 14px;
                            color: #666;
                            text-decoration: none;
                            cursor: pointer;
                        }

                        &[data-v-f9f6154c]:hover {
                            color: #0092EF;
                        }
                    }
                }

                .onelist {
                    &[data-v-f9f6154c] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                    }

                    .titl[data-v-f9f6154c] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                    }

                    .twolist {
                        &[data-v-f9f6154c] {
                            float: left;
                            width: 100%;
                            margin-top: 0px;
                        }

                        .item[data-v-f9f6154c] {
                            float: left;
                            line-height: 30px;
                            margin-right: 25px;
                            font-size: 14px;
                        }
                    }
                }
            }

            .linkbox {
                &[data-v-f9f6154c] {
                    float: left;
                    width: 100%;
                    min-height: 625px;
                }

                .link {
                    &[data-v-f9f6154c] {
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                    }

                    .item {
                        &[data-v-f9f6154c] {
                            width: auto;
                            height: 30px;
                            line-height: 30px;
                            margin-top: 10px;
                            font-size: 14px;
                            color: #666;
                            margin-right: 25px;
                            text-decoration: none;
                        }

                        &[data-v-f9f6154c]:hover {
                            color: #0092EF;
                        }
                    }
                }
            }

            .feedback {
                &[data-v-f9f6154c] {
                    float: left;
                    width: 600px;
                    min-height: 605px;
                    margin-top: 20px;
                }

                .hint[data-v-f9f6154c] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    line-height: 20px;
                    color: #bbb;
                    font-size: 12px;
                }

                .footer {
                    &[data-v-f9f6154c] {
                        float: left;
                        width: 500px;
                        margin-left: 100px;
                        margin-top: 15px;
                        text-align: left;
                    }

                    .el-button[data-v-f9f6154c] {
                        padding: 10px 50px;
                    }
                }
            }
        }
    }
}

.el-pagination {
    --el-pagination-font-size: 14px;
    --el-pagination-bg-color: var(--el-fill-color-blank);
    --el-pagination-text-color: var(--el-text-color-primary);
    --el-pagination-border-radius: 2px;
    --el-pagination-button-color: var(--el-text-color-primary);
    --el-pagination-button-width: 32px;
    --el-pagination-button-height: 32px;
    --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
    --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-pagination-button-bg-color: var(--el-fill-color);
    --el-pagination-hover-color: var(--el-color-primary);
    --el-pagination-font-size-small: 12px;
    --el-pagination-button-width-small: 24px;
    --el-pagination-button-height-small: 24px;
    --el-pagination-button-width-large: 40px;
    --el-pagination-button-height-large: 40px;
    --el-pagination-item-gap: 16px;
    white-space: nowrap;
    color: var(--el-pagination-text-color);
    font-size: var(--el-pagination-font-size);
    font-weight: 400;
    display: flex;
    align-items: center
}

.el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield
}

.el-pagination button {
    display: flex;
    justify-content: center;
    align-items: center;
    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);
    color: var(--el-pagination-button-color);
    background: var(--el-pagination-bg-color);
    padding: 0 4px;
    border: none;
    border-radius: var(--el-pagination-border-radius);
    cursor: pointer;
    text-align: center;
    box-sizing: border-box
}

.el-pagination button:hover {
    color: var(--el-pagination-hover-color)
}

.el-pagination button.is-active {
    color: var(--el-pagination-hover-color);
    cursor: default;
    font-weight: 700
}

.el-pagination button.is-active.is-disabled {
    font-weight: 700;
    color: var(--el-text-color-secondary)
}

.el-pagination button:disabled,
.el-pagination button.is-disabled {
    color: var(--el-pagination-button-disabled-color);
    background-color: var(--el-pagination-button-disabled-bg-color);
    cursor: not-allowed
}

.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700;
    width: inherit
}

.el-pagination>*.is-first {
    margin-left: 0 !important
}

.el-pagination>*.is-last {
    margin-right: 0 !important
}

.el-pagination__sizes,
.el-pagination__total {
    margin-left: var(--el-pagination-item-gap);
    font-weight: 400;
    color: var(--el-text-color-regular)
}

.el-pagination__jump {
    display: flex;
    align-items: center;
    margin-left: var(--el-pagination-item-gap);
    font-weight: 400;
    color: var(--el-text-color-regular)
}

.el-pagination__editor {
    text-align: center;
    box-sizing: border-box
}

.el-pagination__rightwrapper {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
    margin: 0 4px;
    background-color: var(--el-pagination-button-bg-color)
}

.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .el-pager li.is-active {
    background-color: var(--el-color-primary);
    color: var(--el-color-white)
}

.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .el-pager li:disabled,
.el-pagination.is-background .el-pager li.is-disabled {
    color: var(--el-text-color-placeholder);
    background-color: var(--el-disabled-bg-color)
}

.el-pagination.is-background .btn-prev:disabled.is-active,
.el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active {
    color: var(--el-text-color-secondary);
    background-color: var(--el-fill-color-dark)
}

.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li {
    height: var(--el-pagination-button-height-small);
    line-height: var(--el-pagination-button-height-small);
    font-size: var(--el-pagination-font-size-small);
    min-width: var(--el-pagination-button-width-small)
}

.el-pagination--small span:not([class*=suffix]),
.el-pagination--small button {
    font-size: var(--el-pagination-font-size-small)
}

.el-pagination--large .btn-prev,
.el-pagination--large .btn-next,
.el-pagination--large .el-pager li {
    height: var(--el-pagination-button-height-large);
    line-height: var(--el-pagination-button-height-large);
    min-width: var(--el-pagination-button-width-large)
}

.el-pager {
    user-select: none;
    list-style: none;
    font-size: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.el-pager li {
    display: flex;
    justify-content: center;
    align-items: center;
    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);
    color: var(--el-pagination-button-color);
    background: var(--el-pagination-bg-color);
    padding: 0 4px;
    border: none;
    border-radius: var(--el-pagination-border-radius);
    cursor: pointer;
    text-align: center;
    box-sizing: border-box
}

.el-pager li:hover {
    color: var(--el-pagination-hover-color)
}

.el-pager li.is-active {
    color: var(--el-pagination-hover-color);
    cursor: default;
    font-weight: 700
}

.el-pager li.is-active.is-disabled {
    font-weight: 700;
    color: var(--el-text-color-secondary)
}

.el-pager li:disabled,
.el-pager li.is-disabled {
    color: var(--el-pagination-button-disabled-color);
    background-color: var(--el-pagination-button-disabled-bg-color);
    cursor: not-allowed
}

.el-tag {
    --el-tag-font-size: 12px;
    --el-tag-border-radius: 4px;
    --el-tag-border-radius-rounded: 9999px
}

.el-tag {
    background-color: var(--el-tag-bg-color);
    border-color: var(--el-tag-border-color);
    color: var(--el-tag-text-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: 24px;
    padding: 0 9px;
    font-size: var(--el-tag-font-size);
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--el-tag-border-radius);
    box-sizing: border-box;
    white-space: nowrap;
    --el-icon-size: 14px;
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary)
}

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

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

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

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

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

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

.el-tag .el-tag__close {
    flex-shrink: 0;
    color: var(--el-tag-text-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-text-color: var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-text-color: var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-text-color: var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-text-color: var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-text-color: var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-text-color: var(--el-color-info)
}

.el-tag--dark {
    --el-tag-text-color: var(--el-color-white);
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3)
}

.el-tag--dark.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3)
}

.el-tag--dark.el-tag--success {
    --el-tag-bg-color: var(--el-color-success);
    --el-tag-border-color: var(--el-color-success);
    --el-tag-hover-color: var(--el-color-success-light-3)
}

.el-tag--dark.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning);
    --el-tag-border-color: var(--el-color-warning);
    --el-tag-hover-color: var(--el-color-warning-light-3)
}

.el-tag--dark.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger);
    --el-tag-border-color: var(--el-color-danger);
    --el-tag-hover-color: var(--el-color-danger-light-3)
}

.el-tag--dark.el-tag--error {
    --el-tag-bg-color: var(--el-color-error);
    --el-tag-border-color: var(--el-color-error);
    --el-tag-hover-color: var(--el-color-error-light-3)
}

.el-tag--dark.el-tag--info {
    --el-tag-bg-color: var(--el-color-info);
    --el-tag-border-color: var(--el-color-info);
    --el-tag-hover-color: var(--el-color-info-light-3)
}

.el-tag--dark.el-tag--primary,
.el-tag--dark.el-tag--success,
.el-tag--dark.el-tag--warning,
.el-tag--dark.el-tag--danger,
.el-tag--dark.el-tag--error,
.el-tag--dark.el-tag--info {
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--plain,
.el-tag--plain.el-tag--primary {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary)
}

.el-tag--plain.el-tag--success {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-success-light-5);
    --el-tag-hover-color: var(--el-color-success)
}

.el-tag--plain.el-tag--warning {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-warning-light-5);
    --el-tag-hover-color: var(--el-color-warning)
}

.el-tag--plain.el-tag--danger {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-danger-light-5);
    --el-tag-hover-color: var(--el-color-danger)
}

.el-tag--plain.el-tag--error {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-error-light-5);
    --el-tag-hover-color: var(--el-color-error)
}

.el-tag--plain.el-tag--info {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-info-light-5);
    --el-tag-hover-color: var(--el-color-info)
}

.el-tag--large {
    padding: 0 11px;
    height: 32px;
    --el-icon-size: 16px
}

.el-tag--small {
    padding: 0 7px;
    height: 20px;
    --el-icon-size: 12px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    border-top: none;
    border-right: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--el-color-primary);
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px
}

.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__loading,
.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__list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    box-sizing: border-box
}

.el-select-dropdown__header {
    padding: 10px;
    border-bottom: 1px solid var(--el-border-color-light)
}

.el-select-dropdown__footer {
    padding: 10px;
    border-top: 1px solid var(--el-border-color-light)
}

.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;
    background-color: unset
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    border-top: none;
    border-right: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--el-color-primary);
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px
}

.el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.el-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: var(--el-color-info);
    line-height: 34px
}

.el-select {
    --el-select-border-color-hover: var(--el-border-color-hover);
    --el-select-disabled-color: var(--el-disabled-text-color);
    --el-select-disabled-border: var(--el-disabled-border-color);
    --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;
    --el-select-width: 100%
}

.el-select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: var(--el-select-width)
}

.el-select__wrapper {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    padding: 4px 12px;
    gap: 6px;
    min-height: 32px;
    line-height: 24px;
    border-radius: var(--el-border-radius-base);
    background-color: var(--el-fill-color-blank);
    transition: var(--el-transition-duration);
    box-shadow: 0 0 0 1px var(--el-border-color) inset
}

.el-select__wrapper.is-disabled {
    cursor: not-allowed;
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
}

.el-select__wrapper.is-disabled:hover {
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
}

.el-select__prefix,
.el-select__suffix {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 6px;
    color: var(--el-input-icon-color, var(--el-text-color-placeholder))
}

.el-select__caret {
    color: var(--el-select-input-color);
    font-size: var(--el-select-input-font-size);
    transition: var(--el-transition-duration);
    transform: rotate(0);
    cursor: pointer
}

.el-select__selection {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    min-width: 0;
    gap: 6px
}

.el-select__selection .el-tag {
    cursor: pointer;
    border-color: transparent
}

.el-select__selected-item {
    display: flex;
    flex-wrap: wrap;
    user-select: none
}

.el-select__tags-text {
    display: block;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select__placeholder {
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--el-input-text-color, var(--el-text-color-regular))
}

.el-select__placeholder.is-transparent {
    user-select: none;
    color: var(--el-text-color-placeholder)
}

.el-select__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    box-shadow: var(--el-box-shadow-light)
}

.el-select__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent;
    border-bottom-color: transparent
}

.el-select__input-wrapper.is-hidden {
    position: absolute;
    opacity: 0
}

.el-select__input {
    border: none;
    outline: none;
    padding: 0;
    color: var(--el-select-multiple-input-color);
    font-size: inherit;
    font-family: inherit;
    appearance: none;
    height: 24px;
    max-width: 100%;
    background-color: transparent
}

.el-select__input-calculator {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    visibility: hidden;
    white-space: pre;
    overflow: hidden
}

.el-select--large .el-select__wrapper {
    gap: 6px;
    padding: 8px 16px;
    min-height: 40px;
    line-height: 24px;
    font-size: 14px
}

.el-select--small .el-select__wrapper {
    gap: 4px;
    padding: 2px 8px;
    min-height: 24px;
    line-height: 20px;
    font-size: 12px
}

.el-image__error,
.el-image__placeholder,
.el-image__wrapper,
.el-image__inner {
    width: 100%;
    height: 100%
}

.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.el-image__inner {
    vertical-align: top;
    opacity: 1
}

.el-image__wrapper {
    position: absolute;
    top: 0;
    left: 0
}

.el-image__placeholder {
    background: var(--el-fill-color-light)
}

.el-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    vertical-align: middle
}

.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__btn .el-icon {
    font-size: inherit;
    cursor: pointer
}

.el-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 40px
}

.el-image-viewer__canvas {
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none
}

.el-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    transform: translate(-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%;
    cursor: default;
    font-size: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.el-image-viewer__prev {
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: var(--el-text-color-regular);
    border-color: #fff
}

.el-image-viewer__next {
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    text-indent: 2px;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: var(--el-text-color-regular);
    border-color: #fff
}

.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
}

@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-breadcrumb:before,
.el-breadcrumb:after {
    display: table;
    content: ""
}

.el-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 700;
    color: var(--el-text-color-placeholder)
}

.el-breadcrumb__separator.el-icon {
    margin: 0 6px;
    font-weight: 400
}

.el-breadcrumb__item {
    float: left;
    display: inline-flex;
    align-items: center
}

.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
}

.footerbox {
    &[data-v-2eed405e] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-2eed405e] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-2eed405e] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-2eed405e] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-2eed405e] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-2eed405e] {
    margin-top: 20px
}

.pager[data-v-2eed405e] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.askform[data-v-2eed405e] {
    margin: auto;
    width: 90%
}

.hint[data-v-2eed405e] {
    width: 100%;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #c0c4cc
}

.el-checkbox {
    --el-checkbox-font-size: 14px;
    --el-checkbox-font-weight: var(--el-font-weight-primary);
    --el-checkbox-text-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-bg-color: var(--el-fill-color-blank);
    --el-checkbox-input-border: var(--el-border);
    --el-checkbox-disabled-border-color: var(--el-border-color);
    --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
    --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);
    --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
    --el-checkbox-checked-text-color: var(--el-color-primary);
    --el-checkbox-checked-input-border-color: var(--el-color-primary);
    --el-checkbox-checked-bg-color: var(--el-color-primary);
    --el-checkbox-checked-icon-color: var(--el-color-white);
    --el-checkbox-input-border-color-hover: var(--el-color-primary)
}

.el-checkbox {
    color: var(--el-checkbox-text-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: var(--el-checkbox-height, 32px)
}

.el-checkbox.is-bordered {
    padding: 0 15px 0 9px;
    border-radius: var(--el-border-radius-base);
    border: var(--el-border);
    box-sizing: border-box
}

.el-checkbox.is-bordered.el-checkbox--large {
    padding: 0 19px 0 11px;
    border-radius: var(--el-border-radius-base)
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 0 11px 0 7px;
    border-radius: calc(var(--el-border-radius-base) - 1px)
}

.el-checkbox input:focus-visible+.el-checkbox__inner {
    outline: 2px solid var(--el-checkbox-input-border-color-hover);
    outline-offset: 1px;
    border-radius: var(--el-checkbox-border-radius)
}

.el-checkbox__input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    position: relative
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor: not-allowed;
    border-color: var(--el-checkbox-disabled-icon-color)
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1);
    border-color: var(--el-checkbox-checked-icon-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__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-bg-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), outline .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:after {
    box-sizing: content-box;
    content: "";
    border: 1px solid transparent;
    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: 8px;
    line-height: 1;
    font-size: var(--el-checkbox-font-size)
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
    width: 14px;
    height: 14px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
    width: 12px;
    height: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner:after {
    width: 2px;
    height: 6px
}

.dialogbox[data-v-c39424c6] {
    width: 98%;
    height: 500px;
    padding: 0 1%;
    overflow-y: auto;
    margin-top: -20px
}

[data-v-c39424c6]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #fff
}

[data-v-c39424c6]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 #ffffff80;
    border-radius: 10px;
    background-color: #ffffff80
}

[data-v-c39424c6]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 #c1c1c1;
    background-color: #c1c1c1
}

.logindialog[data-v-2a20282d] {
    position: relative;
    width: 650px;
    height: 380px;
    margin-top: -35px;
    margin-left: -35px;
    margin-bottom: -35px;
    padding-right: 30px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.logindialog .close[data-v-2a20282d] {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    z-index: 999
}

.logindialog .leftbox[data-v-2a20282d] {
    width: 200px;
    height: 380px;
    background-image: url(/assets/leftbg-57a379d1.png)
}

.logindialog .loginbox[data-v-2a20282d] {
    float: right;
    width: 370px;
    height: 380px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 5px
}

.logindialog .loginbox .title[data-v-2a20282d] {
    width: 100%;
    height: 5px;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    color: #303133;
    font-weight: 700
}

.logindialog .loginbox .switch[data-v-2a20282d] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px
}

.logindialog .loginbox .switch div[data-v-2a20282d] {
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: block
}

.logindialog .loginbox .switch .qrcode[data-v-2a20282d] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABJhJREFUeF7tndFxEzEQQFcM33RAA1RgOqABQg8M9gANkFQQxmHogaSCVBAqoAIqSAEccxNmiOPzrU72Sivp+TfSebXvZffOOp+DbIdB+nhdyya8i1rqdvghImdRY2seFOQ8IMAEwR4ECHIu63CBAFP/wa0L8A/+uHQE6E2AR/AR4FD/brUCPIGPAD0JMAEfAXoR4AB8BOhBgBn4cQJsQqjiUvdqeCuDXM/EerrPAYKcyTrcVJEXJUj9KgAB9lOIAA7dpwIkQaECpHwOQAVIks12EhUgKb9UACqAshvISSAngUm1JfckWkBSxmkBtABawJ4D2mYQVwFJ1cZ2Ei0gKb+0AFoALYAWMFc8Ui4Dvw0f5Y+8TqpJD5MuZRN+LprvvQVsh5WIfFq0pseDn8ulvF+Yk4g3s2kB2kmUFljKSZZ3AfT4DmdF2dLV0jn3dwTIdQ6QKoAh/HHpCOBZAGP4CHCoNmotzKZF7UaTAT4CeBUgE3wE8ChARvgI4E2AzPARwJMABeAjgBcBCsFHAA8CFISPAKUFKAwfAUoK4AA+ApQSwAl8BCghgCP4CJBbAJFX42NZjtm9O/Vcq82glQR5mRzsIHeyCb8Xzdd328p+OXQ7vJBNuF+0pgyDbQTIEPjeW3gXoEROIt4TAaaSZLEbGAGjxBAEQABuCt1zgArwKCUpN4WWqGWcAyRlnRZAC6AF0ALmigctYD87KfcEJhVo+0m0AFoALYAWQAvYzQCXgVwGzv5gRFfnAONia3gNMn758vNMqKfcDHoj63BbQ1q0GPWTQO0I9fz9NAI4288/Nv0IsOQqoDH449IRIFaABuEjwKH6+fQqoFH4CBAjQMPwEUAToHH4CDAnQJBf3m7gPPaMf2r+eBI4/kpm+69ncicfwteohX4fVhYPZIp678yD6vg5mMxJ6entEKAn2hNrRQAE6DwDnS+fCoAAnWeg8+VTARCg8wx0vnwqAAJ0noHOl9/PR8FGz9uv3Z8+bgjpYFcvVcT2BQD+rBttCwB8tTC0KwDwVfjt3hAC/Cj4bQoA/Gj47QkA/EXw4wSo5athIvetfF1rMcUjJugngbU8IOKIJPQ8FQF6ph/11TAqQNOKUAGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvzkaA7XDsj0bdevyBJT2d9Y2wEmB86ETaAybZ0s1qkS8BgJ8Vftz9ACmbQdrDlqeWCfzs8P0IAPwi8H0IAPxi8MsLAPyi8MsKAPzi8MsJAHwX8MsIAHw38PMLAHxX8PMKAHx38PMJAHyX8PMIAHy38O0FAL5r+LYCdPK8ffeElQBtdgM7et4+AtSegc7jt6kAnSe1puUjQE20DGJFAIOk1nRIBKiJlkGsCGCQ1JoOiQA10TKIFQEMklrTIRGgJloGsSKAQVJrOiQC1ETLIFYEMEhqTYdEgJpoGcQ6LwD7+QYp93XIwwIA3xcpo2imBQC+Ubr9HXZfAOD7o2QY0a4AwDdMtc9D/xcA+D4JGUf1IADwjdPs9/BBroYvsg4XfkMkMssM/AVTHxzOwEIO8QAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 28px
}

.logindialog .loginbox .switch .password[data-v-2a20282d] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA5tJREFUeF7tnVFy1DAQBeUDwxWAK5ADL7WpgiogWckea96TpvNteUav27NekSJH+/l4NH50CXw9Dl3x1g4EUMbfWkMAMQB1eQRQExDXRwAxAHV5BFATENdHADEAdXkEUBMQ17cXQNygGE+8fO+cRZxv/xxA3GCcgPgOCCAGoC6PAGoC4voIIAagLo8AagLi+gggBqAujwBqAuL62wvQ26A4/+nle1+Te/n01k/eQPwcoLfByRuQ374HsJdPb/3kDSJANOAeQASIJmy+HgGK/04hAiDAyxnFR4D5CI+2xwRgAjABok/RyuuZAEwAJsDKT3C0dyYAE4AJEH2KVl7PBGACMAFWfoKjvTMBmABMgOhTtPL6yAQ42vf25fih3D7/HBxN/6oABvCfW0cAhQAm8BEgCv+5/uwEMIKPANkCmMFHgEwBDOEjQJYApvARIEOAt8c39Ve9V9vkW0BUgt5LYPT+k9cjQDRgBOAoOOqQcj0TIJo+E4AJEHVIuZ4JEE2fCcAEiDqkXM8EiKbPBCg8AYxP+Ea9ZgKMJvXvdRvA5yi4OHwEuCLAJk/+763zEXBGgs3gMwGKw0eAUQE2fPL5CAD+ewLxd4DRILnOMgEEsMSS1xQC5GVtWQkBLLHkNYUAeVlbVkIASyx5TSFAXtaWlRDAEkteU30B8nrJr7TxCd9omHUFAP7gSeCoSitdB/w/tOpNAOD/9ajWEgD4/83pOgIA/8MP6RoCAP/TN7T9BQD+y9fzY6WX9/dezf8Ey2p5IsBqxG7uFwFuDnS12yHAasRu7ncvAXjhO63HPgIA/zT854I9BAD+Jfh7CAD8y/DXFwD4IfhrCwD8MPx1BQD+LfDXFMD8/969jUzSjdb7FpAUTJUyCFCF9Cf7RAAEKJ5A8e0zARCgeALFt88EQIDiCRTfPhMAAYonUHz78QnQ+y3dkYA52x9Jaco1egGAPwXs6E21AgB/lNO063QCAH8a1DM31ggA/DOMpl6bLwDwpwI9e/NcAYB/ls/06/MEAP50mFcKxAW4UpU1NgkggA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSO/AFB5Ep/lW47IAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 28px
}

.logindialog .loginbox .navtitle[data-v-2a20282d] {
    margin: 20px auto auto;
    width: 350px;
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logindialog .loginbox .navtitle .cur[data-v-2a20282d] {
    width: calc(50% - 12px);
    line-height: 30px;
    text-align: center;
    margin: 5px 6px;
    background-color: #fff;
    border-radius: 5px;
    color: #282828;
    font-size: 16px;
    cursor: pointer
}

.logindialog .loginbox .navtitle .oth[data-v-2a20282d] {
    width: 50%;
    line-height: 40px;
    font-size: 16px;
    color: #909399;
    text-align: center;
    cursor: pointer
}

.logindialog .loginbox .loginform[data-v-2a20282d] {
    margin: 30px auto auto;
    width: 350px
}

.logindialog .loginbox .loginform .smscode .el-button[data-v-2a20282d] {
    position: absolute;
    top: 5px;
    right: 15px;
    background-color: #fff;
    height: 30px;
    font-size: 13px;
    z-index: 1;
    color: #0092ef
}

.logindialog .loginbox .loginform .smscode .el-button .dibtnsms[data-v-2a20282d] {
    color: #aaa
}

.logindialog .loginbox .loginform .agreement[data-v-2a20282d] {
    margin-top: 30px
}

.logindialog .loginbox .loginform .agreement .el-checkbox[data-v-2a20282d] {
    margin: 0 5px 0 0;
    padding: 0
}

.logindialog .loginbox .loginform .agreement .text[data-v-2a20282d] {
    width: auto;
    font-size: 12px;
    color: #b8bbcc
}

.logindialog .loginbox .loginform .agreement .text .el-button[data-v-2a20282d] {
    font-size: 12px;
    padding: 0;
    margin: 0 0 0 -5px;
    color: #0092ef
}

.logindialog .loginbox .loginform .loginbtn[data-v-2a20282d] {
    width: 100%
}

.logindialog .loginbox .loginform .sm[data-v-2a20282d] {
    margin-bottom: 7.5px
}

.numbox[data-v-4bcd147b] {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden
}

.numbox .num[data-v-4bcd147b] {
    width: 100%;
    display: flex
}

.numbox .num .item[data-v-4bcd147b] {
    width: 33%;
    text-align: center
}

.numbox .num .item p[data-v-4bcd147b] {
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    color: #606266
}

.numbox .num .item i[data-v-4bcd147b] {
    display: block;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    margin-top: 5px;
    color: #a8abb2
}

.numbox .el-button[data-v-4bcd147b] {
    margin-top: 20px;
    width: 100%;
    height: 40px
}

.recommend[data-v-173026ac] {
    width: 100%;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden
}

.recommend .title[data-v-173026ac] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700
}

.recommend .conte[data-v-173026ac] {
    width: 100%;
    margin-top: 10px
}

.recommend .conte .list[data-v-173026ac] {
    width: 100%;
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recommend .conte .list span[data-v-173026ac] {
    width: 20px;
    line-height: 20px;
    background-color: #f2f3f5;
    margin-right: 10px;
    text-align: center
}

.recommend .conte .list .link[data-v-173026ac] {
    width: calc(100% - 30px);
    line-height: 35px;
    font-size: 14px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pagebox {
    &[data-v-bdccfbac] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .breadcrumb {
        &[data-v-bdccfbac] {
            margin: auto;
            width: 1200px;
            padding: 20px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #909399;
        }

        .el-breadcrumb[data-v-bdccfbac] {
            width: 70%;
            color: #909399;
        }
    }

    .mainbox {
        &[data-v-bdccfbac] {
            margin: auto;
            width: 1200px;
            margin-top: 0px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-bdccfbac] {
                width: 900px;
            }

            .question {
                &[data-v-bdccfbac] {
                    width: 100%;
                    padding: 15px 25px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .l1 {
                    &[data-v-bdccfbac] {
                        width: 100%;
                        line-height: 30px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .title[data-v-bdccfbac] {
                        width: 88%;
                        font-size: 18px;
                        font-weight: bold;
                        color: #303133;
                    }

                    .btn[data-v-bdccfbac] {
                        float: right;
                    }
                }

                .l2 {
                    &[data-v-bdccfbac] {
                        width: 100%;
                        height: 30px;
                        margin-top: 15px;
                        display: flex;
                        align-items: center;
                    }

                    .avatar {
                        &[data-v-bdccfbac] {
                            width: 40px;
                        }

                        img[data-v-bdccfbac] {
                            width: 30px;
                            height: 30px;
                            border-radius: 100%;
                        }
                    }

                    .name[data-v-bdccfbac] {
                        font-size: 14px;
                        color: #909399;
                    }
                }

                .l3 {
                    &[data-v-bdccfbac] {
                        width: 100%;
                        margin-top: 10px;
                        line-height: 200%;
                        font-size: 14px;
                        color: #606266;
                    }

                    .more[data-v-bdccfbac] {
                        color: #0092EF;
                        cursor: pointer;
                    }
                }

                .l4 {
                    &[data-v-bdccfbac] {
                        width: 100%;
                        margin-top: 10px;
                        display: flex;
                    }

                    .el-image[data-v-bdccfbac] {
                        margin: 0px 5px;
                        border-radius: 5px;
                    }
                }
            }
        }

        .menu[data-v-bdccfbac] {
            float: right;
            width: 285px;
        }
    }

    .commentform {
        &[data-v-bdccfbac] {
            width: 100%;
            margin-top: 15px;
            padding: 20px 25px;
            background-color: #FFF;
        }

        .title[data-v-bdccfbac] {
            width: 100%;
            line-height: 30px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .textarea[data-v-bdccfbac] {
            width: 100%;
        }

        .btn {
            &[data-v-bdccfbac] {
                width: 100%;
                line-height: 30px;
                margin-top: 15px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .num[data-v-bdccfbac] {
                width: 50%;
                font-size: 12px;
                color: #A8ABB2;
            }

            .el-button[data-v-bdccfbac] {
                float: right;
            }
        }
    }

    .commentbox {
        &[data-v-bdccfbac] {
            width: 100%;
            margin-top: 15px;
            padding: 20px 25px;
            padding-bottom: 30px;
            background-color: #FFF;
        }

        .title[data-v-bdccfbac] {
            width: 100%;
            line-height: 30px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .comment {
            &[data-v-bdccfbac] {
                width: 100%;
                padding: 10px 0;
                border-bottom: 1px #F3F3F3 solid;
            }

            .up {
                &[data-v-bdccfbac] {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    align-items: center;
                }

                .avatar {
                    &[data-v-bdccfbac] {
                        width: 40px;
                    }

                    img[data-v-bdccfbac] {
                        width: 30px;
                        height: 30px;
                        border-radius: 100%;
                    }
                }

                .name[data-v-bdccfbac] {
                    font-size: 14px;
                    color: #909399;
                }
            }

            .down[data-v-bdccfbac] {
                width: 100%;
                margin-top: 10px;
                line-height: 200%;
                font-size: 14px;
                color: #303133;
            }
        }

        .pager[data-v-bdccfbac] {
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

.emptybox {
    &[data-v-bdccfbac] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-bdccfbac] {
            width: 100%;
            text-align: center;
        }

        img[data-v-bdccfbac] {
            width: 250px;
        }
    }

    .hint[data-v-bdccfbac] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-bdccfbac] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-bdccfbac] {
    background-color: #fff;
    height: 350px;
    margin-top: 15px;
    padding-top: 50px
}

.pagebox {
    &[data-v-c2789f15] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .breadcrumb {
        &[data-v-c2789f15] {
            margin: auto;
            width: 1200px;
            padding: 20px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #909399;
        }

        .el-breadcrumb[data-v-c2789f15] {
            width: 70%;
            color: #909399;
        }
    }

    .mainbox {
        &[data-v-c2789f15] {
            margin: auto;
            width: 1200px;
            padding: 30px 50px;
            margin-top: 0px;
            background-color: #FFF;
            border-radius: 5px;
        }

        .title[data-v-c2789f15] {
            width: 100%;
            line-height: 200%;
            font-size: 22px;
            font-weight: bold;
            color: #282828;
            text-align: center;
        }

        .time {
            &[data-v-c2789f15] {
                width: 100%;
                line-height: 40px;
                font-size: 12px;
                color: #A8ABB2;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                border-bottom: 1px #F5F5F5 solid;
            }

            span {
                &[data-v-c2789f15] {
                    margin: 0px 10px;
                    display: flex;
                    align-items: center;
                }

                .el-icon[data-v-c2789f15] {
                    margin-right: 3px;
                }
            }
        }

        .picture[data-v-c2789f15] {
            width: 100%;
            margin-top: 20px;
            text-align: center;
        }

        .content[data-v-c2789f15] {
            width: 100%;
            margin-top: 20px;
            font-size: 16px;
            color: #282828;
            line-height: 200%;
        }

        .author[data-v-c2789f15] {
            width: 100%;
            margin-top: 20px;
            line-height: 25px;
            font-size: 12px;
            color: #909399;
        }

        .prevnext {
            &[data-v-c2789f15] {
                width: 100%;
                margin-top: 20px;
            }

            .list {
                &[data-v-c2789f15] {
                    width: 100%;
                    line-height: 30px;
                    display: flex;
                    align-items: center;
                    font-size: 14px;
                    color: #909399;
                }

                span[data-v-c2789f15] {
                    margin-right: 0px;
                }

                .link[data-v-c2789f15] {
                    color: #909399;
                }
            }
        }
    }
}

.el-breadcrumb .el-breadcrumb__inner {
    color: #909399;
    font-weight: 400
}

.loginbox[data-v-74a415bf] {
    float: left;
    width: 285px;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    background: linear-gradient(to bottom, #D4EBFF, #FFF 35%)
}

.loginbox .switch[data-v-74a415bf] {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 370px;
    height: 32px
}

.loginbox .switch div[data-v-74a415bf] {
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: block
}

.loginbox .switch .qrcode[data-v-74a415bf] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABJhJREFUeF7tndFxEzEQQFcM33RAA1RgOqABQg8M9gANkFQQxmHogaSCVBAqoAIqSAEccxNmiOPzrU72Sivp+TfSebXvZffOOp+DbIdB+nhdyya8i1rqdvghImdRY2seFOQ8IMAEwR4ECHIu63CBAFP/wa0L8A/+uHQE6E2AR/AR4FD/brUCPIGPAD0JMAEfAXoR4AB8BOhBgBn4cQJsQqjiUvdqeCuDXM/EerrPAYKcyTrcVJEXJUj9KgAB9lOIAA7dpwIkQaECpHwOQAVIks12EhUgKb9UACqAshvISSAngUm1JfckWkBSxmkBtABawJ4D2mYQVwFJ1cZ2Ei0gKb+0AFoALYAWMFc8Ui4Dvw0f5Y+8TqpJD5MuZRN+LprvvQVsh5WIfFq0pseDn8ulvF+Yk4g3s2kB2kmUFljKSZZ3AfT4DmdF2dLV0jn3dwTIdQ6QKoAh/HHpCOBZAGP4CHCoNmotzKZF7UaTAT4CeBUgE3wE8ChARvgI4E2AzPARwJMABeAjgBcBCsFHAA8CFISPAKUFKAwfAUoK4AA+ApQSwAl8BCghgCP4CJBbAJFX42NZjtm9O/Vcq82glQR5mRzsIHeyCb8Xzdd328p+OXQ7vJBNuF+0pgyDbQTIEPjeW3gXoEROIt4TAaaSZLEbGAGjxBAEQABuCt1zgArwKCUpN4WWqGWcAyRlnRZAC6AF0ALmigctYD87KfcEJhVo+0m0AFoALYAWQAvYzQCXgVwGzv5gRFfnAONia3gNMn758vNMqKfcDHoj63BbQ1q0GPWTQO0I9fz9NAI4288/Nv0IsOQqoDH449IRIFaABuEjwKH6+fQqoFH4CBAjQMPwEUAToHH4CDAnQJBf3m7gPPaMf2r+eBI4/kpm+69ncicfwteohX4fVhYPZIp678yD6vg5mMxJ6entEKAn2hNrRQAE6DwDnS+fCoAAnWeg8+VTARCg8wx0vnwqAAJ0noHOl9/PR8FGz9uv3Z8+bgjpYFcvVcT2BQD+rBttCwB8tTC0KwDwVfjt3hAC/Cj4bQoA/Gj47QkA/EXw4wSo5athIvetfF1rMcUjJugngbU8IOKIJPQ8FQF6ph/11TAqQNOKUAGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvzkaA7XDsj0bdevyBJT2d9Y2wEmB86ETaAybZ0s1qkS8BgJ8Vftz9ACmbQdrDlqeWCfzs8P0IAPwi8H0IAPxi8MsLAPyi8MsKAPzi8MsJAHwX8MsIAHw38PMLAHxX8PMKAHx38PMJAHyX8PMIAHy38O0FAL5r+LYCdPK8ffeElQBtdgM7et4+AtSegc7jt6kAnSe1puUjQE20DGJFAIOk1nRIBKiJlkGsCGCQ1JoOiQA10TKIFQEMklrTIRGgJloGsSKAQVJrOiQC1ETLIFYEMEhqTYdEgJpoGcQ6LwD7+QYp93XIwwIA3xcpo2imBQC+Ubr9HXZfAOD7o2QY0a4AwDdMtc9D/xcA+D4JGUf1IADwjdPs9/BBroYvsg4XfkMkMssM/AVTHxzOwEIO8QAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 28px
}

.loginbox .switch .password[data-v-74a415bf] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA5tJREFUeF7tnVFy1DAQBeUDwxWAK5ADL7WpgiogWckea96TpvNteUav27NekSJH+/l4NH50CXw9Dl3x1g4EUMbfWkMAMQB1eQRQExDXRwAxAHV5BFATENdHADEAdXkEUBMQ17cXQNygGE+8fO+cRZxv/xxA3GCcgPgOCCAGoC6PAGoC4voIIAagLo8AagLi+gggBqAujwBqAuL62wvQ26A4/+nle1+Te/n01k/eQPwcoLfByRuQ374HsJdPb/3kDSJANOAeQASIJmy+HgGK/04hAiDAyxnFR4D5CI+2xwRgAjABok/RyuuZAEwAJsDKT3C0dyYAE4AJEH2KVl7PBGACMAFWfoKjvTMBmABMgOhTtPL6yAQ42vf25fih3D7/HBxN/6oABvCfW0cAhQAm8BEgCv+5/uwEMIKPANkCmMFHgEwBDOEjQJYApvARIEOAt8c39Ve9V9vkW0BUgt5LYPT+k9cjQDRgBOAoOOqQcj0TIJo+E4AJEHVIuZ4JEE2fCcAEiDqkXM8EiKbPBCg8AYxP+Ea9ZgKMJvXvdRvA5yi4OHwEuCLAJk/+763zEXBGgs3gMwGKw0eAUQE2fPL5CAD+ewLxd4DRILnOMgEEsMSS1xQC5GVtWQkBLLHkNYUAeVlbVkIASyx5TSFAXtaWlRDAEkteU30B8nrJr7TxCd9omHUFAP7gSeCoSitdB/w/tOpNAOD/9ajWEgD4/83pOgIA/8MP6RoCAP/TN7T9BQD+y9fzY6WX9/dezf8Ey2p5IsBqxG7uFwFuDnS12yHAasRu7ncvAXjhO63HPgIA/zT854I9BAD+Jfh7CAD8y/DXFwD4IfhrCwD8MPx1BQD+LfDXFMD8/969jUzSjdb7FpAUTJUyCFCF9Cf7RAAEKJ5A8e0zARCgeALFt88EQIDiCRTfPhMAAYonUHz78QnQ+y3dkYA52x9Jaco1egGAPwXs6E21AgB/lNO063QCAH8a1DM31ggA/DOMpl6bLwDwpwI9e/NcAYB/ls/06/MEAP50mFcKxAW4UpU1NgkggA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSO/AFB5Ep/lW47IAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 28px
}

.loginbox .smslogin[data-v-74a415bf] {
    width: 100%;
    height: 280px;
    padding-top: 30px
}

.loginbox .smslogin .navtitle[data-v-74a415bf] {
    margin: 0 auto auto;
    width: 75%;
    height: 40px;
    overflow: hidden
}

.loginbox .smslogin .navtitle div[data-v-74a415bf] {
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    display: block
}

.loginbox .smslogin .navtitle i[data-v-74a415bf] {
    margin: auto;
    display: block;
    width: 20px;
    height: 3px;
    border-radius: 1px
}

.loginbox .smslogin .navtitle .cur[data-v-74a415bf] {
    width: 50%;
    height: 40px;
    text-align: center;
    cursor: pointer;
    float: left
}

.loginbox .smslogin .navtitle .cur div[data-v-74a415bf] {
    color: #282828;
    font-weight: 700
}

.loginbox .smslogin .navtitle .cur i[data-v-74a415bf] {
    background-color: #0092ef
}

.loginbox .smslogin .navtitle .oth[data-v-74a415bf] {
    width: 50%;
    height: 40px;
    text-align: center;
    cursor: pointer;
    float: left
}

.loginbox .smslogin .navtitle .oth div[data-v-74a415bf] {
    color: #909399
}

.loginbox .smslogin .loginform[data-v-74a415bf] {
    margin: 15px auto auto;
    width: 245px
}

.loginbox .smslogin .loginform .smscode .el-button[data-v-74a415bf] {
    position: absolute;
    top: 1px;
    right: 15px;
    background-color: #fff;
    height: 30px;
    font-size: 13px;
    z-index: 1;
    color: #0092ef
}

.loginbox .smslogin .loginform .smscode .el-button .dibtnsms[data-v-74a415bf] {
    color: #aaa
}

.loginbox .smslogin .loginform .agreement[data-v-74a415bf] {
    margin-top: 20px
}

.loginbox .smslogin .loginform .agreement .el-checkbox[data-v-74a415bf] {
    margin: 0 5px 0 0;
    padding: 0
}

.loginbox .smslogin .loginform .agreement .text[data-v-74a415bf] {
    width: auto;
    font-size: 12px;
    color: #b8bbcc
}

.loginbox .smslogin .loginform .agreement .text .el-button[data-v-74a415bf] {
    font-size: 12px;
    padding: 0;
    margin: 0 0 0 -5px;
    color: #0092ef
}

.loginbox .smslogin .loginform .loginbtn[data-v-74a415bf] {
    width: 100%
}

.loginbox .smslogin .loginform .sm[data-v-74a415bf] {
    margin-bottom: 7.5px
}

.loginbox .qrcodelogin[data-v-74a415bf] {
    width: 100%;
    height: 280px
}

.applydialog[data-v-83d99b6b] {
    position: relative;
    width: 850px;
    height: 750px;
    margin-top: -35px;
    margin-left: -35px;
    margin-bottom: -35px;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 5px;
    background: linear-gradient(to bottom, #E8F0FF, #FFF)
}

.applydialog .close[data-v-83d99b6b] {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 999
}

.applydialog .title[data-v-83d99b6b] {
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700
}

.applydialog .hintbox[data-v-83d99b6b] {
    float: left;
    width: 100%;
    margin-top: 30px;
    padding: 0 50px;
    display: flex;
    justify-content: space-between
}

.applydialog .hintbox .left[data-v-83d99b6b] {
    width: 60%;
    padding-top: 20px;
    display: flex
}

.applydialog .hintbox .left .img[data-v-83d99b6b] {
    width: 70px
}

.applydialog .hintbox .left .img img[data-v-83d99b6b] {
    width: 60px;
    height: 60px
}

.applydialog .hintbox .left .txt[data-v-83d99b6b] {
    width: calc(100% - 70px)
}

.applydialog .hintbox .left .txt span[data-v-83d99b6b] {
    width: 100%;
    line-height: 40px;
    font-size: 20px;
    color: #303133;
    font-weight: 700
}

.applydialog .hintbox .left .txt p[data-v-83d99b6b] {
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    color: #a8abb2
}

.applydialog .hintbox .right[data-v-83d99b6b] {
    float: right;
    width: 120px
}

.applydialog .hintbox .right span[data-v-83d99b6b] {
    width: 100%;
    display: block;
    text-align: center
}

.applydialog .hintbox .right span img[data-v-83d99b6b] {
    width: 100px;
    height: 100px
}

.applydialog .hintbox .right p[data-v-83d99b6b] {
    width: 100%;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #b8bbcc
}

.applydialog .subtitle[data-v-83d99b6b] {
    float: left;
    width: 100%;
    height: 30px;
    margin-top: 20px
}

.applydialog .subtitle div[data-v-83d99b6b] {
    margin: auto;
    width: 300px;
    height: 30px;
    background-image: url(/assets/images/line.png);
    background-repeat: no-repeat
}

.applydialog .subtitle div span[data-v-83d99b6b] {
    margin: auto;
    display: block;
    width: 100px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #909399
}

.applydialog .conte[data-v-83d99b6b] {
    float: left;
    width: 100%;
    padding: 10px 0
}

.applydialog .conte .list[data-v-83d99b6b] {
    float: left;
    width: 32%;
    border: 1px #EEE solid;
    border-radius: 5px;
    padding: 10px;
    margin: 5px
}

.applydialog .conte .list .up[data-v-83d99b6b] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.applydialog .conte .list .up .name[data-v-83d99b6b] {
    width: 60%;
    font-size: 16px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.applydialog .conte .list .up .name[data-v-83d99b6b]:hover {
    color: #0092ef
}

.applydialog .conte .list .up span[data-v-83d99b6b] {
    float: right;
    font-size: 14px;
    color: #f56c6c
}

.applydialog .conte .list .down[data-v-83d99b6b] {
    width: 100%;
    height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.applydialog .conte .list .down .name[data-v-83d99b6b] {
    width: 70%;
    font-size: 12px;
    color: #a8abb2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.applydialog .conte .list .down .name[data-v-83d99b6b]:hover {
    color: #0092ef
}

.applydialog .conte .list .down span[data-v-83d99b6b] {
    float: right;
    font-size: 12px;
    color: #a8abb2
}

.advert[data-v-e2b4fe2d] {
    width: 100%
}

.advert .item[data-v-e2b4fe2d] {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    cursor: pointer
}

.advert .item img[data-v-e2b4fe2d] {
    width: 100%;
    border-radius: 5px
}

.company[data-v-f573119b] {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 5px
}

.company .title[data-v-f573119b] {
    width: 100%;
    line-height: 45px;
    padding: 0 25px;
    background: linear-gradient(to right, #EDF8FF, #FFF);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.company .title span[data-v-f573119b] {
    font-size: 16px;
    font-weight: 700;
    color: #303130
}

.company .content[data-v-f573119b] {
    width: 100%;
    padding: 20px 25px
}

.company .content .logos[data-v-f573119b] {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.company .content .logos .logo[data-v-f573119b] {
    width: 50px
}

.company .content .logos .logo img[data-v-f573119b] {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px #F5F5F5 solid
}

.company .content .logos .name[data-v-f573119b] {
    width: calc(100% - 50px);
    font-size: 16px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.company .content .list[data-v-f573119b] {
    width: 100%;
    margin-top: 0;
    line-height: 30px;
    font-size: 15px;
    color: #606266;
    display: flex;
    align-items: center
}

.company .content .list .el-icon[data-v-f573119b] {
    color: #c0c4cc;
    margin-right: 10px
}

.company .content .btns[data-v-f573119b] {
    width: 100%;
    text-align: center
}

.company .content .btns .btn[data-v-f573119b] {
    display: inline-block;
    margin: 20px auto auto;
    width: 150px;
    line-height: 32px;
    text-align: center;
    border: 1px #0092EF solid;
    font-size: 14px;
    color: #0092ef;
    border-radius: 5px
}

.company .content .btns .btn[data-v-f573119b]:hover {
    background-color: #0092ef;
    color: #fff
}

.urgent[data-v-ca2824a3] {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px
}

.urgent .title[data-v-ca2824a3] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.urgent .title div[data-v-ca2824a3] {
    font-size: 16px;
    font-weight: 700
}

.urgent .title span[data-v-ca2824a3] {
    float: right;
    font-size: 12px
}

.urgent .title span .el-link[data-v-ca2824a3] {
    color: #a8abb2
}

.urgent .conte[data-v-ca2824a3] {
    width: 100%
}

.urgent .conte .list[data-v-ca2824a3] {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px
}

.urgent .conte .list .up[data-v-ca2824a3] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.urgent .conte .list .up .name[data-v-ca2824a3] {
    width: 60%;
    font-size: 16px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.urgent .conte .list .up .name[data-v-ca2824a3]:hover {
    color: #0092ef
}

.urgent .conte .list .up span[data-v-ca2824a3] {
    float: right;
    font-size: 12px;
    color: #f56c6c
}

.urgent .conte .list .down[data-v-ca2824a3] {
    width: 100%;
    height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.urgent .conte .list .down .name[data-v-ca2824a3] {
    width: 70%;
    font-size: 12px;
    color: #a8abb2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.urgent .conte .list .down .name[data-v-ca2824a3]:hover {
    color: #0092ef
}

.urgent .conte .list .down span[data-v-ca2824a3] {
    float: right;
    font-size: 12px;
    color: #a8abb2
}

.likebox[data-v-3046434b] {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden
}

.likebox .title[data-v-3046434b] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.likebox .title span[data-v-3046434b] {
    font-size: 18px;
    font-weight: 700;
    color: #303130
}

.likebox .title .link[data-v-3046434b] {
    float: right;
    font-size: 12px;
    color: #0092ef;
    display: flex;
    align-items: center
}

.likebox .title .link .el-icon[data-v-3046434b] {
    margin-left: 0
}

.likebox .conte[data-v-3046434b] {
    width: 100%;
    padding: 10px 0
}

.likebox .conte .list[data-v-3046434b] {
    float: left;
    width: 32%;
    border: 1px #EEE solid;
    border-radius: 5px;
    padding: 10px;
    margin: 5px
}

.likebox .conte .list .up[data-v-3046434b] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.likebox .conte .list .up .name[data-v-3046434b] {
    width: 60%;
    font-size: 16px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.likebox .conte .list .up .name[data-v-3046434b]:hover {
    color: #0092ef
}

.likebox .conte .list .up span[data-v-3046434b] {
    float: right;
    font-size: 14px;
    color: #f56c6c
}

.likebox .conte .list .down[data-v-3046434b] {
    width: 100%;
    height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.likebox .conte .list .down .name[data-v-3046434b] {
    width: 70%;
    font-size: 12px;
    color: #a8abb2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.likebox .conte .list .down .name[data-v-3046434b]:hover {
    color: #0092ef
}

.likebox .conte .list .down span[data-v-3046434b] {
    float: right;
    font-size: 12px;
    color: #a8abb2
}

.recommendbox[data-v-25daa764] {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden
}

.recommendbox .list[data-v-25daa764] {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0
}

.recommendbox .list .item[data-v-25daa764] {
    float: left;
    line-height: 30px;
    font-size: 14px;
    margin-right: 30px;
    color: #606266;
    cursor: pointer
}

.el-tabs[data-v-25daa764],
.el-tab-pane[data-v-25daa764] {
    height: 36px
}

[data-v-25daa764] .el-tabs__item {
    height: 36px;
    font-size: 16px
}

[data-v-25daa764] .el-tabs__nav-wrap:after {
    height: 0px;
    border-bottom: 1px #F1F1F1 solid
}

[data-v-25daa764] .el-tabs__item:hover,
[data-v-25daa764] .el-tabs__item.is-active {
    color: #0092ef
}

[data-v-25daa764] .el-tabs__item {
    color: #666
}

.footerbox {
    &[data-v-8134b83c] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-8134b83c] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-8134b83c] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-8134b83c] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-8134b83c] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-8134b83c] {
    margin-top: 20px
}

.pager[data-v-8134b83c] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.reportform[data-v-8134b83c] {
    width: 100%
}

.hint[data-v-8134b83c] {
    width: 100%;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #c0c4cc
}

.mapdialog[data-v-b37d7a42] {
    position: relative;
    width: 1250px;
    height: 500px;
    margin-top: -35px;
    margin-left: -35px;
    margin-bottom: -35px;
    padding: 0;
    background-color: #fff;
    border-radius: 5px
}

.mapdialog .close[data-v-b37d7a42] {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #eee;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 999
}

.mapdialog .close .el-icon[data-v-b37d7a42] {
    color: #000;
    margin-top: 5px
}

.mapdialog .map[data-v-b37d7a42] {
    width: 100%;
    height: 500px;
    border-radius: 5px
}

.pagebox {
    &[data-v-4cc1f803] {
        width: 100%
    }

    .topbox {
        &[data-v-4cc1f803] {
            width: 100%;
            height: 200px;
            background-color: #23304A;
        }

        .content {
            &[data-v-4cc1f803] {
                margin: auto;
                width: 1200px;
                padding: 10px 0;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-4cc1f803] {
                    width: 750px;
                }

                .time[data-v-4cc1f803] {
                    width: 100%;
                    line-height: 20px;
                    font-size: 14px;
                    color: #B8BBCC;
                }

                .names {
                    &[data-v-4cc1f803] {
                        width: 100%;
                        height: 30px;
                        margin-top: 15px;
                        display: flex;
                        align-items: center;
                    }

                    .name[data-v-4cc1f803] {
                        line-height: 30px;
                        font-size: 26px;
                        font-weight: bold;
                        color: #FFF;
                        font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
                    }

                    .salary[data-v-4cc1f803] {
                        margin-left: 20px;
                        line-height: 30px;
                        font-size: 18px;
                        font-weight: bold;
                        color: #F90;
                    }
                }

                .basic {
                    &[data-v-4cc1f803] {
                        width: 100%;
                        height: 25px;
                        margin-top: 15px;
                        display: flex;
                    }

                    span {
                        &[data-v-4cc1f803] {
                            line-height: 25px;
                            font-size: 14px;
                            color: #B8BBCC;
                            margin-right: 8px;
                        }

                        i[data-v-4cc1f803] {
                            line-height: 25px;
                            font-size: 12px;
                            color: #B2B7C0;
                            margin-right: 8px;
                        }
                    }
                }

                .btns {
                    &[data-v-4cc1f803] {
                        width: 100%;
                        height: 40px;
                        margin-top: 20px;
                        display: flex;
                    }

                    .favorite {
                        &[data-v-4cc1f803] {
                            width: 125px;
                            line-height: 40px;
                            border: 1px #FFF solid;
                            border-radius: 5px;
                            color: #FFF;
                            font-size: 16px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin-right: 20px;
                            cursor: pointer;
                        }

                        .el-icon[data-v-4cc1f803] {
                            margin-right: 4px;
                        }
                    }

                    .apply {
                        &[data-v-4cc1f803] {
                            width: 125px;
                            line-height: 40px;
                            border-radius: 5px;
                            background-color: #0092EF;
                            color: #FFF;
                            font-size: 16px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            cursor: pointer;
                        }

                        .el-icon[data-v-4cc1f803] {
                            margin-right: 4px;
                        }
                    }
                }
            }

            .right {
                &[data-v-4cc1f803] {
                    float: right;
                    min-width: 285px;
                    position: relative;
                }

                .jobtag {
                    &[data-v-4cc1f803] {
                        float: right;
                        margin-top: 40px;
                        display: flex;
                    }

                    .item[data-v-4cc1f803] {
                        background-color: #304165;
                        padding: 4px 10px;
                        border-radius: 30px;
                        font-size: 12px;
                        color: #B2B7C0;
                        margin-left: 10px;
                    }

                    .more[data-v-4cc1f803] {
                        cursor: pointer;
                    }
                }

                .morelist {
                    &[data-v-4cc1f803] {
                        position: absolute;
                        top: 70px;
                        right: 0;
                        width: 440px;
                        padding: 20px 20px;
                        padding-bottom: 10px;
                        background-color: #FFF;
                        border-radius: 5px;
                        z-index: 2;
                    }

                    .item[data-v-4cc1f803] {
                        float: left;
                        background-color: #F1F5FE;
                        padding: 4px 10px;
                        border-radius: 30px;
                        font-size: 12px;
                        color: #0092EF;
                        margin-right: 10px;
                        margin-bottom: 10px;
                    }
                }

                .qrcode {
                    &[data-v-4cc1f803] {
                        position: absolute;
                        bottom: 0px;
                        right: 30px;
                        height: 25px;
                        display: flex;
                        align-items: center;
                    }

                    .item {
                        &[data-v-4cc1f803] {
                            position: relative;
                            line-height: 25px;
                            font-size: 14px;
                            color: #B8BBCC;
                            display: flex;
                            align-items: center;
                            margin-left: 25px;
                            cursor: pointer;
                        }

                        .icon[data-v-4cc1f803] {
                            width: 18px;
                            height: 18px;
                            margin-right: 3px;
                        }

                        .qrimg {
                            &[data-v-4cc1f803] {
                                position: absolute;
                                top: 25px;
                                left: 0;
                                width: 120px;
                                height: 120px;
                                border: 1px #F5F5F5 solid;
                                background-color: #FFF;
                                border-radius: 5px;
                                z-index: 2;
                                padding: 10px;
                            }

                            img[data-v-4cc1f803] {
                                width: 100px;
                                height: 100px;
                            }
                        }
                    }
                }
            }
        }
    }

    .mainbox {
        &[data-v-4cc1f803] {
            margin: auto;
            margin-top: 15px;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-4cc1f803] {
                width: 900px;
            }

            .descbox {
                &[data-v-4cc1f803] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-4cc1f803] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                        line-height: 30px;
                        font-size: 14px;
                        color: #303130;
                    }

                    .more[data-v-4cc1f803] {
                        color: #0092EF;
                        margin-left: 5px;
                        cursor: pointer;
                    }
                }

                .other {
                    &[data-v-4cc1f803] {
                        width: 100%;
                        margin-top: 10px;
                    }

                    .item {
                        &[data-v-4cc1f803] {
                            float: left;
                            line-height: 30px;
                            font-size: 14px;
                            color: #909399;
                            margin-right: 35px;
                        }

                        span[data-v-4cc1f803] {
                            color: #606266;
                        }
                    }
                }

                .recruiter {
                    &[data-v-4cc1f803] {
                        float: left;
                        width: 100%;
                        margin-top: 15px;
                        padding-top: 15px;
                        border-top: 1px #F4F5F6 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-4cc1f803] {
                            width: 80%;
                            display: flex;
                            justify-content: space-between;
                        }

                        .avatar {
                            &[data-v-4cc1f803] {
                                width: 65px;
                            }

                            img[data-v-4cc1f803] {
                                width: 50px;
                                height: 50px;
                                border-radius: 100%;
                            }
                        }

                        .names {
                            &[data-v-4cc1f803] {
                                width: calc(100% - 65px);
                            }

                            .name {
                                &[data-v-4cc1f803] {
                                    width: 100%;
                                    height: 28px;
                                    display: flex;
                                    align-items: center;
                                }

                                span[data-v-4cc1f803] {
                                    line-height: 28px;
                                    font-size: 16px;
                                    color: #303133;
                                }

                                .chat {
                                    &[data-v-4cc1f803] {
                                        width: 110px;
                                        line-height: 28px;
                                        border-radius: 5px;
                                        margin-left: 15px;
                                        background-color: #67C23A;
                                        color: #FFF;
                                        font-size: 14px;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        cursor: pointer;
                                    }

                                    .el-icon[data-v-4cc1f803] {
                                        margin-right: 4px;
                                    }
                                }

                                p[data-v-4cc1f803] {
                                    background-color: #F4F5F6;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    color: #606266;
                                    font-size: 12px;
                                    margin-left: 10px;
                                }

                                .online[data-v-4cc1f803] {
                                    background-color: #F4FFF5;
                                    color: #009B15;
                                }
                            }

                            .hold[data-v-4cc1f803] {
                                width: 100%;
                                margin-top: 10px;
                                line-height: 20px;
                                font-size: 12px;
                                color: #909399;
                            }
                        }
                    }
                }
            }

            .profilebox {
                &[data-v-4cc1f803] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-4cc1f803] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                        line-height: 30px;
                        font-size: 14px;
                        color: #303130;
                    }

                    .more[data-v-4cc1f803] {
                        color: #0092EF;
                        margin-left: 5px;
                        cursor: pointer;
                    }
                }
            }

            .contactbox {
                &[data-v-4cc1f803] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-4cc1f803] {
                        float: left;
                        width: 100%;
                        height: 80px;
                        margin-top: 10px;
                        border: 0px #F3F3F3 solid;
                        border-radius: 5px;
                        background-image: url(/assets/images/browse/job/map.png);
                        background-size: cover;
                        background-repeat: no-repeat;
                        position: relative;
                        cursor: pointer;
                    }

                    .address {
                        &[data-v-4cc1f803] {
                            position: absolute;
                            top: 15px;
                            left: 170px;
                            width: calc(100% - 340px);
                            height: 35px;
                            line-height: 35px;
                            padding: 0px 20px;
                            font-size: 16px;
                            background-color: #FFF;
                            border-radius: 5px;
                            display: flex;
                            align-items: center;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .el-icon[data-v-4cc1f803] {
                            color: #0092EF;
                            margin-right: 5px;
                        }
                    }

                    .dot[data-v-4cc1f803] {
                        position: absolute;
                        bottom: 10px;
                        left: 425px;
                        width: 10px;
                        height: 10px;
                        background-color: #0092EF;
                        border-radius: 100%;
                    }
                }
            }

            .safetybox {
                &[data-v-4cc1f803] {
                    width: 100%;
                    height: auto;
                    padding: 20px 20px;
                    background-image: url(/assets/images/browse/job/safety.png);
                    background-repeat: no-repeat;
                    background-position: right;
                    background-size: 130px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content[data-v-4cc1f803] {
                    float: left;
                    width: 75%;
                    margin-top: 10px;
                    line-height: 30px;
                    font-size: 14px;
                    color: #909399;
                }
            }
        }

        .menu[data-v-4cc1f803] {
            float: right;
            width: 285px;
        }
    }
}

.titles {
    &[data-v-4cc1f803] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    span[data-v-4cc1f803] {
        font-size: 18px;
        color: #303130;
        font-weight: bold;
    }

    div {
        &[data-v-4cc1f803] {
            float: right;
        }

        .el-link {
            &[data-v-4cc1f803] {
                margin-left: 10px;
                color: #A8ABB2;
            }

            .el-icon[data-v-4cc1f803] {
                margin-right: 3px;
            }
        }
    }
}

.recommendbox[data-v-da237596] {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden
}

.recommendbox .list[data-v-da237596] {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0
}

.recommendbox .list .item[data-v-da237596] {
    float: left;
    line-height: 30px;
    font-size: 14px;
    margin-right: 30px;
    color: #606266;
    cursor: pointer
}

.el-tabs[data-v-da237596],
.el-tab-pane[data-v-da237596] {
    height: 36px
}

[data-v-da237596] .el-tabs__item {
    height: 36px;
    font-size: 16px
}

[data-v-da237596] .el-tabs__nav-wrap:after {
    height: 0px;
    border-bottom: 1px #F1F1F1 solid
}

[data-v-da237596] .el-tabs__item:hover,
[data-v-da237596] .el-tabs__item.is-active {
    color: #0092ef
}

[data-v-da237596] .el-tabs__item {
    color: #666
}

.recruiterbox[data-v-f5e1d3c5] {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden
}

.recruiterbox .title[data-v-f5e1d3c5] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recruiterbox .title span[data-v-f5e1d3c5] {
    font-size: 18px;
    font-weight: 700;
    color: #303130
}

.recruiterbox .conte[data-v-f5e1d3c5] {
    width: 100%;
    padding-top: 10px
}

.recruiterbox .conte .list[data-v-f5e1d3c5] {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    display: flex;
    justify-content: space-between
}

.recruiterbox .conte .list .avatar[data-v-f5e1d3c5] {
    width: 50px
}

.recruiterbox .conte .list .avatar img[data-v-f5e1d3c5] {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.recruiterbox .conte .list .basic[data-v-f5e1d3c5] {
    width: calc(100% - 50px)
}

.recruiterbox .conte .list .basic div[data-v-f5e1d3c5] {
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.recruiterbox .conte .list .basic span[data-v-f5e1d3c5] {
    float: left;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #a8abb2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.recruiterbox .btns[data-v-f5e1d3c5] {
    width: 100%;
    text-align: center
}

.recruiterbox .btns .btn[data-v-f5e1d3c5] {
    display: inline-block;
    margin: 20px auto auto;
    width: 150px;
    line-height: 32px;
    text-align: center;
    border: 1px #0092EF solid;
    font-size: 14px;
    color: #0092ef;
    border-radius: 5px
}

.recruiterbox .btns .btn[data-v-f5e1d3c5]:hover {
    background-color: #0092ef;
    color: #fff
}

.recruiterbox[data-v-cdf503c7] {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden
}

.recruiterbox .title[data-v-cdf503c7] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recruiterbox .title span[data-v-cdf503c7] {
    font-size: 18px;
    font-weight: 700;
    color: #303130
}

.recruiterbox .conte[data-v-cdf503c7] {
    width: 100%;
    padding-top: 10px
}

.recruiterbox .conte .list[data-v-cdf503c7] {
    width: 100%;
    line-height: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #606266
}

.recruiterbox .conte .list .el-icon[data-v-cdf503c7],
.recruiterbox .conte .list span[data-v-cdf503c7] {
    margin-right: 5px
}

.footerbox {
    &[data-v-e80f73cf] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-e80f73cf] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-e80f73cf] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-e80f73cf] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-e80f73cf] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-e80f73cf] {
    margin-top: 20px
}

.pager[data-v-e80f73cf] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.seniorbox[data-v-e80f73cf] {
    width: 100%
}

.seniorbox .title[data-v-e80f73cf] {
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #303133;
    font-weight: 700;
    text-align: center
}

.seniorbox .hold[data-v-e80f73cf] {
    width: 100%;
    line-height: 25px;
    font-size: 12px;
    color: #909399;
    text-align: center
}

.seniorbox .picture[data-v-e80f73cf] {
    width: 100%;
    text-align: center;
    padding: 20px 0
}

.seniorbox .picture img[data-v-e80f73cf] {
    width: 80px;
    height: 80px;
    border-radius: 10px
}

.seniorbox .desc[data-v-e80f73cf] {
    width: 100%;
    line-height: 35px;
    font-size: 16px;
    color: #606266
}

.recruiterbox[data-v-1241c6fc] {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden
}

.recruiterbox .title[data-v-1241c6fc] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recruiterbox .title span[data-v-1241c6fc] {
    font-size: 18px;
    font-weight: 700;
    color: #303130
}

.recruiterbox .conte[data-v-1241c6fc] {
    width: 100%;
    padding-top: 10px
}

.recruiterbox .conte .list[data-v-1241c6fc] {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.recruiterbox .conte .list .avatar[data-v-1241c6fc] {
    width: 50px
}

.recruiterbox .conte .list .avatar img[data-v-1241c6fc] {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.recruiterbox .conte .list .basic[data-v-1241c6fc] {
    width: calc(100% - 50px)
}

.recruiterbox .conte .list .basic div[data-v-1241c6fc] {
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.recruiterbox .conte .list .basic span[data-v-1241c6fc] {
    float: left;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #a8abb2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.footerbox {
    &[data-v-2f3e8eb1] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-2f3e8eb1] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-2f3e8eb1] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-2f3e8eb1] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-2f3e8eb1] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-2f3e8eb1] {
    margin-top: 20px
}

.pager[data-v-2f3e8eb1] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.productbox[data-v-2f3e8eb1] {
    width: 100%
}

.productbox .title[data-v-2f3e8eb1] {
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #303133;
    font-weight: 700;
    text-align: center
}

.productbox .picture[data-v-2f3e8eb1] {
    width: 100%;
    text-align: center;
    padding: 20px 0
}

.productbox .picture img[data-v-2f3e8eb1] {
    width: 80px;
    height: 80px;
    border-radius: 10px
}

.productbox .desc[data-v-2f3e8eb1] {
    width: 100%;
    line-height: 35px;
    font-size: 16px;
    color: #606266
}

.pagebox {
    &[data-v-ae15ec8c] {
        width: 100%
    }

    .topbox {
        &[data-v-ae15ec8c] {
            width: 100%;
            height: 180px;
            background-color: #23304A;
        }

        .content {
            &[data-v-ae15ec8c] {
                margin: auto;
                width: 1200px;
                padding-top: 30px;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-ae15ec8c] {
                    width: 890px;
                    display: flex;
                    justify-content: space-between;
                }

                .logo {
                    &[data-v-ae15ec8c] {
                        width: 90px;
                    }

                    img[data-v-ae15ec8c] {
                        width: 70px;
                        height: 70px;
                        border-radius: 8px;
                    }
                }

                .basic {
                    &[data-v-ae15ec8c] {
                        position: relative;
                        width: calc(100% - 90px);
                    }

                    .names {
                        &[data-v-ae15ec8c] {
                            width: 100%;
                            height: 30px;
                            margin-top: 5px;
                            display: flex;
                            align-items: center;
                        }

                        .name[data-v-ae15ec8c] {
                            line-height: 30px;
                            font-size: 26px;
                            font-weight: bold;
                            color: #FFF;
                            font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
                        }

                        .attention {
                            &[data-v-ae15ec8c] {
                                height: 30px;
                                margin-left: 20px;
                            }

                            div {
                                &[data-v-ae15ec8c] {
                                    line-height: 30px;
                                    padding: 0 15px;
                                    background-color: #39455D;
                                    border-radius: 15px;
                                    color: #FFF;
                                    font-size: 14px;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    margin-right: 20px;
                                    cursor: pointer;
                                }

                                img[data-v-ae15ec8c] {
                                    width: 16px;
                                    height: 16px;
                                    margin-right: 4px;
                                }

                                &[data-v-ae15ec8c]:hover {
                                    background-color: #0092EF;
                                }
                            }

                            .no[data-v-ae15ec8c] {
                                background-color: #39455D;
                            }

                            .yes[data-v-ae15ec8c] {
                                background-color: #0092EF;
                            }
                        }
                    }

                    .base {
                        &[data-v-ae15ec8c] {
                            width: 100%;
                            height: 25px;
                            margin-top: 10px;
                            display: flex;
                        }

                        span {
                            &[data-v-ae15ec8c] {
                                line-height: 25px;
                                font-size: 14px;
                                color: #B8BBCC;
                                margin-right: 8px;
                            }

                            i[data-v-ae15ec8c] {
                                line-height: 25px;
                                font-size: 12px;
                                color: #B2B7C0;
                                margin-right: 8px;
                            }
                        }
                    }

                    .tag {
                        &[data-v-ae15ec8c] {
                            float: left;
                            margin-top: 20px;
                            display: flex;
                        }

                        .item[data-v-ae15ec8c] {
                            background-color: #304165;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #B2B7C0;
                            margin-right: 10px;
                        }

                        .more[data-v-ae15ec8c] {
                            cursor: pointer;
                        }
                    }

                    .morelist {
                        &[data-v-ae15ec8c] {
                            position: absolute;
                            top: 110px;
                            left: 0;
                            width: 640px;
                            padding: 20px 20px;
                            padding-bottom: 10px;
                            background-color: #FFF;
                            border-radius: 5px;
                            z-index: 2;
                        }

                        .item[data-v-ae15ec8c] {
                            float: left;
                            background-color: #F1F5FE;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #0092EF;
                            margin-right: 10px;
                            margin-bottom: 10px;
                        }
                    }
                }
            }

            .right {
                &[data-v-ae15ec8c] {
                    float: right;
                    position: relative;
                    width: 285px;
                }

                .jobnum {
                    &[data-v-ae15ec8c] {
                        float: right;
                        width: auto;
                        margin-top: 10px;
                        font-size: 14px;
                        color: #FFF;
                    }

                    span[data-v-ae15ec8c] {
                        font-size: 24px;
                        font-weight: bold;
                        margin-right: 5px;
                    }
                }

                .qrcode {
                    &[data-v-ae15ec8c] {
                        position: absolute;
                        bottom: 0px;
                        right: 0px;
                        height: 25px;
                        display: flex;
                        align-items: center;
                    }

                    .item {
                        &[data-v-ae15ec8c] {
                            position: relative;
                            line-height: 25px;
                            font-size: 14px;
                            color: #B8BBCC;
                            display: flex;
                            align-items: center;
                            margin-left: 25px;
                            cursor: pointer;
                        }

                        .icon[data-v-ae15ec8c] {
                            width: 18px;
                            height: 18px;
                            margin-right: 5px;
                        }

                        .qrimg {
                            &[data-v-ae15ec8c] {
                                position: absolute;
                                top: 25px;
                                left: 0;
                                width: 120px;
                                height: 120px;
                                border: 1px #F5F5F5 solid;
                                background-color: #FFF;
                                border-radius: 5px;
                                z-index: 2;
                                padding: 10px;
                            }

                            img[data-v-ae15ec8c] {
                                width: 100px;
                                height: 100px;
                            }
                        }
                    }
                }
            }
        }
    }

    .navigatebox {
        &[data-v-ae15ec8c] {
            margin: auto;
            width: 1200px;
            height: 48px;
            background-color: #FFF;
            margin-top: 15px;
            padding: 0px 20px;
            padding-left: 0px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-ae15ec8c] {
                width: 70%;
                display: flex;
            }

            .item {
                &[data-v-ae15ec8c] {
                    position: relative;
                    width: 120px;
                    height: 48px;
                    margin-right: 0px;
                    cursor: pointer;
                }

                span[data-v-ae15ec8c] {
                    float: left;
                    width: 100%;
                    line-height: 45px;
                    text-align: center;
                    color: #606266;
                    font-size: 16px;
                }

                p[data-v-ae15ec8c] {
                    position: absolute;
                    bottom: 0;
                    left: 50px;
                    width: 20px;
                    height: 3px;
                    background-color: #FFF;
                    border-radius: 3px;
                }
            }

            .active {
                span[data-v-ae15ec8c] {
                    color: #303133;
                }

                p[data-v-ae15ec8c] {
                    background-color: #0092EF;
                }
            }
        }

        .right[data-v-ae15ec8c] {
            width: 30%;
            text-align: right;
        }
    }

    .mainbox {
        &[data-v-ae15ec8c] {
            margin: auto;
            margin-top: 15px;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-ae15ec8c] {
                width: 900px;
            }

            .descbox {
                &[data-v-ae15ec8c] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .profile {
                    &[data-v-ae15ec8c] {
                        width: 100%;
                        margin-top: 10px;
                        line-height: 30px;
                        font-size: 14px;
                        color: #303130;
                    }

                    .more[data-v-ae15ec8c] {
                        color: #0092EF;
                        margin-left: 5px;
                        cursor: pointer;
                    }
                }
            }

            .contactbox {
                &[data-v-ae15ec8c] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-ae15ec8c] {
                        float: left;
                        width: 100%;
                        height: 80px;
                        margin-top: 10px;
                        border-radius: 5px;
                        background-image: url(/assets/images/browse/job/map.png);
                        background-size: cover;
                        background-repeat: no-repeat;
                        position: relative;
                        cursor: pointer;
                    }

                    .address {
                        &[data-v-ae15ec8c] {
                            position: absolute;
                            top: 15px;
                            left: 170px;
                            width: calc(100% - 340px);
                            height: 35px;
                            line-height: 35px;
                            padding: 0px 20px;
                            font-size: 16px;
                            background-color: #FFF;
                            border-radius: 5px;
                            display: flex;
                            align-items: center;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .el-icon[data-v-ae15ec8c] {
                            color: #0092EF;
                            margin-right: 5px;
                        }
                    }

                    .dot[data-v-ae15ec8c] {
                        position: absolute;
                        bottom: 10px;
                        left: 425px;
                        width: 10px;
                        height: 10px;
                        background-color: #0092EF;
                        border-radius: 100%;
                    }
                }
            }

            .jobbox {
                &[data-v-ae15ec8c] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-ae15ec8c] {
                        width: 100%;
                        padding-top: 10px;
                    }

                    .list {
                        &[data-v-ae15ec8c] {
                            width: 100%;
                            padding: 10px 0;
                            border-bottom: 1px #F5F5F5 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            cursor: pointer;
                        }

                        &[data-v-ae15ec8c]:last-child {
                            border-bottom: none;
                        }

                        .left {
                            &[data-v-ae15ec8c] {
                                width: 60%;
                            }

                            .names {
                                &[data-v-ae15ec8c] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-ae15ec8c] {
                                        line-height: 30px;
                                        margin-right: 30px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-ae15ec8c]:hover {
                                        color: #0092EF;
                                    }
                                }
                            }

                            .basic {
                                &[data-v-ae15ec8c] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                div[data-v-ae15ec8c] {
                                    float: left;
                                    line-height: 25px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                    margin-right: 15px;
                                }

                                span[data-v-ae15ec8c] {
                                    float: left;
                                    line-height: 25px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }

                        .right {
                            &[data-v-ae15ec8c] {
                                float: right;
                                display: flex;
                            }

                            .avatar {
                                &[data-v-ae15ec8c] {
                                    width: 50px;
                                }

                                img[data-v-ae15ec8c] {
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 100%;
                                }
                            }

                            .name {
                                &[data-v-ae15ec8c] {
                                    width: 100px;
                                }

                                div[data-v-ae15ec8c] {
                                    float: left;
                                    width: 100%;
                                    line-height: 25px;
                                    font-size: 16px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }

                                span[data-v-ae15ec8c] {
                                    float: left;
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 12px;
                                    color: #909399;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }
                            }
                        }
                    }
                }
            }
        }

        .menu[data-v-ae15ec8c] {
            float: right;
            width: 285px;
        }
    }
}

.titles {
    &[data-v-ae15ec8c] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    span[data-v-ae15ec8c] {
        font-size: 18px;
        color: #303130;
        font-weight: bold;
    }

    div {
        &[data-v-ae15ec8c] {
            float: right;
        }

        .el-link {
            &[data-v-ae15ec8c] {
                margin-left: 10px;
                color: #A8ABB2;
            }

            .el-icon[data-v-ae15ec8c] {
                margin-right: 3px;
            }
        }
    }

    .link {
        &[data-v-ae15ec8c] {
            float: right;
            font-size: 12px;
            color: #0092EF;
            display: flex;
            align-items: center;
        }

        .el-icon[data-v-ae15ec8c] {
            margin-left: 0px;
        }
    }
}

.product[data-v-ae15ec8c] {
    margin-top: 30px
}

.product .conte[data-v-ae15ec8c] {
    display: flex;
    margin-top: 10px
}

.product .conte .item[data-v-ae15ec8c] {
    flex-shrink: 0;
    width: 200px;
    margin-right: 20px;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.product .conte .item .left[data-v-ae15ec8c] {
    width: 70px
}

.product .conte .item .left img[data-v-ae15ec8c] {
    width: 60px;
    height: 60px;
    border-radius: 5px
}

.product .conte .item .right[data-v-ae15ec8c] {
    width: 130px
}

.product .conte .item .right span[data-v-ae15ec8c] {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.product .conte .item .right p[data-v-ae15ec8c] {
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #909399
}

.pagebox {
    &[data-v-57ea6069] {
        width: 100%
    }

    .topbox {
        &[data-v-57ea6069] {
            width: 100%;
            height: 180px;
            background-color: #23304A;
        }

        .content {
            &[data-v-57ea6069] {
                margin: auto;
                width: 1200px;
                padding-top: 30px;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-57ea6069] {
                    width: 890px;
                    display: flex;
                    justify-content: space-between;
                }

                .logo {
                    &[data-v-57ea6069] {
                        width: 90px;
                    }

                    img[data-v-57ea6069] {
                        width: 70px;
                        height: 70px;
                        border-radius: 8px;
                    }
                }

                .basic {
                    &[data-v-57ea6069] {
                        position: relative;
                        width: calc(100% - 90px);
                    }

                    .names {
                        &[data-v-57ea6069] {
                            width: 100%;
                            height: 30px;
                            margin-top: 5px;
                            display: flex;
                            align-items: center;
                        }

                        .name[data-v-57ea6069] {
                            line-height: 30px;
                            font-size: 26px;
                            font-weight: bold;
                            color: #FFF;
                            font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
                        }

                        .attention {
                            &[data-v-57ea6069] {
                                height: 30px;
                                margin-left: 20px;
                            }

                            div {
                                &[data-v-57ea6069] {
                                    line-height: 30px;
                                    padding: 0 15px;
                                    background-color: #39455D;
                                    border-radius: 15px;
                                    color: #FFF;
                                    font-size: 14px;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    margin-right: 20px;
                                    cursor: pointer;
                                }

                                img[data-v-57ea6069] {
                                    width: 16px;
                                    height: 16px;
                                    margin-right: 4px;
                                }

                                &[data-v-57ea6069]:hover {
                                    background-color: #0092EF;
                                }
                            }

                            .no[data-v-57ea6069] {
                                background-color: #39455D;
                            }

                            .yes[data-v-57ea6069] {
                                background-color: #0092EF;
                            }
                        }
                    }

                    .base {
                        &[data-v-57ea6069] {
                            width: 100%;
                            height: 25px;
                            margin-top: 10px;
                            display: flex;
                        }

                        span {
                            &[data-v-57ea6069] {
                                line-height: 25px;
                                font-size: 14px;
                                color: #B8BBCC;
                                margin-right: 8px;
                            }

                            i[data-v-57ea6069] {
                                line-height: 25px;
                                font-size: 12px;
                                color: #B2B7C0;
                                margin-right: 8px;
                            }
                        }
                    }

                    .tag {
                        &[data-v-57ea6069] {
                            float: left;
                            margin-top: 20px;
                            display: flex;
                        }

                        .item[data-v-57ea6069] {
                            background-color: #304165;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #B2B7C0;
                            margin-right: 10px;
                        }

                        .more[data-v-57ea6069] {
                            cursor: pointer;
                        }
                    }

                    .morelist {
                        &[data-v-57ea6069] {
                            position: absolute;
                            top: 110px;
                            left: 0;
                            width: 640px;
                            padding: 20px 20px;
                            padding-bottom: 10px;
                            background-color: #FFF;
                            border-radius: 5px;
                            z-index: 2;
                        }

                        .item[data-v-57ea6069] {
                            float: left;
                            background-color: #F1F5FE;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #0092EF;
                            margin-right: 10px;
                            margin-bottom: 10px;
                        }
                    }
                }
            }

            .right {
                &[data-v-57ea6069] {
                    float: right;
                    position: relative;
                    width: 285px;
                }

                .jobnum {
                    &[data-v-57ea6069] {
                        float: right;
                        width: auto;
                        margin-top: 10px;
                        font-size: 14px;
                        color: #FFF;
                    }

                    span[data-v-57ea6069] {
                        font-size: 24px;
                        font-weight: bold;
                        margin-right: 5px;
                    }
                }

                .qrcode {
                    &[data-v-57ea6069] {
                        position: absolute;
                        bottom: 0px;
                        right: 0px;
                        height: 25px;
                        display: flex;
                        align-items: center;
                    }

                    .item {
                        &[data-v-57ea6069] {
                            position: relative;
                            line-height: 25px;
                            font-size: 14px;
                            color: #B8BBCC;
                            display: flex;
                            align-items: center;
                            margin-left: 25px;
                            cursor: pointer;
                        }

                        .icon[data-v-57ea6069] {
                            width: 18px;
                            height: 18px;
                            margin-right: 5px;
                        }

                        .qrimg {
                            &[data-v-57ea6069] {
                                position: absolute;
                                top: 25px;
                                left: 0;
                                width: 120px;
                                height: 120px;
                                border: 1px #F5F5F5 solid;
                                background-color: #FFF;
                                border-radius: 5px;
                                z-index: 2;
                                padding: 10px;
                            }

                            img[data-v-57ea6069] {
                                width: 100px;
                                height: 100px;
                            }
                        }
                    }
                }
            }
        }
    }

    .navigatebox {
        &[data-v-57ea6069] {
            margin: auto;
            width: 1200px;
            height: 48px;
            background-color: #FFF;
            margin-top: 15px;
            padding: 0px 20px;
            padding-left: 0px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-57ea6069] {
                width: 70%;
                display: flex;
            }

            .item {
                &[data-v-57ea6069] {
                    position: relative;
                    width: 120px;
                    height: 48px;
                    margin-right: 0px;
                    cursor: pointer;
                }

                span[data-v-57ea6069] {
                    float: left;
                    width: 100%;
                    line-height: 45px;
                    text-align: center;
                    color: #606266;
                    font-size: 16px;
                }

                p[data-v-57ea6069] {
                    position: absolute;
                    bottom: 0;
                    left: 50px;
                    width: 20px;
                    height: 3px;
                    background-color: #FFF;
                    border-radius: 3px;
                }
            }

            .active {
                span[data-v-57ea6069] {
                    color: #303133;
                }

                p[data-v-57ea6069] {
                    background-color: #0092EF;
                }
            }
        }

        .right[data-v-57ea6069] {
            width: 30%;
            text-align: right;
        }
    }

    .mainbox {
        &[data-v-57ea6069] {
            margin: auto;
            margin-top: 15px;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-57ea6069] {
                width: 900px;
            }

            .descbox {
                &[data-v-57ea6069] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .profile {
                    &[data-v-57ea6069] {
                        width: 100%;
                        margin-top: 10px;
                        line-height: 30px;
                        font-size: 14px;
                        color: #303130;
                    }

                    .more[data-v-57ea6069] {
                        color: #0092EF;
                        margin-left: 5px;
                        cursor: pointer;
                    }
                }
            }

            .contactbox {
                &[data-v-57ea6069] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-57ea6069] {
                        float: left;
                        width: 100%;
                        height: 80px;
                        margin-top: 10px;
                        border-radius: 5px;
                        background-image: url(/assets/images/browse/job/map.png);
                        background-size: cover;
                        background-repeat: no-repeat;
                        position: relative;
                        cursor: pointer;
                    }

                    .address {
                        &[data-v-57ea6069] {
                            position: absolute;
                            top: 15px;
                            left: 170px;
                            width: calc(100% - 340px);
                            height: 35px;
                            line-height: 35px;
                            padding: 0px 20px;
                            font-size: 16px;
                            background-color: #FFF;
                            border-radius: 5px;
                            display: flex;
                            align-items: center;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .el-icon[data-v-57ea6069] {
                            color: #0092EF;
                            margin-right: 5px;
                        }
                    }

                    .dot[data-v-57ea6069] {
                        position: absolute;
                        bottom: 10px;
                        left: 425px;
                        width: 10px;
                        height: 10px;
                        background-color: #0092EF;
                        border-radius: 100%;
                    }
                }
            }

            .jobbox {
                &[data-v-57ea6069] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-57ea6069] {
                        width: 100%;
                        padding-top: 10px;
                    }

                    .list {
                        &[data-v-57ea6069] {
                            width: 100%;
                            padding: 10px 0;
                            border-bottom: 1px #F5F5F5 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            cursor: pointer;
                        }

                        &[data-v-57ea6069]:last-child {
                            border-bottom: none;
                        }

                        .left {
                            &[data-v-57ea6069] {
                                width: 60%;
                            }

                            .names {
                                &[data-v-57ea6069] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-57ea6069] {
                                        line-height: 30px;
                                        margin-right: 30px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-57ea6069]:hover {
                                        color: #0092EF;
                                    }
                                }
                            }

                            .basic {
                                &[data-v-57ea6069] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                div[data-v-57ea6069] {
                                    float: left;
                                    line-height: 25px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                    margin-right: 15px;
                                }

                                span[data-v-57ea6069] {
                                    float: left;
                                    line-height: 25px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }

                        .right {
                            &[data-v-57ea6069] {
                                float: right;
                                display: flex;
                            }

                            .avatar {
                                &[data-v-57ea6069] {
                                    width: 50px;
                                }

                                img[data-v-57ea6069] {
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 100%;
                                }
                            }

                            .name {
                                &[data-v-57ea6069] {
                                    width: 100px;
                                }

                                div[data-v-57ea6069] {
                                    float: left;
                                    width: 100%;
                                    line-height: 25px;
                                    font-size: 16px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }

                                span[data-v-57ea6069] {
                                    float: left;
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 12px;
                                    color: #909399;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }
                            }
                        }
                    }
                }
            }
        }

        .menu[data-v-57ea6069] {
            float: right;
            width: 285px;
        }
    }
}

.titles {
    &[data-v-57ea6069] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    span[data-v-57ea6069] {
        font-size: 18px;
        color: #303130;
        font-weight: bold;
    }

    div {
        &[data-v-57ea6069] {
            float: right;
        }

        .el-link {
            &[data-v-57ea6069] {
                margin-left: 10px;
                color: #A8ABB2;
            }

            .el-icon[data-v-57ea6069] {
                margin-right: 3px;
            }
        }
    }

    .link {
        &[data-v-57ea6069] {
            float: right;
            font-size: 12px;
            color: #0092EF;
            display: flex;
            align-items: center;
        }

        .el-icon[data-v-57ea6069] {
            margin-left: 0px;
        }
    }
}

.picture[data-v-57ea6069] {
    margin-top: 30px
}

.picture .conte[data-v-57ea6069] {
    display: flex;
    margin-top: 10px
}

.picture .conte .el-image[data-v-57ea6069] {
    flex-shrink: 0;
    width: 200px;
    height: 125px;
    margin-right: 20px;
    border-radius: 5px
}

.pagebox {
    &[data-v-9611d03a] {
        width: 100%
    }

    .topbox {
        &[data-v-9611d03a] {
            width: 100%;
            height: 180px;
            background-color: #23304A;
        }

        .content {
            &[data-v-9611d03a] {
                margin: auto;
                width: 1200px;
                padding-top: 30px;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-9611d03a] {
                    width: 890px;
                    display: flex;
                    justify-content: space-between;
                }

                .logo {
                    &[data-v-9611d03a] {
                        width: 90px;
                    }

                    img[data-v-9611d03a] {
                        width: 70px;
                        height: 70px;
                        border-radius: 8px;
                    }
                }

                .basic {
                    &[data-v-9611d03a] {
                        position: relative;
                        width: calc(100% - 90px);
                    }

                    .names {
                        &[data-v-9611d03a] {
                            width: 100%;
                            height: 30px;
                            margin-top: 5px;
                            display: flex;
                            align-items: center;
                        }

                        .name[data-v-9611d03a] {
                            line-height: 30px;
                            font-size: 26px;
                            font-weight: bold;
                            color: #FFF;
                            font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
                        }

                        .attention {
                            &[data-v-9611d03a] {
                                height: 30px;
                                margin-left: 20px;
                            }

                            div {
                                &[data-v-9611d03a] {
                                    line-height: 30px;
                                    padding: 0 15px;
                                    background-color: #39455D;
                                    border-radius: 15px;
                                    color: #FFF;
                                    font-size: 14px;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    margin-right: 20px;
                                    cursor: pointer;
                                }

                                img[data-v-9611d03a] {
                                    width: 16px;
                                    height: 16px;
                                    margin-right: 4px;
                                }

                                &[data-v-9611d03a]:hover {
                                    background-color: #0092EF;
                                }
                            }

                            .no[data-v-9611d03a] {
                                background-color: #39455D;
                            }

                            .yes[data-v-9611d03a] {
                                background-color: #0092EF;
                            }
                        }
                    }

                    .base {
                        &[data-v-9611d03a] {
                            width: 100%;
                            height: 25px;
                            margin-top: 10px;
                            display: flex;
                        }

                        span {
                            &[data-v-9611d03a] {
                                line-height: 25px;
                                font-size: 14px;
                                color: #B8BBCC;
                                margin-right: 8px;
                            }

                            i[data-v-9611d03a] {
                                line-height: 25px;
                                font-size: 12px;
                                color: #B2B7C0;
                                margin-right: 8px;
                            }
                        }
                    }

                    .tag {
                        &[data-v-9611d03a] {
                            float: left;
                            margin-top: 20px;
                            display: flex;
                        }

                        .item[data-v-9611d03a] {
                            background-color: #304165;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #B2B7C0;
                            margin-right: 10px;
                        }

                        .more[data-v-9611d03a] {
                            cursor: pointer;
                        }
                    }

                    .morelist {
                        &[data-v-9611d03a] {
                            position: absolute;
                            top: 110px;
                            left: 0;
                            width: 640px;
                            padding: 20px 20px;
                            padding-bottom: 10px;
                            background-color: #FFF;
                            border-radius: 5px;
                            z-index: 2;
                        }

                        .item[data-v-9611d03a] {
                            float: left;
                            background-color: #F1F5FE;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #0092EF;
                            margin-right: 10px;
                            margin-bottom: 10px;
                        }
                    }
                }
            }

            .right {
                &[data-v-9611d03a] {
                    float: right;
                    position: relative;
                    width: 285px;
                }

                .jobnum {
                    &[data-v-9611d03a] {
                        float: right;
                        width: auto;
                        margin-top: 10px;
                        font-size: 14px;
                        color: #FFF;
                    }

                    span[data-v-9611d03a] {
                        font-size: 24px;
                        font-weight: bold;
                        margin-right: 5px;
                    }
                }

                .qrcode {
                    &[data-v-9611d03a] {
                        position: absolute;
                        bottom: 0px;
                        right: 0px;
                        height: 25px;
                        display: flex;
                        align-items: center;
                    }

                    .item {
                        &[data-v-9611d03a] {
                            position: relative;
                            line-height: 25px;
                            font-size: 14px;
                            color: #B8BBCC;
                            display: flex;
                            align-items: center;
                            margin-left: 25px;
                            cursor: pointer;
                        }

                        .icon[data-v-9611d03a] {
                            width: 18px;
                            height: 18px;
                            margin-right: 5px;
                        }

                        .qrimg {
                            &[data-v-9611d03a] {
                                position: absolute;
                                top: 25px;
                                left: 0;
                                width: 120px;
                                height: 120px;
                                border: 1px #F5F5F5 solid;
                                background-color: #FFF;
                                border-radius: 5px;
                                z-index: 2;
                                padding: 10px;
                            }

                            img[data-v-9611d03a] {
                                width: 100px;
                                height: 100px;
                            }
                        }
                    }
                }
            }
        }
    }

    .navigatebox {
        &[data-v-9611d03a] {
            margin: auto;
            width: 1200px;
            height: 48px;
            background-color: #FFF;
            margin-top: 15px;
            padding: 0px 20px;
            padding-left: 0px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-9611d03a] {
                width: 70%;
                display: flex;
            }

            .item {
                &[data-v-9611d03a] {
                    position: relative;
                    width: 120px;
                    height: 48px;
                    margin-right: 0px;
                    cursor: pointer;
                }

                span[data-v-9611d03a] {
                    float: left;
                    width: 100%;
                    line-height: 45px;
                    text-align: center;
                    color: #606266;
                    font-size: 16px;
                }

                p[data-v-9611d03a] {
                    position: absolute;
                    bottom: 0;
                    left: 50px;
                    width: 20px;
                    height: 3px;
                    background-color: #FFF;
                    border-radius: 3px;
                }
            }

            .active {
                span[data-v-9611d03a] {
                    color: #303133;
                }

                p[data-v-9611d03a] {
                    background-color: #0092EF;
                }
            }
        }

        .right[data-v-9611d03a] {
            width: 30%;
            text-align: right;
        }
    }

    .mainbox {
        &[data-v-9611d03a] {
            margin: auto;
            margin-top: 15px;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-9611d03a] {
                width: 900px;
            }

            .descbox {
                &[data-v-9611d03a] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .profile {
                    &[data-v-9611d03a] {
                        width: 100%;
                        margin-top: 10px;
                        line-height: 30px;
                        font-size: 14px;
                        color: #303130;
                    }

                    .more[data-v-9611d03a] {
                        color: #0092EF;
                        margin-left: 5px;
                        cursor: pointer;
                    }
                }
            }

            .contactbox {
                &[data-v-9611d03a] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-9611d03a] {
                        float: left;
                        width: 100%;
                        height: 80px;
                        margin-top: 10px;
                        border-radius: 5px;
                        background-image: url(/assets/images/browse/job/map.png);
                        background-size: cover;
                        background-repeat: no-repeat;
                        position: relative;
                        cursor: pointer;
                    }

                    .address {
                        &[data-v-9611d03a] {
                            position: absolute;
                            top: 15px;
                            left: 170px;
                            width: calc(100% - 340px);
                            height: 35px;
                            line-height: 35px;
                            padding: 0px 20px;
                            font-size: 16px;
                            background-color: #FFF;
                            border-radius: 5px;
                            display: flex;
                            align-items: center;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .el-icon[data-v-9611d03a] {
                            color: #0092EF;
                            margin-right: 5px;
                        }
                    }

                    .dot[data-v-9611d03a] {
                        position: absolute;
                        bottom: 10px;
                        left: 425px;
                        width: 10px;
                        height: 10px;
                        background-color: #0092EF;
                        border-radius: 100%;
                    }
                }
            }

            .jobbox {
                &[data-v-9611d03a] {
                    width: 100%;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-top: 15px;
                    overflow: hidden;
                }

                .content {
                    &[data-v-9611d03a] {
                        width: 100%;
                        padding-top: 10px;
                    }

                    .list {
                        &[data-v-9611d03a] {
                            width: 100%;
                            padding: 10px 0;
                            border-bottom: 1px #F5F5F5 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            cursor: pointer;
                        }

                        &[data-v-9611d03a]:last-child {
                            border-bottom: none;
                        }

                        .left {
                            &[data-v-9611d03a] {
                                width: 60%;
                            }

                            .names {
                                &[data-v-9611d03a] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-9611d03a] {
                                        line-height: 30px;
                                        margin-right: 30px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-9611d03a]:hover {
                                        color: #0092EF;
                                    }
                                }
                            }

                            .basic {
                                &[data-v-9611d03a] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                div[data-v-9611d03a] {
                                    float: left;
                                    line-height: 25px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                    margin-right: 15px;
                                }

                                span[data-v-9611d03a] {
                                    float: left;
                                    line-height: 25px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }

                        .right {
                            &[data-v-9611d03a] {
                                float: right;
                                display: flex;
                            }

                            .avatar {
                                &[data-v-9611d03a] {
                                    width: 50px;
                                }

                                img[data-v-9611d03a] {
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 100%;
                                }
                            }

                            .name {
                                &[data-v-9611d03a] {
                                    width: 100px;
                                }

                                div[data-v-9611d03a] {
                                    float: left;
                                    width: 100%;
                                    line-height: 25px;
                                    font-size: 16px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }

                                span[data-v-9611d03a] {
                                    float: left;
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 12px;
                                    color: #909399;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }
                            }
                        }
                    }
                }
            }
        }

        .menu[data-v-9611d03a] {
            float: right;
            width: 285px;
        }
    }
}

.titles {
    &[data-v-9611d03a] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    span[data-v-9611d03a] {
        font-size: 18px;
        color: #303130;
        font-weight: bold;
    }

    div {
        &[data-v-9611d03a] {
            float: right;
        }

        .el-link {
            &[data-v-9611d03a] {
                margin-left: 10px;
                color: #A8ABB2;
            }

            .el-icon[data-v-9611d03a] {
                margin-right: 3px;
            }
        }
    }

    .link {
        &[data-v-9611d03a] {
            float: right;
            font-size: 12px;
            color: #0092EF;
            display: flex;
            align-items: center;
        }

        .el-icon[data-v-9611d03a] {
            margin-left: 0px;
        }
    }
}

.pagebox {
    &[data-v-4d08ac3f] {
        width: 100%
    }

    .topbox {
        &[data-v-4d08ac3f] {
            width: 100%;
            height: 180px;
            background-color: #23304A;
        }

        .content {
            &[data-v-4d08ac3f] {
                margin: auto;
                width: 1200px;
                padding-top: 30px;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-4d08ac3f] {
                    width: 890px;
                    display: flex;
                    justify-content: space-between;
                }

                .logo {
                    &[data-v-4d08ac3f] {
                        width: 90px;
                    }

                    img[data-v-4d08ac3f] {
                        width: 70px;
                        height: 70px;
                        border-radius: 8px;
                    }
                }

                .basic {
                    &[data-v-4d08ac3f] {
                        position: relative;
                        width: calc(100% - 90px);
                    }

                    .names {
                        &[data-v-4d08ac3f] {
                            width: 100%;
                            height: 30px;
                            margin-top: 5px;
                            display: flex;
                            align-items: center;
                        }

                        .name[data-v-4d08ac3f] {
                            line-height: 30px;
                            font-size: 26px;
                            font-weight: bold;
                            color: #FFF;
                            font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
                        }

                        .attention {
                            &[data-v-4d08ac3f] {
                                height: 30px;
                                margin-left: 20px;
                            }

                            div {
                                &[data-v-4d08ac3f] {
                                    line-height: 30px;
                                    padding: 0 15px;
                                    background-color: #39455D;
                                    border-radius: 15px;
                                    color: #FFF;
                                    font-size: 14px;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    margin-right: 20px;
                                    cursor: pointer;
                                }

                                img[data-v-4d08ac3f] {
                                    width: 16px;
                                    height: 16px;
                                    margin-right: 4px;
                                }

                                &[data-v-4d08ac3f]:hover {
                                    background-color: #0092EF;
                                }
                            }

                            .no[data-v-4d08ac3f] {
                                background-color: #39455D;
                            }

                            .yes[data-v-4d08ac3f] {
                                background-color: #0092EF;
                            }
                        }
                    }

                    .base {
                        &[data-v-4d08ac3f] {
                            width: 100%;
                            height: 25px;
                            margin-top: 10px;
                            display: flex;
                        }

                        span {
                            &[data-v-4d08ac3f] {
                                line-height: 25px;
                                font-size: 14px;
                                color: #B8BBCC;
                                margin-right: 8px;
                            }

                            i[data-v-4d08ac3f] {
                                line-height: 25px;
                                font-size: 12px;
                                color: #B2B7C0;
                                margin-right: 8px;
                            }
                        }
                    }

                    .tag {
                        &[data-v-4d08ac3f] {
                            float: left;
                            margin-top: 20px;
                            display: flex;
                        }

                        .item[data-v-4d08ac3f] {
                            background-color: #304165;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #B2B7C0;
                            margin-right: 10px;
                        }

                        .more[data-v-4d08ac3f] {
                            cursor: pointer;
                        }
                    }

                    .morelist {
                        &[data-v-4d08ac3f] {
                            position: absolute;
                            top: 110px;
                            left: 0;
                            width: 640px;
                            padding: 20px 20px;
                            padding-bottom: 10px;
                            background-color: #FFF;
                            border-radius: 5px;
                            z-index: 2;
                        }

                        .item[data-v-4d08ac3f] {
                            float: left;
                            background-color: #F1F5FE;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #0092EF;
                            margin-right: 10px;
                            margin-bottom: 10px;
                        }
                    }
                }
            }

            .right {
                &[data-v-4d08ac3f] {
                    float: right;
                    position: relative;
                    width: 285px;
                }

                .jobnum {
                    &[data-v-4d08ac3f] {
                        float: right;
                        width: auto;
                        margin-top: 10px;
                        font-size: 14px;
                        color: #FFF;
                    }

                    span[data-v-4d08ac3f] {
                        font-size: 24px;
                        font-weight: bold;
                        margin-right: 5px;
                    }
                }

                .qrcode {
                    &[data-v-4d08ac3f] {
                        position: absolute;
                        bottom: 0px;
                        right: 0px;
                        height: 25px;
                        display: flex;
                        align-items: center;
                    }

                    .item {
                        &[data-v-4d08ac3f] {
                            position: relative;
                            line-height: 25px;
                            font-size: 14px;
                            color: #B8BBCC;
                            display: flex;
                            align-items: center;
                            margin-left: 25px;
                            cursor: pointer;
                        }

                        .icon[data-v-4d08ac3f] {
                            width: 18px;
                            height: 18px;
                            margin-right: 5px;
                        }

                        .qrimg {
                            &[data-v-4d08ac3f] {
                                position: absolute;
                                top: 25px;
                                left: 0;
                                width: 120px;
                                height: 120px;
                                border: 1px #F5F5F5 solid;
                                background-color: #FFF;
                                border-radius: 5px;
                                z-index: 2;
                                padding: 10px;
                            }

                            img[data-v-4d08ac3f] {
                                width: 100px;
                                height: 100px;
                            }
                        }
                    }
                }
            }
        }
    }

    .navigatebox {
        &[data-v-4d08ac3f] {
            margin: auto;
            width: 1200px;
            height: 48px;
            background-color: #FFF;
            margin-top: 15px;
            padding: 0px 20px;
            padding-left: 0px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-4d08ac3f] {
                width: 70%;
                display: flex;
            }

            .item {
                &[data-v-4d08ac3f] {
                    position: relative;
                    width: 120px;
                    height: 48px;
                    margin-right: 0px;
                    cursor: pointer;
                }

                span[data-v-4d08ac3f] {
                    float: left;
                    width: 100%;
                    line-height: 45px;
                    text-align: center;
                    color: #606266;
                    font-size: 16px;
                }

                p[data-v-4d08ac3f] {
                    position: absolute;
                    bottom: 0;
                    left: 50px;
                    width: 20px;
                    height: 3px;
                    background-color: #FFF;
                    border-radius: 3px;
                }
            }

            .active {
                span[data-v-4d08ac3f] {
                    color: #303133;
                }

                p[data-v-4d08ac3f] {
                    background-color: #0092EF;
                }
            }
        }

        .right[data-v-4d08ac3f] {
            width: 30%;
            text-align: right;
        }
    }

    .mainbox {
        &[data-v-4d08ac3f] {
            margin: auto;
            width: 1200px;
            margin-top: 15px;
            display: flex;
        }

        .main {
            &[data-v-4d08ac3f] {
                width: 385px;
            }

            .jobbox {
                &[data-v-4d08ac3f] {
                    width: 385px;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-bottom: 15px;
                    border: 1px #FFF solid;
                    cursor: pointer;
                }

                .up {
                    &[data-v-4d08ac3f] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                    }

                    .left {
                        &[data-v-4d08ac3f] {
                            width: calc(100% - 120px);
                        }

                        .names {
                            &[data-v-4d08ac3f] {
                                width: 100%;
                                height: 30px;
                                line-height: 30px;
                                font-size: 16px;
                                font-weight: bold;
                                color: #282828;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                cursor: pointer;
                            }

                            &[data-v-4d08ac3f]:hover {
                                color: #0092EF;
                            }
                        }

                        .basic {
                            &[data-v-4d08ac3f] {
                                width: 100%;
                                margin-top: 5px;
                            }

                            span[data-v-4d08ac3f] {
                                float: left;
                                line-height: 25px;
                                font-size: 12px;
                                color: #909399;
                                margin-right: 10px;
                            }
                        }
                    }

                    .right[data-v-4d08ac3f] {
                        width: 120px;
                        line-height: 30px;
                        text-align: right;
                        font-size: 14px;
                        color: #F56C6C;
                    }
                }

                .down {
                    &[data-v-4d08ac3f] {
                        width: calc(100% - 2px);
                        margin: 1px 1px;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F0FDFF, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-4d08ac3f] {
                            width: calc(100% - 130px);
                            padding: 0px 0;
                            height: 40px;
                            display: flex;
                            align-items: center;
                        }

                        .avatar {
                            &[data-v-4d08ac3f] {
                                width: 35px;
                            }

                            img[data-v-4d08ac3f] {
                                width: 25px;
                                height: 25px;
                                border-radius: 100%;
                            }
                        }

                        .name[data-v-4d08ac3f] {
                            width: calc(100% - 30px);
                            font-size: 12px;
                            color: #909399;
                        }

                        .online[data-v-4d08ac3f] {
                            color: #009B15;
                        }
                    }

                    .right[data-v-4d08ac3f] {
                        width: 130px;
                        line-height: 40px;
                        font-size: 12px;
                        text-align: right;
                        color: #A8ABB2;
                    }
                }

                &[data-v-4d08ac3f]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .active {
                &[data-v-4d08ac3f] {
                    border: 1px #0092EF solid;
                }

                .up {
                    .left {
                        .names[data-v-4d08ac3f] {
                            color: #0092EF;
                        }
                    }
                }
            }

            .pager[data-v-4d08ac3f] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .detail[data-v-4d08ac3f] {
            float: right;
            width: 815px;
        }
    }
}

.jobdetail {
    &[data-v-4d08ac3f] {
        float: right;
        width: 800px;
        padding: 20px 30px;
        background-color: #fff;
        border-radius: 5px
    }

    .up {
        &[data-v-4d08ac3f] {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

        .left {
            &[data-v-4d08ac3f] {
                width: calc(100% - 220px);
            }

            .names {
                &[data-v-4d08ac3f] {
                    width: 100%;
                    height: 35px;
                    line-height: 35px;
                }

                .name[data-v-4d08ac3f] {
                    font-size: 18px;
                    font-weight: bold;
                    color: #282828;
                    margin-right: 20px;
                }

                span[data-v-4d08ac3f] {
                    font-size: 18px;
                    color: #F56C6C;
                }
            }

            .basic {
                &[data-v-4d08ac3f] {
                    width: 100%;
                    height: 25px;
                    margin-top: 5px;
                    display: flex;
                }

                span {
                    &[data-v-4d08ac3f] {
                        line-height: 25px;
                        font-size: 14px;
                        color: #606266;
                        margin-right: 8px;
                    }

                    i[data-v-4d08ac3f] {
                        line-height: 25px;
                        font-size: 12px;
                        color: #B2B7C0;
                        margin-right: 8px;
                    }
                }
            }
        }

        .right {
            &[data-v-4d08ac3f] {
                width: 220px;
                display: flex;
            }

            .favorite {
                &[data-v-4d08ac3f] {
                    width: 100px;
                    height: 40px;
                    line-height: 40px;
                    border: 1px #0092EF solid;
                    border-radius: 8px;
                    color: #0092EF;
                    font-size: 14px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-left: 10px;
                    cursor: pointer;
                }

                .el-icon[data-v-4d08ac3f] {
                    margin-right: 2px;
                }
            }

            .apply {
                &[data-v-4d08ac3f] {
                    width: 100px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 8px;
                    background-color: #0092EF;
                    color: #FFF;
                    font-size: 14px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-left: 10px;
                    cursor: pointer;
                }

                .el-icon[data-v-4d08ac3f] {
                    margin-right: 4px;
                }
            }
        }
    }

    .descbox {
        &[data-v-4d08ac3f] {
            width: 100%;
            padding: 20px 0px;
        }

        .content {
            &[data-v-4d08ac3f] {
                float: left;
                width: 100%;
                margin-top: 15px;
                line-height: 30px;
                font-size: 14px;
                color: #303130;
            }

            .more[data-v-4d08ac3f] {
                color: #0092EF;
                margin-left: 5px;
                cursor: pointer;
            }
        }

        .other {
            &[data-v-4d08ac3f] {
                float: left;
                width: 100%;
                margin-top: 15px;
            }

            .item {
                &[data-v-4d08ac3f] {
                    float: left;
                    line-height: 30px;
                    font-size: 14px;
                    color: #909399;
                    margin-right: 35px;
                }

                span[data-v-4d08ac3f] {
                    color: #606266;
                }
            }
        }

        .tag {
            &[data-v-4d08ac3f] {
                float: left;
                width: 100%;
                margin-top: 15px;
            }

            .item[data-v-4d08ac3f] {
                width: auto;
                padding: 5px 10px;
                border-radius: 3px;
                background-color: #F4F6F9;
                font-size: 12px;
                color: #A8ABB2;
                margin-right: 10px;
            }
        }

        .recruiter {
            &[data-v-4d08ac3f] {
                float: left;
                width: 100%;
                margin-top: 15px;
                padding-top: 15px;
                padding-bottom: 10px;
                border-top: 1px #F4F5F6 solid;
                border-bottom: 1px #F4F5F6 solid;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left {
                &[data-v-4d08ac3f] {
                    width: 80%;
                    display: flex;
                    justify-content: space-between;
                }

                .avatar {
                    &[data-v-4d08ac3f] {
                        width: 65px;
                    }

                    img[data-v-4d08ac3f] {
                        width: 50px;
                        height: 50px;
                        border-radius: 100%;
                    }
                }

                .names {
                    &[data-v-4d08ac3f] {
                        width: calc(100% - 65px);
                    }

                    .name {
                        &[data-v-4d08ac3f] {
                            width: 100%;
                            height: 25px;
                            display: flex;
                            align-items: center;
                        }

                        span[data-v-4d08ac3f] {
                            font-size: 16px;
                            color: #303133;
                        }
                    }

                    .hold {
                        &[data-v-4d08ac3f] {
                            width: 100%;
                            margin-top: 5px;
                        }

                        p[data-v-4d08ac3f] {
                            color: #909399;
                            font-size: 12px;
                        }

                        .online[data-v-4d08ac3f] {
                            color: #009B15;
                        }
                    }
                }
            }
        }
    }

    .contactbox {
        &[data-v-4d08ac3f] {
            width: 100%;
            padding-top: 20px;
            overflow: hidden;
        }

        .address {
            &[data-v-4d08ac3f] {
                width: 100%;
                height: 35px;
                line-height: 35px;
                font-size: 14px;
                margin-top: 10px;
                display: flex;
                align-items: center;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .el-icon[data-v-4d08ac3f] {
                color: #909399;
                margin-right: 3px;
            }
        }

        .content[data-v-4d08ac3f] {
            width: 100%;
            height: 180px;
        }
    }

    .more {
        &[data-v-4d08ac3f] {
            width: 100%;
            margin-top: 20px;
            text-align: center;
        }

        .btn {
            &[data-v-4d08ac3f] {
                display: inline-block;
                margin: auto;
                margin-top: 0px;
                width: 150px;
                line-height: 32px;
                text-align: center;
                border: 1px #0092EF solid;
                font-size: 14px;
                color: #0092EF;
                border-radius: 5px;
            }

            &[data-v-4d08ac3f]:hover {
                background-color: #0092EF;
                color: #FFF;
            }
        }
    }
}

.titles {
    &[data-v-4d08ac3f] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    span[data-v-4d08ac3f] {
        font-size: 16px;
        color: #303130;
        font-weight: bold;
    }

    div {
        &[data-v-4d08ac3f] {
            float: right;
        }

        .el-link {
            &[data-v-4d08ac3f] {
                margin-left: 10px;
                color: #A8ABB2;
            }

            .el-icon[data-v-4d08ac3f] {
                margin-right: 3px;
            }
        }
    }
}

.pagebox {
    &[data-v-20422d27] {
        width: 100%
    }

    .topbox {
        &[data-v-20422d27] {
            width: 100%;
            height: 180px;
            background-color: #23304A;
        }

        .content {
            &[data-v-20422d27] {
                margin: auto;
                width: 1200px;
                padding-top: 30px;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-20422d27] {
                    width: 890px;
                    display: flex;
                    justify-content: space-between;
                }

                .logo {
                    &[data-v-20422d27] {
                        width: 90px;
                    }

                    img[data-v-20422d27] {
                        width: 70px;
                        height: 70px;
                        border-radius: 8px;
                    }
                }

                .basic {
                    &[data-v-20422d27] {
                        position: relative;
                        width: calc(100% - 90px);
                    }

                    .names {
                        &[data-v-20422d27] {
                            width: 100%;
                            height: 30px;
                            margin-top: 5px;
                            display: flex;
                            align-items: center;
                        }

                        .name[data-v-20422d27] {
                            line-height: 30px;
                            font-size: 26px;
                            font-weight: bold;
                            color: #FFF;
                            font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
                        }

                        .attention {
                            &[data-v-20422d27] {
                                height: 30px;
                                margin-left: 20px;
                            }

                            div {
                                &[data-v-20422d27] {
                                    line-height: 30px;
                                    padding: 0 15px;
                                    background-color: #39455D;
                                    border-radius: 15px;
                                    color: #FFF;
                                    font-size: 14px;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    margin-right: 20px;
                                    cursor: pointer;
                                }

                                img[data-v-20422d27] {
                                    width: 16px;
                                    height: 16px;
                                    margin-right: 4px;
                                }

                                &[data-v-20422d27]:hover {
                                    background-color: #0092EF;
                                }
                            }

                            .no[data-v-20422d27] {
                                background-color: #39455D;
                            }

                            .yes[data-v-20422d27] {
                                background-color: #0092EF;
                            }
                        }
                    }

                    .base {
                        &[data-v-20422d27] {
                            width: 100%;
                            height: 25px;
                            margin-top: 10px;
                            display: flex;
                        }

                        span {
                            &[data-v-20422d27] {
                                line-height: 25px;
                                font-size: 14px;
                                color: #B8BBCC;
                                margin-right: 8px;
                            }

                            i[data-v-20422d27] {
                                line-height: 25px;
                                font-size: 12px;
                                color: #B2B7C0;
                                margin-right: 8px;
                            }
                        }
                    }

                    .tag {
                        &[data-v-20422d27] {
                            float: left;
                            margin-top: 20px;
                            display: flex;
                        }

                        .item[data-v-20422d27] {
                            background-color: #304165;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #B2B7C0;
                            margin-right: 10px;
                        }

                        .more[data-v-20422d27] {
                            cursor: pointer;
                        }
                    }

                    .morelist {
                        &[data-v-20422d27] {
                            position: absolute;
                            top: 110px;
                            left: 0;
                            width: 640px;
                            padding: 20px 20px;
                            padding-bottom: 10px;
                            background-color: #FFF;
                            border-radius: 5px;
                            z-index: 2;
                        }

                        .item[data-v-20422d27] {
                            float: left;
                            background-color: #F1F5FE;
                            padding: 4px 10px;
                            border-radius: 30px;
                            font-size: 12px;
                            color: #0092EF;
                            margin-right: 10px;
                            margin-bottom: 10px;
                        }
                    }
                }
            }

            .right {
                &[data-v-20422d27] {
                    float: right;
                    position: relative;
                    width: 285px;
                }

                .jobnum {
                    &[data-v-20422d27] {
                        float: right;
                        width: auto;
                        margin-top: 10px;
                        font-size: 14px;
                        color: #FFF;
                    }

                    span[data-v-20422d27] {
                        font-size: 24px;
                        font-weight: bold;
                        margin-right: 5px;
                    }
                }

                .qrcode {
                    &[data-v-20422d27] {
                        position: absolute;
                        bottom: 0px;
                        right: 0px;
                        height: 25px;
                        display: flex;
                        align-items: center;
                    }

                    .item {
                        &[data-v-20422d27] {
                            position: relative;
                            line-height: 25px;
                            font-size: 14px;
                            color: #B8BBCC;
                            display: flex;
                            align-items: center;
                            margin-left: 25px;
                            cursor: pointer;
                        }

                        .icon[data-v-20422d27] {
                            width: 18px;
                            height: 18px;
                            margin-right: 5px;
                        }

                        .qrimg {
                            &[data-v-20422d27] {
                                position: absolute;
                                top: 25px;
                                left: 0;
                                width: 120px;
                                height: 120px;
                                border: 1px #F5F5F5 solid;
                                background-color: #FFF;
                                border-radius: 5px;
                                z-index: 2;
                                padding: 10px;
                            }

                            img[data-v-20422d27] {
                                width: 100px;
                                height: 100px;
                            }
                        }
                    }
                }
            }
        }
    }

    .navigatebox {
        &[data-v-20422d27] {
            margin: auto;
            width: 1200px;
            height: 48px;
            background-color: #FFF;
            margin-top: 15px;
            padding: 0px 20px;
            padding-left: 0px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-20422d27] {
                width: 70%;
                display: flex;
            }

            .item {
                &[data-v-20422d27] {
                    position: relative;
                    width: 120px;
                    height: 48px;
                    margin-right: 0px;
                    cursor: pointer;
                }

                span[data-v-20422d27] {
                    float: left;
                    width: 100%;
                    line-height: 45px;
                    text-align: center;
                    color: #606266;
                    font-size: 16px;
                }

                p[data-v-20422d27] {
                    position: absolute;
                    bottom: 0;
                    left: 50px;
                    width: 20px;
                    height: 3px;
                    background-color: #FFF;
                    border-radius: 3px;
                }
            }

            .active {
                span[data-v-20422d27] {
                    color: #303133;
                }

                p[data-v-20422d27] {
                    background-color: #0092EF;
                }
            }
        }

        .right[data-v-20422d27] {
            width: 30%;
            text-align: right;
        }
    }

    .mainbox {
        &[data-v-20422d27] {
            margin: auto;
            width: 1200px;
            margin-top: 15px;
            display: flex;
        }

        .main {
            &[data-v-20422d27] {
                width: 385px;
            }

            .jobbox {
                &[data-v-20422d27] {
                    width: 385px;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-bottom: 15px;
                    border: 1px #FFF solid;
                    cursor: pointer;
                }

                .up {
                    &[data-v-20422d27] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                    }

                    .left {
                        &[data-v-20422d27] {
                            width: calc(100% - 120px);
                        }

                        .names {
                            &[data-v-20422d27] {
                                width: 100%;
                                height: 30px;
                                line-height: 30px;
                                font-size: 16px;
                                font-weight: bold;
                                color: #282828;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                cursor: pointer;
                            }

                            &[data-v-20422d27]:hover {
                                color: #0092EF;
                            }
                        }

                        .basic {
                            &[data-v-20422d27] {
                                width: 100%;
                                margin-top: 5px;
                            }

                            span[data-v-20422d27] {
                                float: left;
                                line-height: 25px;
                                font-size: 12px;
                                color: #909399;
                                margin-right: 10px;
                            }
                        }
                    }

                    .right[data-v-20422d27] {
                        width: 120px;
                        line-height: 30px;
                        text-align: right;
                        font-size: 14px;
                        color: #F56C6C;
                    }
                }

                .down {
                    &[data-v-20422d27] {
                        width: calc(100% - 2px);
                        margin: 1px 1px;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F0FDFF, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-20422d27] {
                            width: calc(100% - 130px);
                            padding: 0px 0;
                            height: 40px;
                            display: flex;
                            align-items: center;
                        }

                        .avatar {
                            &[data-v-20422d27] {
                                width: 35px;
                            }

                            img[data-v-20422d27] {
                                width: 25px;
                                height: 25px;
                                border-radius: 100%;
                            }
                        }

                        .name[data-v-20422d27] {
                            width: calc(100% - 30px);
                            font-size: 12px;
                            color: #909399;
                        }

                        .online[data-v-20422d27] {
                            color: #009B15;
                        }
                    }

                    .right[data-v-20422d27] {
                        width: 130px;
                        line-height: 40px;
                        font-size: 12px;
                        text-align: right;
                        color: #A8ABB2;
                    }
                }

                &[data-v-20422d27]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .active {
                &[data-v-20422d27] {
                    border: 1px #0092EF solid;
                }

                .up {
                    .left {
                        .names[data-v-20422d27] {
                            color: #0092EF;
                        }
                    }
                }
            }

            .pager[data-v-20422d27] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .detail[data-v-20422d27] {
            float: right;
            width: 815px;
        }
    }
}

.jobdetail {
    &[data-v-20422d27] {
        float: right;
        width: 800px;
        padding: 20px 30px;
        background-color: #fff;
        border-radius: 5px
    }

    .up {
        &[data-v-20422d27] {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

        .left {
            &[data-v-20422d27] {
                width: calc(100% - 220px);
            }

            .names {
                &[data-v-20422d27] {
                    width: 100%;
                    height: 35px;
                    line-height: 35px;
                }

                .name[data-v-20422d27] {
                    font-size: 18px;
                    font-weight: bold;
                    color: #282828;
                    margin-right: 20px;
                }

                span[data-v-20422d27] {
                    font-size: 18px;
                    color: #F56C6C;
                }
            }

            .basic {
                &[data-v-20422d27] {
                    width: 100%;
                    height: 25px;
                    margin-top: 5px;
                    display: flex;
                }

                span {
                    &[data-v-20422d27] {
                        line-height: 25px;
                        font-size: 14px;
                        color: #606266;
                        margin-right: 8px;
                    }

                    i[data-v-20422d27] {
                        line-height: 25px;
                        font-size: 12px;
                        color: #B2B7C0;
                        margin-right: 8px;
                    }
                }
            }
        }

        .right {
            &[data-v-20422d27] {
                width: 220px;
                display: flex;
            }

            .favorite {
                &[data-v-20422d27] {
                    width: 100px;
                    height: 40px;
                    line-height: 40px;
                    border: 1px #0092EF solid;
                    border-radius: 8px;
                    color: #0092EF;
                    font-size: 14px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-left: 10px;
                    cursor: pointer;
                }

                .el-icon[data-v-20422d27] {
                    margin-right: 2px;
                }
            }

            .apply {
                &[data-v-20422d27] {
                    width: 100px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 8px;
                    background-color: #0092EF;
                    color: #FFF;
                    font-size: 14px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-left: 10px;
                    cursor: pointer;
                }

                .el-icon[data-v-20422d27] {
                    margin-right: 4px;
                }
            }
        }
    }

    .descbox {
        &[data-v-20422d27] {
            width: 100%;
            padding: 20px 0px;
        }

        .content {
            &[data-v-20422d27] {
                float: left;
                width: 100%;
                margin-top: 15px;
                line-height: 30px;
                font-size: 14px;
                color: #303130;
            }

            .more[data-v-20422d27] {
                color: #0092EF;
                margin-left: 5px;
                cursor: pointer;
            }
        }

        .other {
            &[data-v-20422d27] {
                float: left;
                width: 100%;
                margin-top: 15px;
            }

            .item {
                &[data-v-20422d27] {
                    float: left;
                    line-height: 30px;
                    font-size: 14px;
                    color: #909399;
                    margin-right: 35px;
                }

                span[data-v-20422d27] {
                    color: #606266;
                }
            }
        }

        .tag {
            &[data-v-20422d27] {
                float: left;
                width: 100%;
                margin-top: 15px;
            }

            .item[data-v-20422d27] {
                width: auto;
                padding: 5px 10px;
                border-radius: 3px;
                background-color: #F4F6F9;
                font-size: 12px;
                color: #A8ABB2;
                margin-right: 10px;
            }
        }

        .recruiter {
            &[data-v-20422d27] {
                float: left;
                width: 100%;
                margin-top: 15px;
                padding-top: 15px;
                padding-bottom: 10px;
                border-top: 1px #F4F5F6 solid;
                border-bottom: 1px #F4F5F6 solid;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left {
                &[data-v-20422d27] {
                    width: 80%;
                    display: flex;
                    justify-content: space-between;
                }

                .avatar {
                    &[data-v-20422d27] {
                        width: 65px;
                    }

                    img[data-v-20422d27] {
                        width: 50px;
                        height: 50px;
                        border-radius: 100%;
                    }
                }

                .names {
                    &[data-v-20422d27] {
                        width: calc(100% - 65px);
                    }

                    .name {
                        &[data-v-20422d27] {
                            width: 100%;
                            height: 25px;
                            display: flex;
                            align-items: center;
                        }

                        span[data-v-20422d27] {
                            font-size: 16px;
                            color: #303133;
                        }
                    }

                    .hold {
                        &[data-v-20422d27] {
                            width: 100%;
                            margin-top: 5px;
                        }

                        p[data-v-20422d27] {
                            color: #909399;
                            font-size: 12px;
                        }

                        .online[data-v-20422d27] {
                            color: #009B15;
                        }
                    }
                }
            }
        }
    }

    .contactbox {
        &[data-v-20422d27] {
            width: 100%;
            padding-top: 20px;
            overflow: hidden;
        }

        .address {
            &[data-v-20422d27] {
                width: 100%;
                height: 35px;
                line-height: 35px;
                font-size: 14px;
                margin-top: 10px;
                display: flex;
                align-items: center;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .el-icon[data-v-20422d27] {
                color: #909399;
                margin-right: 3px;
            }
        }

        .content[data-v-20422d27] {
            width: 100%;
            height: 180px;
        }
    }

    .more {
        &[data-v-20422d27] {
            width: 100%;
            margin-top: 20px;
            text-align: center;
        }

        .btn {
            &[data-v-20422d27] {
                display: inline-block;
                margin: auto;
                margin-top: 0px;
                width: 150px;
                line-height: 32px;
                text-align: center;
                border: 1px #0092EF solid;
                font-size: 14px;
                color: #0092EF;
                border-radius: 5px;
            }

            &[data-v-20422d27]:hover {
                background-color: #0092EF;
                color: #FFF;
            }
        }
    }
}

.titles {
    &[data-v-20422d27] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    span[data-v-20422d27] {
        font-size: 16px;
        color: #303130;
        font-weight: bold;
    }

    div {
        &[data-v-20422d27] {
            float: right;
        }

        .el-link {
            &[data-v-20422d27] {
                margin-left: 10px;
                color: #A8ABB2;
            }

            .el-icon[data-v-20422d27] {
                margin-right: 3px;
            }
        }
    }
}

.emptybox {
    &[data-v-20422d27] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-20422d27] {
            width: 100%;
            text-align: center;
        }

        img[data-v-20422d27] {
            width: 250px;
        }
    }

    .hint[data-v-20422d27] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-20422d27] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-20422d27] {
    margin: 0 auto auto;
    background-color: #fff;
    width: 1200px;
    height: 500px;
    padding-top: 100px
}

.footerbox {
    &[data-v-79c5eb66] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-79c5eb66] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-79c5eb66] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-79c5eb66] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-79c5eb66] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-79c5eb66] {
    margin-top: 20px
}

.pager[data-v-79c5eb66] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.signupform[data-v-79c5eb66] {
    margin: auto;
    width: 100%
}

.hint[data-v-79c5eb66] {
    width: 100%;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #c0c4cc
}

.pagebox {
    &[data-v-faa83911] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .picture[data-v-faa83911] {
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .mainbox {
        &[data-v-faa83911] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding: 20px 25px;
            background-color: #FFF;
            border-radius: 5px;
            overflow: hidden;
        }

        .names {
            &[data-v-faa83911] {
                float: left;
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

            .name {
                &[data-v-faa83911] {
                    width: 85%;
                    line-height: 30px;
                    font-size: 22px;
                    font-weight: bold;
                    color: #282828;
                }

                .el-tag[data-v-faa83911] {
                    font-weight: normal;
                    font-size: 12px;
                }
            }

            .btn {
                &[data-v-faa83911] {
                    float: right;
                }

                .el-button[data-v-faa83911] {
                    width: 120px;
                    height: 36px;
                    font-size: 16px;
                }
            }
        }

        .basic {
            &[data-v-faa83911] {
                float: left;
                width: 80%;
                margin-top: 15px;
            }

            .item[data-v-faa83911] {
                float: left;
                width: 50%;
                line-height: 30px;
                font-size: 14px;
                color: #606266;
            }
        }

        .content {
            &[data-v-faa83911] {
                float: left;
                width: 100%;
                margin-top: 15px;
                border-top: 1px #F3F3F3 solid;
                padding-top: 15px;
                line-height: 30px;
                font-size: 14px;
                color: #303130;
            }

            .more[data-v-faa83911] {
                width: 100%;
                display: block;
                text-align: center;
                color: #0092EF;
                margin-left: 5px;
                cursor: pointer;
            }
        }
    }

    .companybox {
        &[data-v-faa83911] {
            margin: auto;
            width: 1200px;
            margin-top: 15px;
            padding: 20px 25px;
            background-color: #FFF;
            border-radius: 5px;
        }

        .titles {
            &[data-v-faa83911] {
                width: 100%;
                height: 30px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left[data-v-faa83911] {
                width: 50%;
                font-size: 18px;
                font-weight: bold;
                color: #282828;
            }

            .right {
                &[data-v-faa83911] {
                    float: right;
                    padding-right: 0px;
                }

                .search {
                    &[data-v-faa83911] {
                        width: 200px;
                        height: 30px;
                        padding: 0 15px;
                        border: 1px #DCDFE6 solid;
                        background-color: #FFF;
                        border-radius: 30px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .inp[data-v-faa83911] {
                        width: 155px;
                        line-height: 26px;
                        font-size: 13px;
                        outline: none;
                        border: none;
                    }

                    .el-icon[data-v-faa83911] {
                        margin-right: 15px;
                        color: #606266;
                        cursor: pointer;
                    }
                }
            }
        }

        .content {
            &[data-v-faa83911] {
                width: 100%;
                margin-top: 15px;
            }

            .list {
                &[data-v-faa83911] {
                    width: 100%;
                    padding: 10px 0;
                    line-height: 25px;
                    display: flex;
                    border-bottom: 1px #EEE solid;
                    font-size: 14px;
                    color: #303130;
                }

                .l1[data-v-faa83911] {
                    width: 10%;
                    text-align: center;
                }

                .l2[data-v-faa83911] {
                    width: 38%;
                }

                .l3[data-v-faa83911] {
                    width: 60%;
                }

                .l4[data-v-faa83911] {
                    width: 12%;
                    text-align: center;
                }
            }
        }

        .pager[data-v-faa83911] {
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    .standbox {
        &[data-v-faa83911] {
            margin: auto;
            width: 1200px;
            margin-top: 15px;
            padding: 30px 25px;
            padding-top: 20px;
            background-color: #FFF;
            border-radius: 5px;
            overflow: hidden;
        }

        .titles {
            &[data-v-faa83911] {
                float: left;
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-faa83911] {
                    width: 50%;
                }

                span[data-v-faa83911] {
                    width: 100%;
                    line-height: 30px;
                    font-size: 18px;
                    font-weight: bold;
                    color: #282828;
                }

                p[data-v-faa83911] {
                    width: 100%;
                    line-height: 25px;
                    font-size: 12px;
                    color: #A8ABB2;
                }
            }

            .right {
                &[data-v-faa83911] {
                    float: right;
                    display: flex;
                    justify-content: center;
                }

                .item {
                    &[data-v-faa83911] {
                        font-size: 14px;
                        color: #909399;
                        display: flex;
                        align-items: center;
                        margin: 0px 10px;
                    }

                    span[data-v-faa83911] {
                        width: 16px;
                        height: 16px;
                        display: block;
                        margin-right: 5px;
                    }

                    .normal[data-v-faa83911] {
                        border: 1px #EEE solid;
                    }

                    .orange[data-v-faa83911] {
                        background-color: #E6A23C;
                    }

                    .red[data-v-faa83911] {
                        background-color: #F56C6C;
                    }
                }
            }
        }

        .content {
            &[data-v-faa83911] {
                float: left;
                width: 100%;
                margin-top: 15px;
            }

            .item {
                &[data-v-faa83911] {
                    float: left;
                    width: 83px;
                    line-height: 43px;
                    text-align: center;
                    font-size: 16px;
                    margin: 10px 15px;
                    border: 1px #EEE solid;
                    cursor: pointer;
                }

                .red[data-v-faa83911] {
                    width: 100%;
                    line-height: 43px;
                    background-color: #F56C6C;
                    color: #FFF;
                }

                .orange[data-v-faa83911] {
                    width: 100%;
                    line-height: 43px;
                    background-color: #E6A23C;
                    color: #FFF;
                }
            }
        }

        .hint[data-v-faa83911] {
            float: left;
            width: 100%;
            height: 40px;
            margin-top: 15px;
        }

        .pager[data-v-faa83911] {
            float: left;
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

.emptybox {
    &[data-v-faa83911] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-faa83911] {
            width: 100%;
            text-align: center;
        }

        img[data-v-faa83911] {
            width: 250px;
        }
    }

    .hint[data-v-faa83911] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-faa83911] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-faa83911] {
    background-color: #fff;
    height: 500px;
    margin-top: 0;
    padding-top: 100px
}

.pagebox {
    &[data-v-970a9ac7] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .picture[data-v-970a9ac7] {
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .mainbox {
        &[data-v-970a9ac7] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding: 20px 25px;
            background-color: #FFF;
            border-radius: 5px;
            overflow: hidden;
        }

        .names {
            &[data-v-970a9ac7] {
                float: left;
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

            .name {
                &[data-v-970a9ac7] {
                    width: 85%;
                    line-height: 30px;
                    font-size: 22px;
                    font-weight: bold;
                    color: #282828;
                }

                .el-tag[data-v-970a9ac7] {
                    font-weight: normal;
                    font-size: 12px;
                }
            }

            .btn {
                &[data-v-970a9ac7] {
                    float: right;
                }

                .el-button[data-v-970a9ac7] {
                    width: 120px;
                    height: 36px;
                    font-size: 16px;
                }
            }
        }

        .basic {
            &[data-v-970a9ac7] {
                float: left;
                width: 80%;
                margin-top: 15px;
            }

            .item[data-v-970a9ac7] {
                float: left;
                width: 50%;
                line-height: 30px;
                font-size: 14px;
                color: #606266;
            }
        }

        .content {
            &[data-v-970a9ac7] {
                float: left;
                width: 100%;
                margin-top: 15px;
                border-top: 1px #F3F3F3 solid;
                padding-top: 15px;
                line-height: 30px;
                font-size: 14px;
                color: #303130;
            }

            .more[data-v-970a9ac7] {
                width: 100%;
                display: block;
                text-align: center;
                color: #0092EF;
                margin-left: 5px;
                cursor: pointer;
            }
        }
    }

    .companybox {
        &[data-v-970a9ac7] {
            margin: auto;
            width: 1200px;
            margin-top: 15px;
            padding: 20px 25px;
            background-color: #FFF;
            border-radius: 5px;
        }

        .titles {
            &[data-v-970a9ac7] {
                width: 100%;
                height: 30px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left[data-v-970a9ac7] {
                width: 50%;
                font-size: 18px;
                font-weight: bold;
                color: #282828;
            }

            .right {
                &[data-v-970a9ac7] {
                    float: right;
                    padding-right: 0px;
                }

                .search {
                    &[data-v-970a9ac7] {
                        width: 200px;
                        height: 30px;
                        padding: 0 15px;
                        border: 1px #DCDFE6 solid;
                        background-color: #FFF;
                        border-radius: 30px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .inp[data-v-970a9ac7] {
                        width: 155px;
                        line-height: 26px;
                        font-size: 13px;
                        outline: none;
                        border: none;
                    }

                    .el-icon[data-v-970a9ac7] {
                        margin-right: 15px;
                        color: #606266;
                        cursor: pointer;
                    }
                }
            }
        }

        .content {
            &[data-v-970a9ac7] {
                width: 100%;
                margin-top: 15px;
            }

            .list {
                &[data-v-970a9ac7] {
                    width: 100%;
                    padding: 10px 0;
                    line-height: 25px;
                    display: flex;
                    border-bottom: 1px #EEE solid;
                    font-size: 14px;
                    color: #303130;
                }

                .l1[data-v-970a9ac7] {
                    width: 10%;
                    text-align: center;
                }

                .l2[data-v-970a9ac7] {
                    width: 38%;
                }

                .l3[data-v-970a9ac7] {
                    width: 60%;
                }

                .l4[data-v-970a9ac7] {
                    width: 12%;
                    text-align: center;
                }
            }
        }

        .pager[data-v-970a9ac7] {
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    .standbox {
        &[data-v-970a9ac7] {
            margin: auto;
            width: 1200px;
            margin-top: 15px;
            padding: 30px 25px;
            padding-top: 20px;
            background-color: #FFF;
            border-radius: 5px;
            overflow: hidden;
        }

        .titles {
            &[data-v-970a9ac7] {
                float: left;
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-970a9ac7] {
                    width: 50%;
                }

                span[data-v-970a9ac7] {
                    width: 100%;
                    line-height: 30px;
                    font-size: 18px;
                    font-weight: bold;
                    color: #282828;
                }

                p[data-v-970a9ac7] {
                    width: 100%;
                    line-height: 25px;
                    font-size: 12px;
                    color: #A8ABB2;
                }
            }

            .right {
                &[data-v-970a9ac7] {
                    float: right;
                    display: flex;
                    justify-content: center;
                }

                .item {
                    &[data-v-970a9ac7] {
                        font-size: 14px;
                        color: #909399;
                        display: flex;
                        align-items: center;
                        margin: 0px 10px;
                    }

                    span[data-v-970a9ac7] {
                        width: 16px;
                        height: 16px;
                        display: block;
                        margin-right: 5px;
                    }

                    .normal[data-v-970a9ac7] {
                        border: 1px #EEE solid;
                    }

                    .orange[data-v-970a9ac7] {
                        background-color: #E6A23C;
                    }

                    .red[data-v-970a9ac7] {
                        background-color: #F56C6C;
                    }
                }
            }
        }

        .content {
            &[data-v-970a9ac7] {
                float: left;
                width: 100%;
                margin-top: 15px;
            }

            .item {
                &[data-v-970a9ac7] {
                    float: left;
                    width: 83px;
                    line-height: 43px;
                    text-align: center;
                    font-size: 16px;
                    margin: 10px 15px;
                    border: 1px #EEE solid;
                    cursor: pointer;
                }

                .red[data-v-970a9ac7] {
                    width: 100%;
                    line-height: 43px;
                    background-color: #F56C6C;
                    color: #FFF;
                }

                .orange[data-v-970a9ac7] {
                    width: 100%;
                    line-height: 43px;
                    background-color: #E6A23C;
                    color: #FFF;
                }
            }
        }

        .hint[data-v-970a9ac7] {
            float: left;
            width: 100%;
            height: 40px;
            margin-top: 15px;
        }

        .pager[data-v-970a9ac7] {
            float: left;
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

.emptybox {
    &[data-v-970a9ac7] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-970a9ac7] {
            width: 100%;
            text-align: center;
        }

        img[data-v-970a9ac7] {
            width: 250px;
        }
    }

    .hint[data-v-970a9ac7] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-970a9ac7] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-970a9ac7] {
    background-color: #fff;
    height: 500px;
    margin-top: 0;
    padding-top: 100px
}

.grey div[data-v-970a9ac7] {
    color: #909399
}

.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:hover {
    background-color: var(--el-fill-color-light);
    font-weight: 700;
    cursor: pointer
}

.el-date-table {
    font-size: 12px;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
    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 .el-date-table-cell {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.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 .el-date-table-cell {
    height: 30px;
    padding: 3px 0;
    box-sizing: border-box
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%
}

.el-date-table td.today.start-date .el-date-table-cell__text,
.el-date-table td.today.end-date .el-date-table-cell__text {
    color: #fff
}

.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    color: #fff;
    background-color: var(--el-datepicker-active-color)
}

.el-date-table td.start-date .el-date-table-cell,
.el-date-table td.end-date .el-date-table-cell {
    color: #fff
}

.el-date-table td.start-date .el-date-table-cell__text,
.el-date-table td.end-date .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color)
}

.el-date-table td.start-date .el-date-table-cell {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table td.end-date .el-date-table-cell {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td.disabled .el-date-table-cell {
    background-color: var(--el-fill-color-light);
    opacity: 1;
    cursor: not-allowed;
    color: var(--el-text-color-placeholder)
}

.el-date-table td.selected .el-date-table-cell {
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 15px
}

.el-date-table td.selected .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff;
    border-radius: 15px
}

.el-date-table td.week {
    font-size: 80%;
    color: var(--el-datepicker-header-text-color)
}

.el-date-table th {
    padding: 5px;
    color: var(--el-datepicker-header-text-color);
    font-weight: 400;
    border-bottom: solid 1px var(--el-border-color-lighter)
}

.el-month-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-month-table td {
    width: 68px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    position: relative
}

.el-month-table td div {
    height: 48px;
    padding: 6px 0;
    box-sizing: border-box
}

.el-month-table td.today.start-date .cell,
.el-month-table td.today.end-date .cell {
    color: #fff
}

.el-month-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    cursor: not-allowed;
    color: var(--el-text-color-placeholder)
}

.el-month-table td.disabled .cell:hover {
    color: var(--el-text-color-placeholder)
}

.el-month-table td .cell {
    width: 54px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: var(--el-datepicker-text-color);
    margin: 0 auto;
    border-radius: 18px;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.el-month-table td.start-date div,
.el-month-table td.end-date div {
    color: #fff
}

.el-month-table td.start-date .cell,
.el-month-table td.end-date .cell {
    color: #fff;
    background-color: var(--el-datepicker-active-color)
}

.el-month-table td.start-date div {
    margin-left: 3px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.el-month-table td.end-date div {
    margin-right: 3px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.el-month-table td.current:not(.disabled) .cell {
    color: #fff;
    background-color: var(--el-datepicker-active-color)
}

.el-year-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-year-table td {
    width: 68px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    position: relative
}

.el-year-table td div {
    height: 48px;
    padding: 6px 0;
    box-sizing: border-box
}

.el-year-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    cursor: not-allowed;
    color: var(--el-text-color-placeholder)
}

.el-year-table td.disabled .cell:hover {
    color: var(--el-text-color-placeholder)
}

.el-year-table td .cell {
    width: 54px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: var(--el-datepicker-text-color);
    border-radius: 18px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.el-year-table td.current:not(.disabled) .cell {
    color: #fff;
    background-color: var(--el-datepicker-active-color)
}

.el-time-spinner__wrapper {
    max-height: 192px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.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__input.el-input .el-input__inner {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.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-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-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-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-collapse-transition-leave-active,
.el-collapse-transition-enter-active {
    transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.el-picker__popper {
    --el-datepicker-border-color: var(--el-disabled-border-color)
}

.el-picker__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-datepicker-border-color);
    box-shadow: var(--el-box-shadow-light)
}

.el-picker__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-datepicker-border-color)
}

.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent;
    border-bottom-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;
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.el-date-editor.el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
    width: var(--el-date-editor-width);
    height: var(--el-input-height, var(--el-component-size))
}

.el-date-editor--monthrange {
    --el-date-editor-width: var(--el-date-editor-monthrange-width)
}

.el-date-editor--daterange,
.el-date-editor--timerange {
    --el-date-editor-width: var(--el-date-editor-daterange-width)
}

.el-date-editor--datetimerange {
    --el-date-editor-width: var(--el-date-editor-datetimerange-width)
}

.el-date-editor .close-icon,
.el-date-editor .clear-icon {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    height: inherit;
    font-size: 14px;
    color: var(--el-text-color-placeholder);
    float: left
}

.el-date-editor .el-range-input {
    appearance: none;
    border: none;
    outline: none;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    width: 39%;
    text-align: center;
    font-size: var(--el-font-size-base);
    color: var(--el-text-color-regular);
    background-color: transparent
}

.el-date-editor .el-range-separator {
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 5px;
    margin: 0;
    font-size: 14px;
    overflow-wrap: break-word;
    color: var(--el-text-color-primary)
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: var(--el-text-color-placeholder);
    height: inherit;
    width: unset;
    cursor: pointer
}

.el-range-editor.el-input__wrapper {
    display: inline-flex;
    align-items: center;
    padding: 0 10px
}

.el-range-editor--large .el-range-separator {
    line-height: 40px;
    font-size: 14px
}

.el-range-editor--large .el-range-input {
    height: 38px;
    line-height: 38px;
    font-size: 14px
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 12px
}

.el-range-editor--small .el-range-input {
    height: 22px;
    line-height: 22px;
    font-size: 12px
}

.el-range-editor.is-disabled {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-range-editor.is-disabled:hover,
.el-range-editor.is-disabled:focus {
    border-color: var(--el-disabled-border-color)
}

.el-picker-panel {
    color: var(--el-text-color-regular);
    background: var(--el-bg-color-overlay);
    border-radius: var(--el-border-radius-base);
    line-height: 30px
}

.el-picker-panel .el-time-panel {
    margin: 5px 0;
    border: solid 1px var(--el-datepicker-border-color);
    background-color: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-picker-panel__body:after,
.el-picker-panel__body-wrapper: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 12px;
    text-align: right;
    background-color: var(--el-bg-color-overlay);
    position: relative;
    font-size: 0
}

.el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 28px;
    font-size: 14px;
    color: var(--el-datepicker-text-color);
    padding-left: 12px;
    text-align: left;
    outline: none;
    cursor: pointer
}

.el-picker-panel__btn {
    border: 1px solid var(--el-fill-color-darker);
    color: var(--el-text-color-primary);
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px
}

.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 *[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: var(--el-bg-color-overlay);
    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-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary)
}

.el-date-picker {
    width: 322px
}

.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--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: solid 1px var(--el-border-color-lighter)
}

.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:focus-visible {
    outline: none;
    color: var(--el-datepicker-hover-text-color)
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
}

.el-date-range-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary)
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
}

.el-date-range-picker__content {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 16px
}

.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: #ffffff
}

.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-time-panel {
    border-radius: 2px;
    position: relative;
    width: 180px;
    left: 0;
    z-index: var(--el-index-top);
    user-select: none;
    box-sizing: content-box
}

.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: -16px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left
}

.el-time-panel__content:before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%;
    border-top: 1px solid var(--el-border-color-light);
    border-bottom: 1px solid var(--el-border-color-light)
}

.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: transparent;
    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))
}

.footerbox {
    &[data-v-3b4105a4] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-3b4105a4] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-3b4105a4] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-3b4105a4] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-3b4105a4] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-3b4105a4] {
    margin-top: 20px
}

.pager[data-v-3b4105a4] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.inviteform[data-v-3b4105a4] {
    margin: auto;
    width: 90%
}

.hint[data-v-3b4105a4] {
    width: 100%;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #c0c4cc
}

.footerbox {
    &[data-v-db976f5f] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-db976f5f] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-db976f5f] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-db976f5f] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-db976f5f] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-db976f5f] {
    margin-top: 20px
}

.pager[data-v-db976f5f] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.reportform[data-v-db976f5f] {
    width: 100%
}

.hint[data-v-db976f5f] {
    width: 100%;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #c0c4cc
}

.header[data-v-5f1ae254] {
    width: 100%;
    height: 45px;
    padding: 0 20px;
    border-bottom: 1px #EEE solid;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header .left[data-v-5f1ae254] {
    width: 150px;
    font-size: 16px;
    font-weight: 700
}

.header .right[data-v-5f1ae254] {
    float: right;
    text-align: right;
    cursor: pointer
}

.mainbox[data-v-5f1ae254] {
    margin: 0 auto auto;
    width: 1300px
}

.mainbox .chatbox[data-v-5f1ae254] {
    border-radius: 10px
}

[data-v-5f1ae254] .el-tabs__nav-wrap:after {
    height: 1px
}

iframe[data-v-5f1ae254] {
    width: 100%;
    border: 0
}

[data-v-5f1ae254] .mydialog {
    padding: 0;
    margin: 0 auto;
    margin-left: calc(15% + 80px)
}

.header {
    &[data-v-37e293be] {
        width: 100%;
        height: 45px;
        padding: 0 20px;
        border-bottom: 1px #EEE solid;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left[data-v-37e293be] {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }

    .right[data-v-37e293be] {
        float: right;
        text-align: right;
        cursor: pointer;
    }
}

.componentbox {
    &[data-v-37e293be] {
        width: 100%;
        margin-top: -16px;
        background-color: #f1f2f9;
        padding: 20px;
        display: flex;
        justify-content: space-between
    }

    .resumebox {
        &[data-v-37e293be] {
            float: left;
            width: calc(100% - 325px);
        }

        .basicbox {
            &[data-v-37e293be] {
                float: left;
                width: calc(100% - 15px);
                padding: 20px 20px;
                background-color: #FFF;
                border-radius: 5px;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-37e293be] {
                    width: 70px;
                    line-height: 55px;
                }

                .avatar {
                    &[data-v-37e293be] {
                        width: 70px;
                        position: relative;
                    }

                    .img[data-v-37e293be] {
                        width: 55px;
                        height: 55px;
                        border-radius: 100%;
                    }

                    .gender[data-v-37e293be] {
                        position: absolute;
                        top: 0px;
                        left: 40px;
                        width: 18px;
                        height: 18px;
                        border-radius: 100%;
                        z-index: 2;
                    }
                }
            }

            .right {
                &[data-v-37e293be] {
                    width: calc(100% - 70px);
                }

                .names {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        line-height: 25px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .lef {
                        &[data-v-37e293be] {
                            width: 80%;
                            line-height: 25px;
                            display: flex;
                            align-items: center;
                        }

                        .name[data-v-37e293be] {
                            width: auto;
                            font-size: 16px;
                            font-weight: bold;
                            color: #303133;
                        }

                        span[data-v-37e293be] {
                            line-height: 18px;
                            border-radius: 3px;
                            font-size: 12px;
                            padding: 0px 7px;
                            margin-left: 10px;
                        }

                        .one[data-v-37e293be] {
                            background-color: #E5FBF8;
                            border: 0px #AEF2EA solid;
                            color: #08D8C2;
                        }

                        .two[data-v-37e293be] {
                            background-color: #F2FCFB;
                            border: 0px #AEF2EA solid;
                            color: #1EB099;
                        }

                        .three[data-v-37e293be] {
                            background-color: #F5F7FA;
                            border: 0px #C2CFF2 solid;
                            color: #2787FF;
                        }

                        .four[data-v-37e293be] {
                            background-color: #F5F7FA;
                            border: 0px #EEE solid;
                            color: #AAA;
                        }
                    }

                    .rig {
                        &[data-v-37e293be] {
                            float: right;
                        }

                        .el-link {
                            &[data-v-37e293be] {
                                color: #909399;
                            }

                            .el-icon[data-v-37e293be] {
                                margin-right: 4px;
                            }
                        }
                    }
                }

                .base {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        line-height: 25px;
                        margin-top: 5px;
                        display: flex;
                        align-items: center;
                    }

                    .item {
                        &[data-v-37e293be] {
                            color: #606266;
                        }

                        i[data-v-37e293be] {
                            margin: 0 7px;
                            color: #DCDFE6;
                            font-size: 11px;
                        }
                    }
                }

                .contact {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                    }

                    .el-link {
                        &[data-v-37e293be] {
                            border: 1px #A0CFFF solid;
                            padding: 3px 10px;
                            border-radius: 5px;
                        }

                        .el-icon[data-v-37e293be] {
                            margin-right: 3px;
                        }
                    }

                    .list {
                        &[data-v-37e293be] {
                            width: 100%;
                        }

                        .item {
                            &[data-v-37e293be] {
                                width: 100%;
                                line-height: 30px;
                                font-size: 14px;
                                color: #303133;
                                display: flex;
                                align-items: center;
                            }

                            .el-icon[data-v-37e293be] {
                                margin-right: 5px;
                                color: #909399;
                            }
                        }
                    }
                }
            }
        }

        .otherbox {
            &[data-v-37e293be] {
                float: left;
                width: calc(100% - 15px);
                padding: 20px 20px;
                padding-bottom: 50px;
                background-color: #FFF;
                border-radius: 5px;
                margin-top: 10px;
            }

            .expectbox {
                &[data-v-37e293be] {
                    float: left;
                    width: 100%;
                    margin-bottom: 10px;
                }

                .list {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        margin-bottom: 10px;
                    }

                    .expect {
                        &[data-v-37e293be] {
                            float: left;
                            width: 100%;
                            height: 30px;
                            display: flex;
                            align-items: center;
                        }

                        div[data-v-37e293be] {
                            color: #303030;
                            font-weight: bold;
                        }

                        span[data-v-37e293be] {
                            margin-left: 20px;
                            color: #0092EF;
                        }
                    }

                    .basic {
                        &[data-v-37e293be] {
                            float: left;
                            width: 100%;
                            height: 20px;
                            display: flex;
                            align-items: center;
                        }

                        span {
                            &[data-v-37e293be] {
                                color: #909399;
                            }

                            i[data-v-37e293be] {
                                margin: 0 7px;
                                color: #DCDFE6;
                                font-size: 11px;
                            }
                        }
                    }
                }
            }

            .appraisebox {
                &[data-v-37e293be] {
                    float: left;
                    width: 100%;
                    margin-bottom: 10px;
                }

                .tag {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        margin-top: 5px;
                    }

                    span[data-v-37e293be] {
                        float: left;
                        background-color: #F0F2F5;
                        border-radius: 3px;
                        padding: 3px 10px;
                        font-size: 12px;
                        color: #909399;
                        margin: 5px 0;
                        margin-right: 10px;
                    }
                }

                .appraise {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        margin-top: 5px;
                    }

                    div {
                        &[data-v-37e293be] {
                            width: 100%;
                            line-height: 25px;
                            color: #303133;
                        }

                        i[data-v-37e293be] {
                            margin-left: 5px;
                            color: #0092EF;
                            cursor: pointer;
                        }
                    }
                }
            }

            .commonbox {
                &[data-v-37e293be] {
                    float: left;
                    width: 100%;
                    margin-bottom: 10px;
                }

                .list {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                        margin-bottom: 10px;
                    }

                    .onename {
                        &[data-v-37e293be] {
                            float: left;
                            width: 100%;
                            height: 30px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        div[data-v-37e293be] {
                            width: 60%;
                            font-size: 14px;
                            font-weight: bold;
                            color: #303030;
                        }

                        span[data-v-37e293be] {
                            float: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }
                    }

                    .twoname {
                        &[data-v-37e293be] {
                            float: left;
                            width: 100%;
                            height: 20px;
                            margin-top: 5px;
                            font-size: 14px;
                            color: #909399;
                        }

                        span[data-v-37e293be] {
                            margin-left: 0px;
                        }
                    }

                    .summary[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        margin-top: 5px;
                        line-height: 25px;
                        color: #606266;
                    }
                }
            }

            .tagbox {
                &[data-v-37e293be] {
                    float: left;
                    width: 100%;
                    margin-bottom: 10px;
                }

                .conte {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                    }

                    .item {
                        &[data-v-37e293be] {
                            float: left;
                            background-color: #F2F3F5;
                            border-radius: 3px;
                            padding: 5px 10px;
                            font-size: 14px;
                            color: #303030;
                            margin: 5px 0;
                            margin-right: 10px;
                        }

                        span[data-v-37e293be] {
                            background-color: #ECF5FF;
                            border-radius: 3px;
                            padding: 2px 5px;
                            font-size: 12px;
                            color: #0092EF;
                            margin-left: 5px;
                        }
                    }
                }
            }

            .opusbox {
                &[data-v-37e293be] {
                    float: left;
                    width: 100%;
                    margin-bottom: 10px;
                }

                .list {
                    &[data-v-37e293be] {
                        float: left;
                        width: 100%;
                    }

                    .name[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        font-size: 14px;
                        color: #303030;
                        font-weight: bold;
                    }

                    .picture {
                        &[data-v-37e293be] {
                            float: left;
                            width: 100%;
                        }

                        .el-image[data-v-37e293be] {
                            width: 90px;
                            height: 90px;
                            border-radius: 5px;
                            margin-right: 10px;
                        }
                    }
                }
            }
        }
    }

    .operatebox {
        &[data-v-37e293be] {
            float: right;
            width: 320px;
        }

        .operate {
            &[data-v-37e293be] {
                float: left;
                width: 100%;
                padding: 20px 20px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .title[data-v-37e293be] {
                float: left;
                width: 100%;
                line-height: 30px;
                font-size: 16px;
                color: #303133;
            }

            .btns {
                &[data-v-37e293be] {
                    float: left;
                    width: 100%;
                    text-align: center;
                    padding: 15px 0;
                }

                .el-button[data-v-37e293be] {
                    width: 130px;
                    height: 35px;
                    border: none;
                }
            }

            .icons {
                &[data-v-37e293be] {
                    float: left;
                    width: 100%;
                    position: relative;
                }

                .item {
                    &[data-v-37e293be] {
                        float: left;
                        width: 20%;
                        margin-top: 15px;
                        cursor: pointer;
                    }

                    div {
                        &[data-v-37e293be] {
                            float: left;
                            width: 100%;
                            height: 25px;
                            text-align: center;
                        }

                        img[data-v-37e293be] {
                            width: 25px;
                            height: 25px;
                        }
                    }

                    span[data-v-37e293be] {
                        float: left;
                        width: 100%;
                        line-height: 25px;
                        text-align: center;
                        color: #606266;
                        font-size: 12px;
                    }
                }

                .qrimg {
                    &[data-v-37e293be] {
                        position: absolute;
                        top: 60px;
                        left: 30px;
                        width: 120px;
                        height: 120px;
                        border: 1px #F5F5F5 solid;
                        background-color: #FFF;
                        border-radius: 5px;
                        z-index: 2;
                        padding: 10px;
                    }

                    img[data-v-37e293be] {
                        width: 100px;
                        height: 100px;
                    }
                }
            }
        }
    }
}

.titles {
    &[data-v-37e293be] {
        float: left;
        width: 100%;
        height: 35px;
        margin-bottom: 5px;
        position: relative
    }

    span[data-v-37e293be] {
        float: left;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    i[data-v-37e293be] {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 16px;
        height: 3px;
        background-color: #0092EF;
        border-radius: 3px;
        z-index: 2;
    }
}

[data-v-37e293be] .mydialog {
    padding: 0;
    margin: 0 auto;
    margin-left: calc(15% + 80px)
}

.pagebox {
    &[data-v-7179ad64] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .infobox {
        &[data-v-7179ad64] {
            width: 100%;
            min-height: 300px;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: 100% 200px;
            padding-top: 220px;
        }

        .numbox {
            &[data-v-7179ad64] {
                margin: auto;
                width: 1200px;
                background-color: #FFF;
                border-radius: 10px;
                min-height: 100px;
                padding: 20px 25px;
                overflow: hidden;
            }

            .num {
                &[data-v-7179ad64] {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                }

                .item {
                    &[data-v-7179ad64] {
                        width: 25%;
                    }

                    span[data-v-7179ad64] {
                        float: left;
                        width: 100%;
                        line-height: 50px;
                        text-align: center;
                        font-size: 20pt;
                        font-weight: bold;
                    }

                    i[data-v-7179ad64] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        text-align: center;
                        font-size: 16px;
                        color: #A8ABB2;
                    }
                }
            }

            .about {
                &[data-v-7179ad64] {
                    float: left;
                    width: 100%;
                    margin-top: 15px;
                    border-top: 1px #F3F3F3 solid;
                    padding-top: 15px;
                    line-height: 30px;
                    font-size: 14px;
                    color: #606266;
                }

                .more[data-v-7179ad64] {
                    width: 100%;
                    display: block;
                    text-align: center;
                    color: #0092EF;
                    margin-left: 5px;
                    cursor: pointer;
                }
            }
        }
    }

    .navigaterbox {
        &[data-v-7179ad64] {
            margin: auto;
            width: 1200px;
            margin-top: 5px;
            padding: 20px 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-7179ad64] {
                width: 900px;
                padding-left: 0px;
                display: flex;
            }

            .item {
                &[data-v-7179ad64] {
                    position: relative;
                    width: 160px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                span[data-v-7179ad64] {
                    float: left;
                    width: 100%;
                    line-height: 40px;
                    text-align: center;
                    color: #282828;
                    font-weight: bold;
                    font-size: 18px;
                }
            }

            .active {
                span[data-v-7179ad64] {
                    background-color: #0092EF;
                    border-radius: 40px;
                    color: #FFF;
                }
            }
        }

        .right {
            &[data-v-7179ad64] {
                float: right;
                padding-right: 0px;
            }

            .search {
                &[data-v-7179ad64] {
                    width: 300px;
                    height: 40px;
                    padding-left: 15px;
                    padding-right: 5px;
                    border: 1px #DCDFE6 solid;
                    background-color: #FFF;
                    border-radius: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .inp[data-v-7179ad64] {
                    width: 155px;
                    line-height: 28px;
                    font-size: 14px;
                    outline: none;
                    border: none;
                }

                .btn[data-v-7179ad64] {
                    float: right;
                    width: 60px;
                    line-height: 28px;
                    background-color: #0092EF;
                    border-radius: 30px;
                    color: #FFF;
                    text-align: center;
                    cursor: pointer;
                }
            }
        }
    }

    .companybox {
        &[data-v-7179ad64] {
            margin: auto;
            width: 1242px;
            padding-left: 21px;
        }

        .content {
            &[data-v-7179ad64] {
                float: left;
                width: 1221px;
            }

            .list {
                &[data-v-7179ad64] {
                    float: left;
                    width: 386px;
                    margin-right: 21px;
                    padding: 15px 15px;
                    background-color: #FFF;
                    border-radius: 10px;
                    margin-bottom: 21px;
                }

                .up {
                    &[data-v-7179ad64] {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                    }

                    .left {
                        &[data-v-7179ad64] {
                            width: 65px;
                        }

                        img[data-v-7179ad64] {
                            width: 50px;
                            height: 50px;
                            border-radius: 5px;
                            border: 1px #EEE solid;
                        }
                    }

                    .right {
                        &[data-v-7179ad64] {
                            width: calc(100% - 65px);
                        }

                        .name[data-v-7179ad64] {
                            width: 100%;
                            height: 30px;
                            line-height: 30px;
                            font-size: 15px;
                            font-weight: bold;
                            color: #282828;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            cursor: pointer;
                        }

                        .base {
                            &[data-v-7179ad64] {
                                width: 100%;
                                line-height: 25px;
                                font-size: 13px;
                                color: #A8ABB2;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            span[data-v-7179ad64] {
                                color: #A8ABB2;
                            }
                        }
                    }
                }

                .midd {
                    &[data-v-7179ad64] {
                        width: 100%;
                        height: 120px;
                        margin-top: 10px;
                    }

                    .joblist {
                        &[data-v-7179ad64] {
                            width: 100%;
                            height: 40px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .name[data-v-7179ad64] {
                            width: 65%;
                            font-size: 15px;
                            font-weight: bold;
                            color: #282828;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            cursor: pointer;
                        }

                        .salary[data-v-7179ad64] {
                            float: right;
                            font-size: 15px;
                            color: #F56C6C;
                        }
                    }
                }

                .down {
                    &[data-v-7179ad64] {
                        width: 100%;
                        height: 30px;
                        margin-top: 10px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .chat[data-v-7179ad64] {
                        float: left;
                    }

                    .more[data-v-7179ad64] {
                        float: right;
                        font-size: 14px;
                        color: #909399;
                        cursor: pointer;
                    }
                }
            }
        }

        .pager[data-v-7179ad64] {
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    .personbox {
        &[data-v-7179ad64] {
            margin: auto;
            width: 1240px;
            padding-left: 21px;
        }

        .content {
            &[data-v-7179ad64] {
                float: left;
                width: 1220px;
            }

            .list {
                &[data-v-7179ad64] {
                    float: left;
                    width: 285px;
                    margin-right: 20px;
                    padding: 15px 15px;
                    background-color: #FFF;
                    border-radius: 10px;
                    margin-bottom: 20px;
                }

                .up {
                    &[data-v-7179ad64] {
                        width: 100%;
                        cursor: pointer;
                    }

                    .avatar {
                        &[data-v-7179ad64] {
                            width: 100%;
                            text-align: center;
                            position: relative;
                        }

                        .big[data-v-7179ad64] {
                            width: 50px;
                            height: 50px;
                            border-radius: 100%;
                        }

                        .gender[data-v-7179ad64] {
                            position: absolute;
                            left: 50%;
                            bottom: 0;
                            width: 20px;
                            height: 20px;
                        }
                    }

                    .name[data-v-7179ad64] {
                        width: 100%;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .other[data-v-7179ad64] {
                        width: 100%;
                        line-height: 25px;
                        text-align: center;
                        color: #A8ABB2;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .expect[data-v-7179ad64] {
                        width: 100%;
                        line-height: 25px;
                        text-align: center;
                        color: #606266;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                }

                .down[data-v-7179ad64] {
                    width: 100%;
                    margin-top: 10px;
                    text-align: center;
                }
            }
        }

        .pager[data-v-7179ad64] {
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    .signupbox {
        &[data-v-7179ad64] {
            position: fixed;
            z-index: 2;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background-color: rgba(22, 30, 50, .3);
        }

        .signup {
            &[data-v-7179ad64] {
                margin: auto;
                width: 300px;
                text-align: center;
                padding: 10px 0;
            }

            .el-button[data-v-7179ad64] {
                width: 120px;
            }
        }
    }
}

.emptybox {
    &[data-v-7179ad64] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-7179ad64] {
            width: 100%;
            text-align: center;
        }

        img[data-v-7179ad64] {
            width: 250px;
        }
    }

    .hint[data-v-7179ad64] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-7179ad64] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-7179ad64] {
    background-color: #fff;
    height: 500px;
    margin-top: 0;
    padding-top: 100px
}

.grey div[data-v-7179ad64] {
    color: #909399
}

.menubox[data-v-1da6a6c9] {
    float: left;
    width: 160px;
    min-height: 100%;
    background-color: #041f64
}

.menubox .menu[data-v-1da6a6c9] {
    float: left;
    width: 100%
}

.menubox .menu .list[data-v-1da6a6c9] {
    float: left;
    margin: 5px 0;
    padding-left: 20px;
    width: 155px;
    height: 45px;
    line-height: 45px;
    color: #c5c8d0;
    font-size: 15px;
    cursor: pointer
}

.menubox .menu .list[data-v-1da6a6c9]:hover {
    background-color: #324882;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.menubox .menu .list img[data-v-1da6a6c9] {
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.menubox .menu .active[data-v-1da6a6c9] {
    background-color: #324882;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.menubox .submenu[data-v-1da6a6c9] {
    float: left;
    width: 150px;
    margin-left: 5px;
    padding: 10px 0;
    background-color: #324882;
    border-radius: 5px
}

.menubox .submenu .list[data-v-1da6a6c9] {
    width: 100%;
    line-height: 40px;
    padding-left: 30px;
    color: #c5c8d0;
    font-size: 15px;
    cursor: pointer
}

.menubox .submenu .list[data-v-1da6a6c9]:hover {
    color: #fff
}

.el-button-group:before,
.el-button-group:after {
    display: table;
    content: ""
}

.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:hover,
.el-button-group>.el-button:focus,
.el-button-group>.el-button:active {
    z-index: 1
}

.el-button-group>.el-button.is-active {
    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-dropdown {
    --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);
    --el-dropdown-menu-index: 10;
    display: inline-flex;
    position: relative;
    color: var(--el-text-color-regular);
    font-size: var(--el-font-size-base);
    line-height: 1;
    vertical-align: top
}

.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);
    --el-dropdown-menu-index: 10
}

.el-dropdown__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    box-shadow: var(--el-dropdown-menu-box-shadow)
}

.el-dropdown__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent;
    border-bottom-color: transparent
}

.el-dropdown__popper .el-dropdown__list {
    list-style: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.el-dropdown .el-dropdown__caret-button {
    padding-left: 0;
    padding-right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    border-left: none
}

.el-dropdown .el-dropdown__caret-button:before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    top: -1px;
    bottom: -1px;
    left: 0;
    background: var(--el-overlay-color-lighter)
}

.el-dropdown-menu {
    position: relative;
    top: 0;
    left: 0;
    z-index: var(--el-dropdown-menu-index);
    padding: 5px 0;
    margin: 0;
    background-color: var(--el-bg-color-overlay);
    border: none;
    border-radius: var(--el-border-radius-base);
    box-shadow: none;
    list-style: none
}

.el-dropdown-menu__item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    list-style: none;
    line-height: 22px;
    padding: 5px 16px;
    margin: 0;
    font-size: var(--el-font-size-base);
    color: var(--el-text-color-regular);
    cursor: pointer;
    outline: none
}

.el-dropdown-menu__item:not(.is-disabled):hover,
.el-dropdown-menu__item:not(.is-disabled):focus {
    background-color: var(--el-dropdown-menuItem-hover-fill);
    color: var(--el-dropdown-menuItem-hover-color)
}

.el-dropdown-menu__item--divided {
    margin: 6px 0;
    border-top: 1px solid var(--el-border-color-lighter)
}

.el-dropdown-menu__item.is-disabled {
    cursor: not-allowed;
    color: var(--el-text-color-disabled)
}

.el-dropdown-menu--large .el-dropdown-menu__item {
    padding: 7px 20px;
    line-height: 22px;
    font-size: 14px
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    padding: 2px 12px;
    line-height: 20px;
    font-size: 12px
}

.payform[data-v-e2d135af] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.payform .header[data-v-e2d135af] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.payform .header .left[data-v-e2d135af] {
    width: calc(100% - 40px)
}

.payform .header .left div[data-v-e2d135af] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #282828;
    font-weight: 700
}

.payform .header .left span[data-v-e2d135af] {
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #c0c4cc
}

.payform .header .right[data-v-e2d135af] {
    float: right;
    text-align: right;
    width: 40px;
    cursor: pointer
}

.payform .servicelist[data-v-e2d135af] {
    display: flex
}

.payform .servicelist .item[data-v-e2d135af] {
    flex-shrink: 0;
    width: 150px;
    padding-top: 30px;
    padding-bottom: 10px;
    border: 1px #F0F2F5 solid;
    border-radius: 5px;
    margin-right: 12px;
    text-align: center;
    position: relative;
    cursor: pointer
}

.payform .servicelist .item .name[data-v-e2d135af] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.payform .servicelist .item .price[data-v-e2d135af] {
    width: 100%;
    line-height: 30px;
    padding: 10px 0;
    font-size: 14px;
    color: #f56c6c
}

.payform .servicelist .item .price i[data-v-e2d135af] {
    font-size: 18px;
    font-weight: 700
}

.payform .servicelist .item .costprice[data-v-e2d135af] {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #a8abb2;
    text-decoration: line-through
}

.payform .servicelist .item .integral[data-v-e2d135af] {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #d7b592
}

.payform .servicelist .item .select[data-v-e2d135af] {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    padding: 2px 10px;
    background-color: #0092ef;
    font-size: 12px;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.payform .servicelist .active[data-v-e2d135af] {
    background-color: #f2f6fc;
    border: 1px #0092EF solid
}

.payform .quanyi[data-v-e2d135af] {
    margin: 0 auto auto;
    width: 100%
}

.payform .quanyi .title[data-v-e2d135af] {
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #282828;
    position: relative
}

.payform .quanyi .title .icon[data-v-e2d135af] {
    position: absolute;
    bottom: 0;
    left: calc(50% - 5px);
    width: 6px;
    height: 6px
}

.payform .quanyi .title .icon[data-v-e2d135af]:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-left: transparent 6px solid;
    border-right: transparent 6px solid;
    border-top: none;
    border-bottom: 6px solid #EEE;
    margin: auto
}

.payform .quanyi .conte[data-v-e2d135af] {
    width: 100%;
    margin-top: 0;
    border: 1px #EEE solid;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 5%;
    overflow: hidden
}

.payform .quanyi .conte .item[data-v-e2d135af] {
    float: left;
    width: 33.3%;
    line-height: 30px;
    padding: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    border-bottom: 0px dashed #F8EBE4
}

.payform .quanyi .conte .item div[data-v-e2d135af] {
    width: 40%;
    color: #909399
}

.payform .quanyi .conte .item span[data-v-e2d135af] {
    width: 60%;
    color: #606266
}

.payform .paybox[data-v-e2d135af] {
    width: 100%;
    padding-top: 20px
}

.payform .paybox .money[data-v-e2d135af] {
    margin: 10px auto;
    width: 96%;
    display: flex;
    align-items: center
}

.payform .paybox .money div[data-v-e2d135af] {
    width: 80px;
    line-height: 30px;
    color: #a8abb2
}

.payform .paybox .money span[data-v-e2d135af] {
    line-height: 30px;
    color: #f56c6c
}

.payform .paybox .money span i[data-v-e2d135af] {
    font-weight: 700;
    font-size: 18px
}

.payform .paybox .paytype[data-v-e2d135af] {
    margin: 10px auto;
    width: 96%;
    display: flex;
    align-items: center
}

.payform .paybox .paytype .left[data-v-e2d135af] {
    width: 80px;
    line-height: 30px;
    color: #a8abb2
}

.payform .paybox .paytype .right[data-v-e2d135af] {
    display: flex;
    align-items: center
}

.payform .paybox .paytype .right .item[data-v-e2d135af] {
    width: 120px;
    line-height: 30px;
    margin-right: 10px;
    border: 1px #DCDFE6 solid;
    border-radius: 5px;
    color: #909399;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.payform .paybox .paytype .right .item img[data-v-e2d135af] {
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.payform .paybox .paytype .right .active[data-v-e2d135af] {
    border: 1px #258EFF solid;
    color: #282828;
    background: url(/assets/images/selected.png) bottom right no-repeat
}

.payform .paybox .qrcode[data-v-e2d135af] {
    margin: 20px auto 0;
    width: 100%
}

.payform .paybox .qrcode div[data-v-e2d135af] {
    width: 100%;
    text-align: center
}

.payform .paybox .qrcode div img[data-v-e2d135af] {
    width: 120px;
    height: 120px
}

.payform .paybox .qrcode span[data-v-e2d135af] {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #b8bbcc
}

.payform .paybox .hint[data-v-e2d135af] {
    margin: 10px auto;
    width: 100%;
    line-height: 25px;
    text-align: center;
    color: #a8abb2;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.payform .paybox .hint .el-button[data-v-e2d135af] {
    font-size: 12px
}

.footerbox {
    &[data-v-be885046] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-be885046] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-be885046] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-be885046] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-be885046] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-be885046] {
    margin-top: 20px
}

.pager[data-v-be885046] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.radiolist {
    &[data-v-be885046] {
        width: 100%;
        height: auto;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item[data-v-be885046] {
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #F1F5FE;
        border: 0px #F1F5FE solid;
        color: #666;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .over[data-v-be885046] {
        background-color: F1F5FE;
        border: 0px #8ACDFF solid;
        color: #0092EF;
    }
}

.taglist {
    &[data-v-be885046] {
        width: 100%;
        height: auto;
        margin-top: 0rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-be885046] {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 0px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #FFF;
            border: 1px #DCDFE6 solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-be885046] {
            margin-right: 5px;
            font-size: 12px;
        }
    }

    .over[data-v-be885046] {
        background-color: #FFF;
        border: 1px #DCDFE6 solid;
        color: #666;
    }
}

.a-radio {
    &[data-v-be885046] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .item[data-v-be885046] {
        width: 25%;
        line-height: 30px;
        margin-right: 10px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-be885046] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.i-radio {
    &[data-v-be885046] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .item[data-v-be885046] {
        width: 110px;
        line-height: 38px;
        margin-right: 20px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-be885046] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.aiagents {
    &[data-v-be885046] {
        position: absolute;
        bottom: 1px;
        left: 7px;
        height: 35px;
        width: 85%;
        padding-top: 5px;
        background-color: #fff
    }

    .aiagent {
        &[data-v-be885046] {
            width: 70px;
            line-height: 25px;
            padding: 0px 10px;
            border-radius: 5px;
            background-color: #E8F5FF;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        img[data-v-be885046] {
            width: 20px;
            height: 20px;
        }

        span[data-v-be885046] {
            color: #00B9E7;
            font-size: 12px;
        }
    }
}

.headbox[data-v-a3f3c5d9] {
    float: left;
    width: 100%;
    height: 45px;
    background-color: #fff;
    border-top-left-radius: 20px
}

.headbox .navigate[data-v-a3f3c5d9] {
    margin: auto;
    width: 1300px;
    min-width: 600px;
    height: 45px
}

.headbox .navigate .left[data-v-a3f3c5d9] {
    float: left;
    width: 200px;
    line-height: 45px;
    color: #282828;
    font-size: 16px;
    font-weight: 700
}

.headbox .navigate .right[data-v-a3f3c5d9] {
    float: right;
    height: 45px
}

.headbox .navigate .right .item[data-v-a3f3c5d9] {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 7.5px 0;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 13px;
    color: #757575;
    outline: none;
    cursor: pointer
}

.headbox .navigate .right .item[data-v-a3f3c5d9]:hover {
    background-color: #f1f5fe;
    color: #0092ef
}

.headbox .navigate .right .drop[data-v-a3f3c5d9] {
    float: left;
    outline: none;
    cursor: pointer
}

.headbox .navigate .right i[data-v-a3f3c5d9] {
    float: left;
    margin: 0 5px;
    line-height: 45px;
    font-size: 12px;
    color: #e5e5e5
}

.headbox .navigate .right .recruiter[data-v-a3f3c5d9] {
    float: left;
    position: relative;
    height: 30px;
    margin: 7.5px 0 7.5px 5px;
    padding: 0 5px;
    cursor: pointer;
    border-radius: 5px
}

.headbox .navigate .right .recruiter[data-v-a3f3c5d9]:hover {
    background-color: #f1f5fe
}

.headbox .navigate .right .recruiter:hover span[data-v-a3f3c5d9] {
    color: #0092ef
}

.headbox .navigate .right .recruiter span[data-v-a3f3c5d9] {
    float: left;
    line-height: 30px;
    font-size: 13px;
    color: #757575
}

.headbox .navigate .right .recruiter img[data-v-a3f3c5d9] {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-top: 0;
    margin-left: 10px
}

.headbox .navigate .right .el-popover[data-v-a3f3c5d9] {
    box-shadow: #0e121659 0 10px 18px -10px, #0e121633 0 10px 20px -15px;
    padding: 20px 20px 10px
}

.recruiterbox[data-v-a3f3c5d9] {
    width: 100%
}

.recruiterbox .basic[data-v-a3f3c5d9] {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px #F5F5F5 solid
}

.recruiterbox .basic .avatar[data-v-a3f3c5d9] {
    float: left;
    width: 60px
}

.recruiterbox .basic .avatar img[data-v-a3f3c5d9] {
    width: 45px;
    height: 45px;
    border-radius: 100%
}

.recruiterbox .basic .base[data-v-a3f3c5d9] {
    float: left;
    width: calc(100% - 60px)
}

.recruiterbox .basic .base .name[data-v-a3f3c5d9] {
    float: left;
    width: 100%;
    line-height: 25px;
    color: #282828;
    font-size: 18px;
    font-weight: 700
}

.recruiterbox .basic .base .name span[data-v-a3f3c5d9] {
    font-size: 12px;
    color: #b8bbcc;
    font-weight: 400;
    margin-left: 5px
}

.recruiterbox .basic .base .hold[data-v-a3f3c5d9] {
    float: left;
    width: 100%;
    line-height: 16px;
    margin-top: 4px
}

.recruiterbox .basic .base .hold span[data-v-a3f3c5d9] {
    line-height: 16px;
    background: linear-gradient(to bottom, #f80, #f60);
    border-radius: 35px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px
}

.recruiterbox .menu[data-v-a3f3c5d9] {
    float: left;
    width: 100%;
    padding-top: 5px
}

.recruiterbox .menu .item[data-v-a3f3c5d9] {
    width: 100%;
    text-align: left;
    display: inline-block;
    line-height: 40px;
    font-size: 14px
}

.recruiterbox .menu .item .el-icon[data-v-a3f3c5d9] {
    margin-right: 7.5px
}

.pagebox {
    &[data-v-d8e7701c] {
        width: 100%;
        height: 100%
    }

    .mainbox[data-v-d8e7701c] {
        float: left;
        width: calc(100% - 160px);
        min-height: 100%;
        background-color: #F1F2F9;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow: hidden;
    }
}

.header[data-v-9d246b57] {
    margin: auto;
    width: 1200px;
    padding: 20px 0;
    height: 100px
}

.header .left[data-v-9d246b57] {
    float: left;
    width: 400px;
    height: 60px;
    display: flex;
    align-items: center
}

.header .left span[data-v-9d246b57] {
    font-size: 16px;
    color: #909399
}

.header .left span i[data-v-9d246b57] {
    margin: 0 10px;
    font-size: 12px;
    color: #dcdfe6
}

.header .right[data-v-9d246b57] {
    float: right;
    line-height: 60px;
    font-size: 14px
}

.header .right .logout[data-v-9d246b57] {
    float: left
}

.header .right .logout .el-button[data-v-9d246b57] {
    color: #0092ef
}

.header .right .logout i[data-v-9d246b57] {
    margin: 0 15px;
    color: #b8bbcc
}

.header .right .phone[data-v-9d246b57] {
    float: left;
    color: #80869f
}

.s-canvas[data-v-3ffc9312] {
    height: 40px;
    margin-top: 0;
    border-radius: 3px;
    border: 1px #DCDFE6 solid;
    padding: 0;
    cursor: pointer;
    overflow: hidden
}

.logindialog[data-v-142a6185] {
    position: relative;
    width: 650px;
    height: 480px;
    margin-top: -35px;
    margin-left: -35px;
    margin-bottom: -35px;
    padding-right: 30px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.logindialog .close[data-v-142a6185] {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    z-index: 999
}

.logindialog .leftbox[data-v-142a6185] {
    width: 200px;
    height: 480px;
    background-image: url(/assets/leftbg-57a379d1.png)
}

.logindialog .loginbox[data-v-142a6185] {
    float: right;
    width: 370px;
    height: 450px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 5px
}

.logindialog .loginbox .title[data-v-142a6185] {
    width: 100%;
    height: 5px;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    color: #303133;
    font-weight: 700
}

.logindialog .loginbox .switch[data-v-142a6185] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px
}

.logindialog .loginbox .switch div[data-v-142a6185] {
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: block
}

.logindialog .loginbox .switch .qrcode[data-v-142a6185] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABJhJREFUeF7tndFxEzEQQFcM33RAA1RgOqABQg8M9gANkFQQxmHogaSCVBAqoAIqSAEccxNmiOPzrU72Sivp+TfSebXvZffOOp+DbIdB+nhdyya8i1rqdvghImdRY2seFOQ8IMAEwR4ECHIu63CBAFP/wa0L8A/+uHQE6E2AR/AR4FD/brUCPIGPAD0JMAEfAXoR4AB8BOhBgBn4cQJsQqjiUvdqeCuDXM/EerrPAYKcyTrcVJEXJUj9KgAB9lOIAA7dpwIkQaECpHwOQAVIks12EhUgKb9UACqAshvISSAngUm1JfckWkBSxmkBtABawJ4D2mYQVwFJ1cZ2Ei0gKb+0AFoALYAWMFc8Ui4Dvw0f5Y+8TqpJD5MuZRN+LprvvQVsh5WIfFq0pseDn8ulvF+Yk4g3s2kB2kmUFljKSZZ3AfT4DmdF2dLV0jn3dwTIdQ6QKoAh/HHpCOBZAGP4CHCoNmotzKZF7UaTAT4CeBUgE3wE8ChARvgI4E2AzPARwJMABeAjgBcBCsFHAA8CFISPAKUFKAwfAUoK4AA+ApQSwAl8BCghgCP4CJBbAJFX42NZjtm9O/Vcq82glQR5mRzsIHeyCb8Xzdd328p+OXQ7vJBNuF+0pgyDbQTIEPjeW3gXoEROIt4TAaaSZLEbGAGjxBAEQABuCt1zgArwKCUpN4WWqGWcAyRlnRZAC6AF0ALmigctYD87KfcEJhVo+0m0AFoALYAWQAvYzQCXgVwGzv5gRFfnAONia3gNMn758vNMqKfcDHoj63BbQ1q0GPWTQO0I9fz9NAI4288/Nv0IsOQqoDH449IRIFaABuEjwKH6+fQqoFH4CBAjQMPwEUAToHH4CDAnQJBf3m7gPPaMf2r+eBI4/kpm+69ncicfwteohX4fVhYPZIp678yD6vg5mMxJ6entEKAn2hNrRQAE6DwDnS+fCoAAnWeg8+VTARCg8wx0vnwqAAJ0noHOl9/PR8FGz9uv3Z8+bgjpYFcvVcT2BQD+rBttCwB8tTC0KwDwVfjt3hAC/Cj4bQoA/Gj47QkA/EXw4wSo5athIvetfF1rMcUjJugngbU8IOKIJPQ8FQF6ph/11TAqQNOKUAGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvzkaA7XDsj0bdevyBJT2d9Y2wEmB86ETaAybZ0s1qkS8BgJ8Vftz9ACmbQdrDlqeWCfzs8P0IAPwi8H0IAPxi8MsLAPyi8MsKAPzi8MsJAHwX8MsIAHw38PMLAHxX8PMKAHx38PMJAHyX8PMIAHy38O0FAL5r+LYCdPK8ffeElQBtdgM7et4+AtSegc7jt6kAnSe1puUjQE20DGJFAIOk1nRIBKiJlkGsCGCQ1JoOiQA10TKIFQEMklrTIRGgJloGsSKAQVJrOiQC1ETLIFYEMEhqTYdEgJpoGcQ6LwD7+QYp93XIwwIA3xcpo2imBQC+Ubr9HXZfAOD7o2QY0a4AwDdMtc9D/xcA+D4JGUf1IADwjdPs9/BBroYvsg4XfkMkMssM/AVTHxzOwEIO8QAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 28px
}

.logindialog .loginbox .switch .password[data-v-142a6185] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA5tJREFUeF7tnVFy1DAQBeUDwxWAK5ADL7WpgiogWckea96TpvNteUav27NekSJH+/l4NH50CXw9Dl3x1g4EUMbfWkMAMQB1eQRQExDXRwAxAHV5BFATENdHADEAdXkEUBMQ17cXQNygGE+8fO+cRZxv/xxA3GCcgPgOCCAGoC6PAGoC4voIIAagLo8AagLi+gggBqAujwBqAuL62wvQ26A4/+nle1+Te/n01k/eQPwcoLfByRuQ374HsJdPb/3kDSJANOAeQASIJmy+HgGK/04hAiDAyxnFR4D5CI+2xwRgAjABok/RyuuZAEwAJsDKT3C0dyYAE4AJEH2KVl7PBGACMAFWfoKjvTMBmABMgOhTtPL6yAQ42vf25fih3D7/HBxN/6oABvCfW0cAhQAm8BEgCv+5/uwEMIKPANkCmMFHgEwBDOEjQJYApvARIEOAt8c39Ve9V9vkW0BUgt5LYPT+k9cjQDRgBOAoOOqQcj0TIJo+E4AJEHVIuZ4JEE2fCcAEiDqkXM8EiKbPBCg8AYxP+Ea9ZgKMJvXvdRvA5yi4OHwEuCLAJk/+763zEXBGgs3gMwGKw0eAUQE2fPL5CAD+ewLxd4DRILnOMgEEsMSS1xQC5GVtWQkBLLHkNYUAeVlbVkIASyx5TSFAXtaWlRDAEkteU30B8nrJr7TxCd9omHUFAP7gSeCoSitdB/w/tOpNAOD/9ajWEgD4/83pOgIA/8MP6RoCAP/TN7T9BQD+y9fzY6WX9/dezf8Ey2p5IsBqxG7uFwFuDnS12yHAasRu7ncvAXjhO63HPgIA/zT854I9BAD+Jfh7CAD8y/DXFwD4IfhrCwD8MPx1BQD+LfDXFMD8/969jUzSjdb7FpAUTJUyCFCF9Cf7RAAEKJ5A8e0zARCgeALFt88EQIDiCRTfPhMAAYonUHz78QnQ+y3dkYA52x9Jaco1egGAPwXs6E21AgB/lNO063QCAH8a1DM31ggA/DOMpl6bLwDwpwI9e/NcAYB/ls/06/MEAP50mFcKxAW4UpU1NgkggA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSO/AFB5Ep/lW47IAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 28px
}

.logindialog .loginbox .navtitle[data-v-142a6185] {
    margin: 20px auto auto;
    width: 350px;
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logindialog .loginbox .navtitle .cur[data-v-142a6185] {
    width: calc(100% - 12px);
    line-height: 30px;
    text-align: center;
    margin: 5px 6px;
    background-color: #fff;
    border-radius: 5px;
    color: #282828;
    font-size: 16px;
    cursor: pointer
}

.logindialog .loginbox .loginform[data-v-142a6185] {
    margin: 20px auto auto;
    width: 350px
}

.logindialog .loginbox .loginform .smscode .el-button[data-v-142a6185] {
    position: absolute;
    top: 1px;
    right: 15px;
    background-color: #fff;
    line-height: 30px;
    font-size: 13px;
    z-index: 1;
    color: #0092ef
}

.logindialog .loginbox .loginform .smscode .el-button .dibtnsms[data-v-142a6185] {
    color: #aaa
}

.logindialog .loginbox .loginform .agreement[data-v-142a6185] {
    margin-top: 30px
}

.logindialog .loginbox .loginform .agreement .el-checkbox[data-v-142a6185] {
    margin: 0 5px 0 0;
    padding: 0
}

.logindialog .loginbox .loginform .agreement .text[data-v-142a6185] {
    width: auto;
    font-size: 12px;
    color: #b8bbcc
}

.logindialog .loginbox .loginform .agreement .text .el-button[data-v-142a6185] {
    font-size: 12px;
    padding: 0;
    margin: 0 0 0 -5px;
    color: #0092ef
}

.logindialog .loginbox .loginform .loginbtn[data-v-142a6185] {
    width: 100%
}

.logindialog .loginbox .loginform .sm[data-v-142a6185] {
    margin-bottom: 7.5px
}

.imgcode[data-v-142a6185] {
    float: right;
    width: 45%;
    height: 40px;
    margin-left: 5%
}

.imgcode img[data-v-142a6185] {
    float: right;
    height: 40px
}

.s-canvas[data-v-72a61506] {
    height: 40px;
    margin-top: 0;
    border-radius: 3px;
    border: 1px #DCDFE6 solid;
    padding: 0;
    cursor: pointer;
    overflow: hidden
}

.logindialog[data-v-5ae36cef] {
    position: relative;
    width: 650px;
    height: 480px;
    margin-top: -35px;
    margin-left: -35px;
    margin-bottom: -35px;
    padding-right: 30px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.logindialog .close[data-v-5ae36cef] {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    z-index: 999
}

.logindialog .leftbox[data-v-5ae36cef] {
    width: 200px;
    height: 480px;
    background-image: url(/assets/leftbg-57a379d1.png)
}

.logindialog .loginbox[data-v-5ae36cef] {
    float: right;
    width: 370px;
    height: 450px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 5px
}

.logindialog .loginbox .title[data-v-5ae36cef] {
    width: 100%;
    height: 5px;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    color: #303133;
    font-weight: 700
}

.logindialog .loginbox .switch[data-v-5ae36cef] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px
}

.logindialog .loginbox .switch div[data-v-5ae36cef] {
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: block
}

.logindialog .loginbox .switch .qrcode[data-v-5ae36cef] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABJhJREFUeF7tndFxEzEQQFcM33RAA1RgOqABQg8M9gANkFQQxmHogaSCVBAqoAIqSAEccxNmiOPzrU72Sivp+TfSebXvZffOOp+DbIdB+nhdyya8i1rqdvghImdRY2seFOQ8IMAEwR4ECHIu63CBAFP/wa0L8A/+uHQE6E2AR/AR4FD/brUCPIGPAD0JMAEfAXoR4AB8BOhBgBn4cQJsQqjiUvdqeCuDXM/EerrPAYKcyTrcVJEXJUj9KgAB9lOIAA7dpwIkQaECpHwOQAVIks12EhUgKb9UACqAshvISSAngUm1JfckWkBSxmkBtABawJ4D2mYQVwFJ1cZ2Ei0gKb+0AFoALYAWMFc8Ui4Dvw0f5Y+8TqpJD5MuZRN+LprvvQVsh5WIfFq0pseDn8ulvF+Yk4g3s2kB2kmUFljKSZZ3AfT4DmdF2dLV0jn3dwTIdQ6QKoAh/HHpCOBZAGP4CHCoNmotzKZF7UaTAT4CeBUgE3wE8ChARvgI4E2AzPARwJMABeAjgBcBCsFHAA8CFISPAKUFKAwfAUoK4AA+ApQSwAl8BCghgCP4CJBbAJFX42NZjtm9O/Vcq82glQR5mRzsIHeyCb8Xzdd328p+OXQ7vJBNuF+0pgyDbQTIEPjeW3gXoEROIt4TAaaSZLEbGAGjxBAEQABuCt1zgArwKCUpN4WWqGWcAyRlnRZAC6AF0ALmigctYD87KfcEJhVo+0m0AFoALYAWQAvYzQCXgVwGzv5gRFfnAONia3gNMn758vNMqKfcDHoj63BbQ1q0GPWTQO0I9fz9NAI4288/Nv0IsOQqoDH449IRIFaABuEjwKH6+fQqoFH4CBAjQMPwEUAToHH4CDAnQJBf3m7gPPaMf2r+eBI4/kpm+69ncicfwteohX4fVhYPZIp678yD6vg5mMxJ6entEKAn2hNrRQAE6DwDnS+fCoAAnWeg8+VTARCg8wx0vnwqAAJ0noHOl9/PR8FGz9uv3Z8+bgjpYFcvVcT2BQD+rBttCwB8tTC0KwDwVfjt3hAC/Cj4bQoA/Gj47QkA/EXw4wSo5athIvetfF1rMcUjJugngbU8IOKIJPQ8FQF6ph/11TAqQNOKUAGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvzkaA7XDsj0bdevyBJT2d9Y2wEmB86ETaAybZ0s1qkS8BgJ8Vftz9ACmbQdrDlqeWCfzs8P0IAPwi8H0IAPxi8MsLAPyi8MsKAPzi8MsJAHwX8MsIAHw38PMLAHxX8PMKAHx38PMJAHyX8PMIAHy38O0FAL5r+LYCdPK8ffeElQBtdgM7et4+AtSegc7jt6kAnSe1puUjQE20DGJFAIOk1nRIBKiJlkGsCGCQ1JoOiQA10TKIFQEMklrTIRGgJloGsSKAQVJrOiQC1ETLIFYEMEhqTYdEgJpoGcQ6LwD7+QYp93XIwwIA3xcpo2imBQC+Ubr9HXZfAOD7o2QY0a4AwDdMtc9D/xcA+D4JGUf1IADwjdPs9/BBroYvsg4XfkMkMssM/AVTHxzOwEIO8QAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 28px
}

.logindialog .loginbox .switch .password[data-v-5ae36cef] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA5tJREFUeF7tnVFy1DAQBeUDwxWAK5ADL7WpgiogWckea96TpvNteUav27NekSJH+/l4NH50CXw9Dl3x1g4EUMbfWkMAMQB1eQRQExDXRwAxAHV5BFATENdHADEAdXkEUBMQ17cXQNygGE+8fO+cRZxv/xxA3GCcgPgOCCAGoC6PAGoC4voIIAagLo8AagLi+gggBqAujwBqAuL62wvQ26A4/+nle1+Te/n01k/eQPwcoLfByRuQ374HsJdPb/3kDSJANOAeQASIJmy+HgGK/04hAiDAyxnFR4D5CI+2xwRgAjABok/RyuuZAEwAJsDKT3C0dyYAE4AJEH2KVl7PBGACMAFWfoKjvTMBmABMgOhTtPL6yAQ42vf25fih3D7/HBxN/6oABvCfW0cAhQAm8BEgCv+5/uwEMIKPANkCmMFHgEwBDOEjQJYApvARIEOAt8c39Ve9V9vkW0BUgt5LYPT+k9cjQDRgBOAoOOqQcj0TIJo+E4AJEHVIuZ4JEE2fCcAEiDqkXM8EiKbPBCg8AYxP+Ea9ZgKMJvXvdRvA5yi4OHwEuCLAJk/+763zEXBGgs3gMwGKw0eAUQE2fPL5CAD+ewLxd4DRILnOMgEEsMSS1xQC5GVtWQkBLLHkNYUAeVlbVkIASyx5TSFAXtaWlRDAEkteU30B8nrJr7TxCd9omHUFAP7gSeCoSitdB/w/tOpNAOD/9ajWEgD4/83pOgIA/8MP6RoCAP/TN7T9BQD+y9fzY6WX9/dezf8Ey2p5IsBqxG7uFwFuDnS12yHAasRu7ncvAXjhO63HPgIA/zT854I9BAD+Jfh7CAD8y/DXFwD4IfhrCwD8MPx1BQD+LfDXFMD8/969jUzSjdb7FpAUTJUyCFCF9Cf7RAAEKJ5A8e0zARCgeALFt88EQIDiCRTfPhMAAYonUHz78QnQ+y3dkYA52x9Jaco1egGAPwXs6E21AgB/lNO063QCAH8a1DM31ggA/DOMpl6bLwDwpwI9e/NcAYB/ls/06/MEAP50mFcKxAW4UpU1NgkggA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSO/AFB5Ep/lW47IAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 28px
}

.logindialog .loginbox .navtitle[data-v-5ae36cef] {
    margin: 20px auto auto;
    width: 350px;
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logindialog .loginbox .navtitle .cur[data-v-5ae36cef] {
    width: calc(100% - 12px);
    line-height: 30px;
    text-align: center;
    margin: 5px 6px;
    background-color: #fff;
    border-radius: 5px;
    color: #282828;
    font-size: 16px;
    cursor: pointer
}

.logindialog .loginbox .loginform[data-v-5ae36cef] {
    margin: 15px auto auto;
    width: 350px
}

.logindialog .loginbox .loginform .smscode .el-button[data-v-5ae36cef] {
    position: absolute;
    top: 1px;
    right: 15px;
    background-color: #fff;
    line-height: 30px;
    font-size: 13px;
    z-index: 1;
    color: #0092ef
}

.logindialog .loginbox .loginform .smscode .el-button .dibtnsms[data-v-5ae36cef] {
    color: #aaa
}

.logindialog .loginbox .loginform .agreement[data-v-5ae36cef] {
    margin-top: 30px
}

.logindialog .loginbox .loginform .agreement .el-checkbox[data-v-5ae36cef] {
    margin: 0 5px 0 0;
    padding: 0
}

.logindialog .loginbox .loginform .agreement .text[data-v-5ae36cef] {
    width: auto;
    font-size: 12px;
    color: #b8bbcc
}

.logindialog .loginbox .loginform .agreement .text .el-button[data-v-5ae36cef] {
    font-size: 12px;
    padding: 0;
    margin: 0 0 0 -5px;
    color: #0092ef
}

.logindialog .loginbox .loginform .loginbtn[data-v-5ae36cef] {
    width: 100%
}

.logindialog .loginbox .loginform .sm[data-v-5ae36cef] {
    margin-bottom: 7.5px
}

.imgcode[data-v-5ae36cef] {
    float: right;
    width: 45%;
    height: 40px;
    margin-left: 5%
}

.imgcode img[data-v-5ae36cef] {
    float: right;
    height: 40px
}

.pagebox {
    &[data-v-ba2a9d7a] {
        width: 100%
    }

    .mainbox {
        &[data-v-ba2a9d7a] {
            margin: auto;
            width: 1200px;
            margin-top: 80px;
            display: flex;
            justify-content: space-between;
        }

        .advertbox {
            &[data-v-ba2a9d7a] {
                float: left;
                width: 700px;
                height: 380px;
            }

            .item {
                &[data-v-ba2a9d7a] {
                    float: left;
                    width: 700px;
                    height: 380px;
                }

                img[data-v-ba2a9d7a] {
                    width: 700px;
                    height: 380px;
                    border-radius: 0px;
                }
            }
        }

        .loginbox {
            &[data-v-ba2a9d7a] {
                float: right;
                width: 400px;
                height: 380px;
                background-color: #FFF;
                border-radius: 3px;
                box-shadow: 0 4px 15px 0 rgba(52, 80, 136, .2);
                position: relative;
            }

            .switch {
                &[data-v-ba2a9d7a] {
                    position: absolute;
                    top: 15px;
                    left: 15px;
                    width: 370px;
                    height: 32px;
                }

                div[data-v-ba2a9d7a] {
                    float: left;
                    width: 32px;
                    height: 32px;
                    cursor: pointer;
                    display: block;
                }

                .qrcode[data-v-ba2a9d7a] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABJhJREFUeF7tndFxEzEQQFcM33RAA1RgOqABQg8M9gANkFQQxmHogaSCVBAqoAIqSAEccxNmiOPzrU72Sivp+TfSebXvZffOOp+DbIdB+nhdyya8i1rqdvghImdRY2seFOQ8IMAEwR4ECHIu63CBAFP/wa0L8A/+uHQE6E2AR/AR4FD/brUCPIGPAD0JMAEfAXoR4AB8BOhBgBn4cQJsQqjiUvdqeCuDXM/EerrPAYKcyTrcVJEXJUj9KgAB9lOIAA7dpwIkQaECpHwOQAVIks12EhUgKb9UACqAshvISSAngUm1JfckWkBSxmkBtABawJ4D2mYQVwFJ1cZ2Ei0gKb+0AFoALYAWMFc8Ui4Dvw0f5Y+8TqpJD5MuZRN+LprvvQVsh5WIfFq0pseDn8ulvF+Yk4g3s2kB2kmUFljKSZZ3AfT4DmdF2dLV0jn3dwTIdQ6QKoAh/HHpCOBZAGP4CHCoNmotzKZF7UaTAT4CeBUgE3wE8ChARvgI4E2AzPARwJMABeAjgBcBCsFHAA8CFISPAKUFKAwfAUoK4AA+ApQSwAl8BCghgCP4CJBbAJFX42NZjtm9O/Vcq82glQR5mRzsIHeyCb8Xzdd328p+OXQ7vJBNuF+0pgyDbQTIEPjeW3gXoEROIt4TAaaSZLEbGAGjxBAEQABuCt1zgArwKCUpN4WWqGWcAyRlnRZAC6AF0ALmigctYD87KfcEJhVo+0m0AFoALYAWQAvYzQCXgVwGzv5gRFfnAONia3gNMn758vNMqKfcDHoj63BbQ1q0GPWTQO0I9fz9NAI4288/Nv0IsOQqoDH449IRIFaABuEjwKH6+fQqoFH4CBAjQMPwEUAToHH4CDAnQJBf3m7gPPaMf2r+eBI4/kpm+69ncicfwteohX4fVhYPZIp678yD6vg5mMxJ6entEKAn2hNrRQAE6DwDnS+fCoAAnWeg8+VTARCg8wx0vnwqAAJ0noHOl9/PR8FGz9uv3Z8+bgjpYFcvVcT2BQD+rBttCwB8tTC0KwDwVfjt3hAC/Cj4bQoA/Gj47QkA/EXw4wSo5athIvetfF1rMcUjJugngbU8IOKIJPQ8FQF6ph/11TAqQNOKUAGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvzkaA7XDsj0bdevyBJT2d9Y2wEmB86ETaAybZ0s1qkS8BgJ8Vftz9ACmbQdrDlqeWCfzs8P0IAPwi8H0IAPxi8MsLAPyi8MsKAPzi8MsJAHwX8MsIAHw38PMLAHxX8PMKAHx38PMJAHyX8PMIAHy38O0FAL5r+LYCdPK8ffeElQBtdgM7et4+AtSegc7jt6kAnSe1puUjQE20DGJFAIOk1nRIBKiJlkGsCGCQ1JoOiQA10TKIFQEMklrTIRGgJloGsSKAQVJrOiQC1ETLIFYEMEhqTYdEgJpoGcQ6LwD7+QYp93XIwwIA3xcpo2imBQC+Ubr9HXZfAOD7o2QY0a4AwDdMtc9D/xcA+D4JGUf1IADwjdPs9/BBroYvsg4XfkMkMssM/AVTHxzOwEIO8QAAAABJRU5ErkJggg==) no-repeat center;
                    background-size: 32px;
                }

                .password[data-v-ba2a9d7a] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA5tJREFUeF7tnVFy1DAQBeUDwxWAK5ADL7WpgiogWckea96TpvNteUav27NekSJH+/l4NH50CXw9Dl3x1g4EUMbfWkMAMQB1eQRQExDXRwAxAHV5BFATENdHADEAdXkEUBMQ17cXQNygGE+8fO+cRZxv/xxA3GCcgPgOCCAGoC6PAGoC4voIIAagLo8AagLi+gggBqAujwBqAuL62wvQ26A4/+nle1+Te/n01k/eQPwcoLfByRuQ374HsJdPb/3kDSJANOAeQASIJmy+HgGK/04hAiDAyxnFR4D5CI+2xwRgAjABok/RyuuZAEwAJsDKT3C0dyYAE4AJEH2KVl7PBGACMAFWfoKjvTMBmABMgOhTtPL6yAQ42vf25fih3D7/HBxN/6oABvCfW0cAhQAm8BEgCv+5/uwEMIKPANkCmMFHgEwBDOEjQJYApvARIEOAt8c39Ve9V9vkW0BUgt5LYPT+k9cjQDRgBOAoOOqQcj0TIJo+E4AJEHVIuZ4JEE2fCcAEiDqkXM8EiKbPBCg8AYxP+Ea9ZgKMJvXvdRvA5yi4OHwEuCLAJk/+763zEXBGgs3gMwGKw0eAUQE2fPL5CAD+ewLxd4DRILnOMgEEsMSS1xQC5GVtWQkBLLHkNYUAeVlbVkIASyx5TSFAXtaWlRDAEkteU30B8nrJr7TxCd9omHUFAP7gSeCoSitdB/w/tOpNAOD/9ajWEgD4/83pOgIA/8MP6RoCAP/TN7T9BQD+y9fzY6WX9/dezf8Ey2p5IsBqxG7uFwFuDnS12yHAasRu7ncvAXjhO63HPgIA/zT854I9BAD+Jfh7CAD8y/DXFwD4IfhrCwD8MPx1BQD+LfDXFMD8/969jUzSjdb7FpAUTJUyCFCF9Cf7RAAEKJ5A8e0zARCgeALFt88EQIDiCRTfPhMAAYonUHz78QnQ+y3dkYA52x9Jaco1egGAPwXs6E21AgB/lNO063QCAH8a1DM31ggA/DOMpl6bLwDwpwI9e/NcAYB/ls/06/MEAP50mFcKxAW4UpU1NgkggA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSO/AFB5Ep/lW47IAAAAAElFTkSuQmCC) no-repeat center;
                    background-size: 32px;
                }
            }

            .navtitle {
                &[data-v-ba2a9d7a] {
                    margin: auto;
                    width: 75%;
                    height: 40px;
                    overflow: hidden;
                    margin-top: 40px;
                }

                span[data-v-ba2a9d7a] {
                    width: 100%;
                    line-height: 36px;
                    font-size: 18px;
                    font-weight: 500;
                }

                i[data-v-ba2a9d7a] {
                    margin: auto;
                    display: block;
                    width: 70px;
                    height: 3px;
                    border-radius: 1px;
                }

                .cur {
                    &[data-v-ba2a9d7a] {
                        width: 50%;
                        height: 40px;
                        text-align: center;
                        cursor: pointer;
                        float: left;
                    }

                    span[data-v-ba2a9d7a] {
                        color: #282828;
                        font-weight: bold;
                    }

                    i[data-v-ba2a9d7a] {
                        background-color: #0092EF;
                    }
                }

                .oth {
                    &[data-v-ba2a9d7a] {
                        width: 50%;
                        height: 40px;
                        text-align: center;
                        cursor: pointer;
                        float: left;
                    }

                    span[data-v-ba2a9d7a] {
                        color: #909399;
                    }

                    i[data-v-ba2a9d7a] {
                        background-color: #FFF;
                    }
                }
            }

            .loginform {
                &[data-v-ba2a9d7a] {
                    margin: auto;
                    margin-top: 30px;
                    width: 340px;
                }

                .smscode .el-button {
                    &[data-v-ba2a9d7a] {
                        position: absolute;
                        top: 1px;
                        right: 15px;
                        background-color: #FFF;
                        height: 30px;
                        font-size: 13px;
                        z-index: 1;
                        color: #0092EF;
                    }

                    .dibtnsms[data-v-ba2a9d7a] {
                        color: #aaa;
                    }
                }

                .agreement {
                    &[data-v-ba2a9d7a] {
                        margin-top: 30px;
                    }

                    .el-checkbox[data-v-ba2a9d7a] {
                        margin: 0;
                        padding: 0;
                        margin-right: 5px;
                    }

                    .text {
                        &[data-v-ba2a9d7a] {
                            width: auto;
                            font-size: 12px;
                            color: #B8BBCC;
                        }

                        .el-button[data-v-ba2a9d7a] {
                            font-size: 12px;
                            margin: 0px;
                            padding: 0;
                            margin-left: -5px;
                            color: #0092EF;
                        }
                    }
                }

                .loginbtn[data-v-ba2a9d7a] {
                    width: 100%;
                }

                .sm[data-v-ba2a9d7a] {
                    margin-bottom: 7.5px;
                }
            }

            .foot {
                &[data-v-ba2a9d7a] {
                    margin: auto;
                    width: 340px;
                    height: 20px;
                    margin-top: 40px;
                    display: flex;
                    justify-content: space-between;
                }

                .item {
                    &[data-v-ba2a9d7a] {
                        float: left;
                        height: 20px;
                        line-height: 20px;
                        padding-left: 20px;
                    }

                    .el-link[data-v-ba2a9d7a] {
                        font-size: 12px;
                        color: #A8ABB2;
                    }
                }

                .i1[data-v-ba2a9d7a] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAMtJREFUOE/tlN8NgjAQh39HdA5xBAM+qw9FugWbECcBp0CDCQyAcQRxD+EMBhNL+BtJfKGvvX7X6/U+wsiLRuZBAQbBTad55oLhdCZipETk74Vx+I5VgKdL4iHHtgjMGY82qEZYMLNjW+ayGRgmEYHiatY68LuaWXZn8E6KdfyJUW84AduaMr3hn77NOby61cbkT+0o5Sod3JTygAeGroxWOb+DgV1y6Acs5cAgxSB1cNJ4U1jJFqYyvj/pq0gsLcNvtE1XmX32Rzf2Czb+0hXF8Aj4AAAAAElFTkSuQmCC) left center no-repeat;
                    background-size: 18px;
                }

                .i2[data-v-ba2a9d7a] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAQJJREFUOE/dlEESgjAMRRPlIHoER9zjAoRTqCcRTqKeAhRndC+ORwDvgUTjTBmpRSrDyu5o6Ptpk3yEjhd2zIMKMAyvg55RzGWRguDmOeONSnwXX1ZF3tt63ijjeAkM47OFgEdlxgSZ65hDORbFCf9vEeFSCJZAViIgn4CmkBsvNbGE+vuegD2BJ9c2pyL2Ccz7QxVAB1a5cplhA7Aus1YZNsF+ylAHpg3UhWkBo0OyBoKFXE3xZtE+SQkwqG8bqShcLD48s8eB3Ic8CGjcUwT0RbxV2wjwvwAVo1frSEY+4PlXvuFXc2jwOJ5/z56cKm3DH3X29Y33bl0fwC7MtnPHfgDA5OMVS+UtxQAAAABJRU5ErkJggg==) 25px 4px no-repeat;
                    background-size: 16px;
                }

                .i3[data-v-ba2a9d7a] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAadJREFUOE+FVEFuwkAMnEnoP+AJFfRMkAqFX8BLgJcQXgEllaDngvoE8o9CXHmJt0uatJFyyMY7nrHHJmqeTfaRQKI2I+mjQOJCiJzgoUDxPhk+HarXWD3Yvh1XEEz9OZFC0HYv0S5BU/mKl5PJY25xHkhZULhywcSvQL2w2Xy2+XCdu0SCXK7xwMA80HZ3PGuwUGYh9c3uNAWLHJdWbpd8Uo0vwRzQa3aaC2QhkIGBuGBwH0onuHgZdpeOXfnfzujotq5nlTN+7s3s4jY7imMonCkjJxvAeNTrWIwncIk7tI/xsHdX+G123ItwPRl1U72o3wCSmjhRVnRdKpCEmaqd9DIFeTXO1VatUUo4jIe9Qa2nTHqlS74EpV1oiE1A5quwEWFCU3STJphWtXvfaCOARsamiOoTUlZyiTuhU4Pu3RU9ZGMdd8Wu+qGuTk1nd+2/M2SFlcsYX/ckUzOigfpOlv77d0S0GQIuzU+hq3XezA4/Q1tm16FVzcUlWtfVzOS4oQ3m8u81IsjVbO7VvRSskXCcbuuqYbFFiPoCSfweIlIK86bF9g2FxTezYLBQewAAAABJRU5ErkJggg==) 25px 5px no-repeat;
                    background-size: 14px;
                }

                .mg[data-v-ba2a9d7a] {
                    margin-left: 25px;
                    border-left: 1px #EEE solid;
                    padding-left: 45px;
                }
            }
        }
    }

    .footbox {
        &[data-v-ba2a9d7a] {
            position: absolute;
            bottom: 50px;
            left: 0;
            width: 100%;
        }

        .line {
            &[data-v-ba2a9d7a] {
                margin: auto;
                width: 1200px;
                height: 25px;
                line-height: 25px;
                text-align: center;
                color: #A8ABB2;
                font-size: 12px;
            }

            i[data-v-ba2a9d7a] {
                margin: 0 5px;
                color: #E6E6E6;
                font-style: normal;
            }

            .el-button[data-v-ba2a9d7a] {
                font-size: 12px;
                margin: 0px;
                padding: 0;
                color: #A8ABB2;
                font-weight: normal;
            }
        }
    }
}

.pagebox {
    &[data-v-5e175aa7] {
        width: 100%
    }

    .stepbox {
        &[data-v-5e175aa7] {
            margin: auto;
            margin-top: 0px;
            margin-bottom: 0px;
            width: 1200px;
            height: 100px;
        }

        .left {
            &[data-v-5e175aa7] {
                float: left;
                width: 1000px;
            }

            .big[data-v-5e175aa7] {
                width: 100%;
                line-height: 40px;
                font-size: 20px;
                font-weight: bold;
                color: #282828;
            }

            .small[data-v-5e175aa7] {
                width: 100%;
                line-height: 20px;
                font-size: 12px;
                color: #B8BBCC;
            }
        }

        .right[data-v-5e175aa7] {
            float: right;
            width: 100px;
            height: 100px;
            background-size: 100px;
        }
    }

    .mainbox {
        &[data-v-5e175aa7] {
            margin: auto;
            width: 1200px;
            min-height: 600px;
            background-color: #FFF;
            border-radius: 15px;
            padding: 0px 0px;
        }

        .left {
            &[data-v-5e175aa7] {
                float: left;
                width: 400px;
                min-height: 600px;
                padding-top: 40px;
                padding-left: 50px;
                background-color: #F1F8FF;
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
            }

            .big[data-v-5e175aa7] {
                width: 100%;
                line-height: 40px;
                font-size: 24px;
                font-weight: bold;
                color: #282828;
            }

            .small[data-v-5e175aa7] {
                width: 100%;
                line-height: 40px;
                font-size: 14px;
                color: #B8BBCC;
            }
        }

        .right {
            &[data-v-5e175aa7] {
                float: left;
                width: 700px;
                min-height: 600px;
                padding-top: 40px;
                padding-bottom: 40px;
                margin-left: 50px;
                margin-right: 50px;
                position: relative;
            }

            .title[data-v-5e175aa7] {
                width: 100%;
                line-height: 40px;
                font-size: 18px;
            }

            .formbox[data-v-5e175aa7] {
                width: 100%;
                margin-top: 30px;
            }

            .el-button[data-v-5e175aa7] {
                position: absolute;
                bottom: 50px;
                right: 0;
            }

            .companybox {
                &[data-v-5e175aa7] {
                    float: left;
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }

                .tishi {
                    &[data-v-5e175aa7] {
                        width: 100%;
                    }

                    .title[data-v-5e175aa7] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        font-size: 14px;
                    }

                    .item {
                        &[data-v-5e175aa7] {
                            float: left;
                            width: 100%;
                        }

                        div[data-v-5e175aa7] {
                            float: left;
                            width: 100%;
                            line-height: 25px;
                            font-size: 12px;
                            color: #B1B1B1;
                        }
                    }

                    .license {
                        &[data-v-5e175aa7] {
                            float: left;
                            width: 100%;
                            text-align: center;
                            margin-top: 20px;
                        }

                        img[data-v-5e175aa7] {
                            width: 240px;
                        }
                    }
                }
            }

            .resultbox {
                &[data-v-5e175aa7] {
                    float: left;
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }

                .list[data-v-5e175aa7] {
                    float: left;
                    width: 100%;
                    line-height: 44px;
                    border-bottom: 1px #F5F5F5 solid;
                    font-size: 16px;
                    color: #282828;
                    cursor: pointer;
                }
            }
        }

        .one[data-v-5e175aa7] {
            background: url(/assets/one-b16b005f.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }

        .two[data-v-5e175aa7] {
            background: url(/assets/two-e9e43b35.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }

        .three[data-v-5e175aa7] {
            background: url(/assets/three-2eee9bef.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }
    }
}

.pagebox {
    &[data-v-3677cf7e] {
        width: 100%
    }

    .stepbox {
        &[data-v-3677cf7e] {
            margin: auto;
            margin-top: 0px;
            margin-bottom: 0px;
            width: 1200px;
            height: 100px;
        }

        .left {
            &[data-v-3677cf7e] {
                float: left;
                width: 1000px;
            }

            .big[data-v-3677cf7e] {
                width: 100%;
                line-height: 40px;
                font-size: 20px;
                font-weight: bold;
                color: #282828;
            }

            .small[data-v-3677cf7e] {
                width: 100%;
                line-height: 20px;
                font-size: 12px;
                color: #B8BBCC;
            }
        }

        .right[data-v-3677cf7e] {
            float: right;
            width: 100px;
            height: 100px;
            background-size: 100px;
        }
    }

    .mainbox {
        &[data-v-3677cf7e] {
            margin: auto;
            width: 1200px;
            min-height: 600px;
            background-color: #FFF;
            border-radius: 15px;
            padding: 0px 0px;
        }

        .left {
            &[data-v-3677cf7e] {
                float: left;
                width: 400px;
                min-height: 600px;
                padding-top: 40px;
                padding-left: 50px;
                background-color: #F1F8FF;
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
            }

            .big[data-v-3677cf7e] {
                width: 100%;
                line-height: 40px;
                font-size: 24px;
                font-weight: bold;
                color: #282828;
            }

            .small[data-v-3677cf7e] {
                width: 100%;
                line-height: 40px;
                font-size: 14px;
                color: #B8BBCC;
            }
        }

        .right {
            &[data-v-3677cf7e] {
                float: left;
                width: 700px;
                min-height: 600px;
                padding-top: 40px;
                padding-bottom: 40px;
                margin-left: 50px;
                margin-right: 50px;
                position: relative;
            }

            .title[data-v-3677cf7e] {
                width: 100%;
                line-height: 40px;
                font-size: 18px;
            }

            .formbox[data-v-3677cf7e] {
                width: 100%;
                margin-top: 30px;
            }

            .el-button[data-v-3677cf7e] {
                position: absolute;
                bottom: 50px;
                right: 0;
            }

            .companybox {
                &[data-v-3677cf7e] {
                    float: left;
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }

                .tishi {
                    &[data-v-3677cf7e] {
                        width: 100%;
                    }

                    .title[data-v-3677cf7e] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        font-size: 14px;
                    }

                    .item {
                        &[data-v-3677cf7e] {
                            float: left;
                            width: 100%;
                        }

                        div[data-v-3677cf7e] {
                            float: left;
                            width: 100%;
                            line-height: 25px;
                            font-size: 12px;
                            color: #B1B1B1;
                        }
                    }

                    .license {
                        &[data-v-3677cf7e] {
                            float: left;
                            width: 100%;
                            text-align: center;
                            margin-top: 20px;
                        }

                        img[data-v-3677cf7e] {
                            width: 240px;
                        }
                    }
                }
            }

            .resultbox {
                &[data-v-3677cf7e] {
                    float: left;
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }

                .list[data-v-3677cf7e] {
                    float: left;
                    width: 100%;
                    line-height: 44px;
                    border-bottom: 1px #F5F5F5 solid;
                    font-size: 16px;
                    color: #282828;
                    cursor: pointer;
                }
            }
        }

        .one[data-v-3677cf7e] {
            background: url(/assets/one-b16b005f.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }

        .two[data-v-3677cf7e] {
            background: url(/assets/two-e9e43b35.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }

        .three[data-v-3677cf7e] {
            background: url(/assets/three-2eee9bef.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }
    }
}

.el-cascader {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --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-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color);
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: var(--el-font-size-base);
    line-height: 32px;
    outline: none
}

.el-cascader:not(.is-disabled):hover .el-input__wrapper {
    cursor: pointer;
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-cascader .el-input {
    display: flex;
    cursor: pointer
}

.el-cascader .el-input .el-input__inner {
    text-overflow: ellipsis;
    cursor: pointer
}

.el-cascader .el-input .icon-arrow-down {
    transition: transform var(--el-transition-duration);
    font-size: 14px
}

.el-cascader .el-input .icon-circle-close:hover {
    color: var(--el-input-clear-hover-color, var(--el-text-color-secondary))
}

.el-cascader .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
}

.el-cascader.is-disabled .el-cascader__label {
    z-index: calc(var(--el-index-normal) + 1);
    color: var(--el-disabled-text-color)
}

.el-cascader__dropdown {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --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-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color)
}

.el-cascader__dropdown {
    font-size: var(--el-cascader-menu-font-size);
    border-radius: var(--el-cascader-menu-radius)
}

.el-cascader__dropdown.el-popper {
    background: var(--el-cascader-menu-fill);
    border: var(--el-cascader-menu-border);
    box-shadow: var(--el-cascader-menu-shadow)
}

.el-cascader__dropdown.el-popper .el-popper__arrow:before {
    border: var(--el-cascader-menu-border)
}

.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent;
    border-bottom-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 .el-icon-close {
    flex: none;
    background-color: var(--el-text-color-placeholder);
    color: var(--el-color-white)
}

.el-cascader__collapse-tags .el-tag {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin: 2px 0 2px 6px;
    text-overflow: ellipsis;
    background: var(--el-fill-color)
}

.el-cascader__collapse-tags .el-tag .el-icon-close {
    flex: none;
    background-color: var(--el-text-color-placeholder);
    color: var(--el-color-white)
}

.el-cascader__suggestion-list {
    max-height: 204px;
    margin: 0;
    padding: 6px 0;
    font-size: var(--el-font-size-base);
    color: var(--el-cascader-menu-text-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:hover,
.el-cascader__suggestion-item:focus {
    background: var(--el-cascader-node-background-hover)
}

.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 11px;
    padding: 0;
    color: var(--el-cascader-menu-text-color);
    border: none;
    outline: none;
    box-sizing: border-box;
    background: transparent
}

.el-cascader-panel {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --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-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color)
}

.el-cascader-panel {
    display: flex;
    border-radius: var(--el-cascader-menu-radius);
    font-size: var(--el-cascader-menu-font-size)
}

.el-cascader-menu {
    min-width: 180px;
    box-sizing: border-box;
    color: var(--el-cascader-menu-text-color);
    border-right: var(--el-cascader-menu-border)
}

.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%);
    display: flex;
    align-items: 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.in-active-path,
.el-cascader-node.is-selectable.in-checked-path,
.el-cascader-node.is-active {
    color: var(--el-cascader-menu-selected-text-color);
    font-weight: 700
}

.el-cascader-node:not(.is-disabled):hover,
.el-cascader-node:not(.is-disabled):focus {
    background: var(--el-cascader-node-background-hover)
}

.el-cascader-node__prefix {
    position: absolute;
    left: 10px
}

.el-cascader-node__label {
    flex: 1;
    text-align: left;
    padding: 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader-node>.el-checkbox {
    margin-right: 0
}

.el-cascader-node>.el-radio {
    margin-right: 0
}

.pagebox {
    &[data-v-501d14ec] {
        width: 100%
    }

    .stepbox {
        &[data-v-501d14ec] {
            margin: auto;
            margin-top: 0px;
            margin-bottom: 0px;
            width: 1200px;
            height: 100px;
        }

        .left {
            &[data-v-501d14ec] {
                float: left;
                width: 1000px;
            }

            .big[data-v-501d14ec] {
                width: 100%;
                line-height: 40px;
                font-size: 20px;
                font-weight: bold;
                color: #282828;
            }

            .small[data-v-501d14ec] {
                width: 100%;
                line-height: 20px;
                font-size: 12px;
                color: #B8BBCC;
            }
        }

        .right[data-v-501d14ec] {
            float: right;
            width: 100px;
            height: 100px;
            background-size: 100px;
        }
    }

    .mainbox {
        &[data-v-501d14ec] {
            margin: auto;
            width: 1200px;
            min-height: 600px;
            background-color: #FFF;
            border-radius: 15px;
            padding: 0px 0px;
        }

        .left {
            &[data-v-501d14ec] {
                float: left;
                width: 400px;
                min-height: 600px;
                padding-top: 40px;
                padding-left: 50px;
                background-color: #F1F8FF;
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
            }

            .big[data-v-501d14ec] {
                width: 100%;
                line-height: 40px;
                font-size: 24px;
                font-weight: bold;
                color: #282828;
            }

            .small[data-v-501d14ec] {
                width: 100%;
                line-height: 40px;
                font-size: 14px;
                color: #B8BBCC;
            }
        }

        .right {
            &[data-v-501d14ec] {
                float: left;
                width: 700px;
                min-height: 600px;
                padding-top: 40px;
                padding-bottom: 40px;
                margin-left: 50px;
                margin-right: 50px;
                position: relative;
            }

            .title[data-v-501d14ec] {
                width: 100%;
                line-height: 40px;
                font-size: 18px;
            }

            .formbox[data-v-501d14ec] {
                width: 100%;
                margin-top: 30px;
            }

            .el-button[data-v-501d14ec] {
                position: absolute;
                bottom: 50px;
                right: 0;
            }

            .companybox {
                &[data-v-501d14ec] {
                    float: left;
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }

                .tishi {
                    &[data-v-501d14ec] {
                        width: 100%;
                    }

                    .title[data-v-501d14ec] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        font-size: 14px;
                    }

                    .item {
                        &[data-v-501d14ec] {
                            float: left;
                            width: 100%;
                        }

                        div[data-v-501d14ec] {
                            float: left;
                            width: 100%;
                            line-height: 25px;
                            font-size: 12px;
                            color: #B1B1B1;
                        }
                    }

                    .license {
                        &[data-v-501d14ec] {
                            float: left;
                            width: 100%;
                            text-align: center;
                            margin-top: 20px;
                        }

                        img[data-v-501d14ec] {
                            width: 240px;
                        }
                    }
                }
            }

            .resultbox {
                &[data-v-501d14ec] {
                    float: left;
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }

                .list[data-v-501d14ec] {
                    float: left;
                    width: 100%;
                    line-height: 44px;
                    border-bottom: 1px #F5F5F5 solid;
                    font-size: 16px;
                    color: #282828;
                    cursor: pointer;
                }
            }
        }

        .one[data-v-501d14ec] {
            background: url(/assets/one-b16b005f.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }

        .two[data-v-501d14ec] {
            background: url(/assets/two-e9e43b35.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }

        .three[data-v-501d14ec] {
            background: url(/assets/three-2eee9bef.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }
    }
}

.pagebox {
    &[data-v-2d9ceea6] {
        width: 100%
    }

    .stepbox {
        &[data-v-2d9ceea6] {
            margin: auto;
            margin-top: 0px;
            margin-bottom: 0px;
            width: 1200px;
            height: 100px;
        }

        .left {
            &[data-v-2d9ceea6] {
                float: left;
                width: 1000px;
            }

            .big[data-v-2d9ceea6] {
                width: 100%;
                line-height: 40px;
                font-size: 20px;
                font-weight: bold;
                color: #282828;
            }

            .small[data-v-2d9ceea6] {
                width: 100%;
                line-height: 20px;
                font-size: 12px;
                color: #B8BBCC;
            }
        }

        .right[data-v-2d9ceea6] {
            float: right;
            width: 100px;
            height: 100px;
            background-size: 100px;
        }
    }

    .mainbox {
        &[data-v-2d9ceea6] {
            margin: auto;
            width: 1200px;
            min-height: 600px;
            background-color: #FFF;
            border-radius: 15px;
            padding: 0px 0px;
        }

        .left {
            &[data-v-2d9ceea6] {
                float: left;
                width: 400px;
                min-height: 600px;
                padding-top: 40px;
                padding-left: 50px;
                background-color: #F1F8FF;
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
            }

            .big[data-v-2d9ceea6] {
                width: 100%;
                line-height: 40px;
                font-size: 24px;
                font-weight: bold;
                color: #282828;
            }

            .small[data-v-2d9ceea6] {
                width: 100%;
                line-height: 40px;
                font-size: 14px;
                color: #B8BBCC;
            }
        }

        .right {
            &[data-v-2d9ceea6] {
                float: left;
                width: 700px;
                min-height: 600px;
                padding-top: 40px;
                padding-bottom: 40px;
                margin-left: 50px;
                margin-right: 50px;
                position: relative;
            }

            .title[data-v-2d9ceea6] {
                width: 100%;
                line-height: 40px;
                font-size: 18px;
            }

            .formbox[data-v-2d9ceea6] {
                width: 100%;
                margin-top: 30px;
            }

            .el-button[data-v-2d9ceea6] {
                position: absolute;
                bottom: 50px;
                right: 0;
            }

            .companybox {
                &[data-v-2d9ceea6] {
                    float: left;
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }

                .tishi {
                    &[data-v-2d9ceea6] {
                        width: 100%;
                    }

                    .title[data-v-2d9ceea6] {
                        float: left;
                        width: 100%;
                        line-height: 30px;
                        font-size: 14px;
                    }

                    .item {
                        &[data-v-2d9ceea6] {
                            float: left;
                            width: 100%;
                        }

                        div[data-v-2d9ceea6] {
                            float: left;
                            width: 100%;
                            line-height: 25px;
                            font-size: 12px;
                            color: #B1B1B1;
                        }
                    }

                    .license {
                        &[data-v-2d9ceea6] {
                            float: left;
                            width: 100%;
                            text-align: center;
                            margin-top: 20px;
                        }

                        img[data-v-2d9ceea6] {
                            width: 240px;
                        }
                    }
                }
            }

            .resultbox {
                &[data-v-2d9ceea6] {
                    float: left;
                    width: 100%;
                    padding-top: 20px;
                    padding-bottom: 30px;
                }

                .list[data-v-2d9ceea6] {
                    float: left;
                    width: 100%;
                    line-height: 44px;
                    border-bottom: 1px #F5F5F5 solid;
                    font-size: 16px;
                    color: #282828;
                    cursor: pointer;
                }
            }
        }

        .one[data-v-2d9ceea6] {
            background: url(/assets/one-b16b005f.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }

        .two[data-v-2d9ceea6] {
            background: url(/assets/two-e9e43b35.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }

        .three[data-v-2d9ceea6] {
            background: url(/assets/three-2eee9bef.png) bottom center no-repeat;
            background-size: 280px;
            background-color: #F1F8FF;
        }
    }
}

body {
    background-color: #f0f2f6
}

:root {
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: var(--el-mask-color);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity var(--el-transition-duration)
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2)
}

.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
}

@keyframes loading-rotate {
    to {
        transform: rotate(360deg)
    }
}

.componentbox {
    &[data-v-4eb32a46] {
        margin: 15px auto;
        width: 1300px;
        min-width: 600px;
        overflow: hidden
    }

    .navigator {
        &[data-v-4eb32a46] {
            float: left;
            width: 100%;
            height: 38px;
            padding-bottom: 15px;
        }

        .left {
            &[data-v-4eb32a46] {
                float: left;
                width: 70%;
                line-height: 38px;
                font-size: 16px;
                display: flex;
            }

            .item {
                &[data-v-4eb32a46] {
                    position: relative;
                    width: 90px;
                    height: 38px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                span[data-v-4eb32a46] {
                    float: left;
                    width: 100%;
                    line-height: 35px;
                    text-align: center;
                    color: #606266;
                    font-size: 15px;
                }

                p[data-v-4eb32a46] {
                    position: absolute;
                    bottom: 0;
                    left: 35px;
                    width: 20px;
                    height: 3px;
                    border-radius: 3px;
                }

                &:hover {
                    span[data-v-4eb32a46] {
                        color: #0092EF;
                    }
                }
            }

            .active {
                span[data-v-4eb32a46] {
                    color: #0092EF;
                }

                p[data-v-4eb32a46] {
                    background-color: #0092EF;
                }
            }
        }

        .right[data-v-4eb32a46] {
            float: right;
            width: 30%;
            text-align: right;
        }
    }

    .searchbox {
        &[data-v-4eb32a46] {
            float: left;
            width: 100%;
            height: 54px;
            margin-top: 15px;
            padding: 0 20px;
            background-color: #FFF;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-4eb32a46] {
                width: 60%;
                display: flex;
                align-items: center;
            }

            .item[data-v-4eb32a46] {
                line-height: 28px;
                background-color: #F4F6F9;
                padding: 0 15px;
                border-radius: 5px;
                margin-right: 20px;
                font-size: 14px;
                color: #909399;
                cursor: pointer;
            }

            .active[data-v-4eb32a46] {
                background-color: #0092EF;
                color: #FFF;
            }
        }

        .right[data-v-4eb32a46] {
            float: right;
        }
    }

    .tablebox {
        &[data-v-4eb32a46] {
            float: left;
            width: 100%;
            margin-top: 10px;
            padding: 20px 20px;
            background-color: #FFF;
            border-radius: 5px;
        }

        .resumehead {
            &[data-v-4eb32a46] {
                width: 100%;
                line-height: 20px;
                font-size: 14px;
                margin-bottom: 10px;
                color: #909399;
                display: flex;
                align-items: center;
            }

            .r1[data-v-4eb32a46] {
                width: 3%;
            }

            .r2[data-v-4eb32a46] {
                width: 25%;
            }

            .r3[data-v-4eb32a46] {
                width: 22%;
            }

            .r4[data-v-4eb32a46] {
                width: 27%;
            }

            .r5[data-v-4eb32a46] {
                width: 14%;
            }

            .r6[data-v-4eb32a46] {
                width: 9%;
            }
        }

        .resumebox {
            &[data-v-4eb32a46] {
                width: 100%;
                padding: 15px 0;
                border-top: 1px #F3F3F3 solid;
                display: flex;
                align-items: center;
            }

            .r1[data-v-4eb32a46] {
                width: 3%;
                text-align: center;
            }

            .r2 {
                &[data-v-4eb32a46] {
                    width: 25%;
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                }

                .avatar {
                    &[data-v-4eb32a46] {
                        width: 50px;
                        position: relative;
                    }

                    .img[data-v-4eb32a46] {
                        width: 40px;
                        height: 40px;
                        border-radius: 100%;
                    }

                    .gender[data-v-4eb32a46] {
                        position: absolute;
                        top: 25px;
                        left: 25px;
                        width: 15px;
                        height: 15px;
                        border-radius: 100%;
                        z-index: 2;
                    }
                }

                .basic {
                    &[data-v-4eb32a46] {
                        width: calc(100% - 50px);
                    }

                    .name {
                        &[data-v-4eb32a46] {
                            float: left;
                            width: 100%;
                            line-height: 25px;
                            display: flex;
                            align-items: center;
                        }

                        div[data-v-4eb32a46] {
                            width: auto;
                            font-size: 15px;
                            font-weight: bold;
                            color: #303133;
                            margin-right: 5px;
                        }

                        span[data-v-4eb32a46] {
                            line-height: 18px;
                            border-radius: 3px;
                            font-size: 12px;
                            padding: 0px 5px;
                            margin-left: 5px;
                        }

                        .one[data-v-4eb32a46] {
                            border: 1px #B3E19D solid;
                            color: #70C646;
                        }

                        .two[data-v-4eb32a46] {
                            border: 1px #B3E19D solid;
                            color: #70C646;
                        }

                        .three[data-v-4eb32a46] {
                            border: 1px #A0CFFF solid;
                            color: #409EFF;
                        }

                        .four[data-v-4eb32a46] {
                            border: 1px #C8C9CC solid;
                            color: #999CA1;
                        }
                    }

                    .base[data-v-4eb32a46] {
                        float: left;
                        width: 100%;
                        line-height: 20px;
                        margin-top: 5px;
                        font-size: 14px;
                        color: #909399;
                    }
                }
            }

            .r3 {
                &[data-v-4eb32a46] {
                    width: 22%;
                }

                .name[data-v-4eb32a46] {
                    width: 100%;
                    line-height: 40px;
                    font-size: 14px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .item[data-v-4eb32a46] {
                    float: left;
                    width: 100%;
                    line-height: 40px;
                    padding-left: 20px;
                    margin-top: 0px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }

            .r4 {
                &[data-v-4eb32a46] {
                    width: 27%;
                    min-width: 300px;
                }

                .item[data-v-4eb32a46] {
                    float: left;
                    width: 100%;
                    line-height: 25px;
                    padding-left: 20px;
                    margin-top: 5px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }

            .r5 {
                &[data-v-4eb32a46] {
                    width: 14%;
                    font-size: 14px;
                }

                span[data-v-4eb32a46] {
                    float: left;
                    width: 100%;
                    line-height: 25px;
                    margin-top: 5px;
                }
            }

            .r6 {
                &[data-v-4eb32a46] {
                    width: 9%;
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                }

                .el-button {
                    &[data-v-4eb32a46] {
                        margin-left: 5px;
                    }

                    .el-icon[data-v-4eb32a46] {
                        margin-left: 3px;
                        font-size: 12px;
                    }
                }
            }
        }
    }

    .pager[data-v-4eb32a46] {
        float: left;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 52px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .emptybox {
        &[data-v-4eb32a46] {
            float: left;
            margin-top: 10px;
            width: 100%;
            background-color: #FFF;
            border-radius: 5px;
        }

        .img {
            &[data-v-4eb32a46] {
                width: 100%;
                margin-top: 100px;
                text-align: center;
            }

            img[data-v-4eb32a46] {
                width: 250px;
            }
        }

        .hint[data-v-4eb32a46] {
            width: 100%;
            margin-top: 0px;
            text-align: center;
            font-size: 14px;
            color: #B8BBCC;
        }

        .btn[data-v-4eb32a46] {
            width: 100%;
            margin-top: 20px;
            text-align: center;
        }
    }

    .footbox {
        &[data-v-4eb32a46] {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 52px;
            background-color: #FFF;
            z-index: 2;
        }

        .foot {
            &[data-v-4eb32a46] {
                margin: auto;
                margin-top: 10px;
                margin-bottom: 10px;
                width: 75%;
                min-width: 600px;
                display: flex;
                align-items: center;
            }

            .chk[data-v-4eb32a46] {
                margin-left: 28px;
                margin-right: 20px;
                color: #666;
                font-size: 12px;
            }
        }
    }
}

.invitebox {
    &[data-v-4eb32a46] {
        width: 100%
    }

    .item {
        &[data-v-4eb32a46] {
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        span[data-v-4eb32a46] {
            width: 70px;
            color: #909399;
        }

        p[data-v-4eb32a46] {
            width: calc(100% - 70px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

.el-tabs[data-v-4eb32a46],
.el-tab-pane[data-v-4eb32a46],
[data-v-4eb32a46] .el-tabs__item {
    height: 56px
}

[data-v-4eb32a46] .el-tabs__nav-wrap:after {
    height: 0px
}

[data-v-4eb32a46] .el-tabs__item:hover,
[data-v-4eb32a46] .el-tabs__item.is-active {
    color: #0092ef
}

[data-v-4eb32a46] .el-tabs__item {
    color: #666
}

.txt {
    font-style: normal;
    margin: 0 3px;
    font-size: 12px;
    color: #dcdfe6
}

.basicbox[data-v-f3910977] {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    overflow: hidden
}

.basicbox .basic[data-v-f3910977] {
    float: left;
    width: 100%;
    display: flex
}

.basicbox .basic .avatar[data-v-f3910977] {
    width: 65px;
    position: relative
}

.basicbox .basic .avatar .img[data-v-f3910977] {
    width: 55px;
    height: 55px;
    border-radius: 100%
}

.basicbox .basic .avatar .gender[data-v-f3910977] {
    position: absolute;
    bottom: 5px;
    left: 35px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    z-index: 2
}

.basicbox .basic .name[data-v-f3910977] {
    width: calc(100% - 65px)
}

.basicbox .basic .name .realname[data-v-f3910977] {
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #282828
}

.basicbox .basic .name .realname i[data-v-f3910977] {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #0092ef
}

.basicbox .basic .name .base[data-v-f3910977] {
    width: 100%;
    line-height: 25px;
    font-size: 12px;
    color: #a8abb2
}

.basicbox .edit[data-v-f3910977] {
    float: left;
    width: 100%;
    line-height: 36px;
    margin-top: 15px;
    background-color: #0092ef;
    border-radius: 7px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.basicbox .jobstatus[data-v-f3910977] {
    float: left;
    width: 100%;
    line-height: 36px;
    margin-top: 15px;
    background-color: #f4f6f9;
    border-radius: 7px;
    text-align: center;
    font-size: 14px;
    color: #606266;
    cursor: pointer;
    position: relative
}

.basicbox .jobstatus .el-icon[data-v-f3910977] {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #a8abb2
}

.basicbox .num[data-v-f3910977] {
    float: left;
    width: 100%;
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.basicbox .num .item[data-v-f3910977] {
    width: 25%;
    cursor: pointer
}

.basicbox .num .item div[data-v-f3910977] {
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #282828
}

.basicbox .num .item span[data-v-f3910977] {
    display: block;
    width: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #909399
}

.jobstatus-list[data-v-f3910977] {
    float: left;
    width: 100%
}

.jobstatus-list .list[data-v-f3910977] {
    width: 100%;
    line-height: 35px;
    border-bottom: 1px #F5F5F5 solid;
    font-size: 14px;
    color: #606266;
    text-align: center;
    cursor: pointer
}

.jobstatus-list .list[data-v-f3910977]:hover {
    color: #0092ef
}

.titles[data-v-f3910977] {
    float: left;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.titles div[data-v-f3910977] {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #303133
}

.titles span[data-v-f3910977] {
    float: right
}

.titles span .el-link[data-v-f3910977] {
    font-size: 12px
}

.titles span .el-link .el-icon[data-v-f3910977] {
    margin-left: 2px
}

.refreshbox[data-v-dcd59b02] {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px
}

.refreshbox .hint[data-v-dcd59b02] {
    width: 100%;
    line-height: 25px;
    font-size: 12px;
    color: #b8bbcc
}

.refreshbox img[data-v-dcd59b02] {
    width: 100%;
    margin-top: 10px
}

.servicebox[data-v-dcd59b02] {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px
}

.servicebox .conte[data-v-dcd59b02] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

.servicebox .conte .item[data-v-dcd59b02] {
    cursor: pointer
}

.servicebox .conte .item p[data-v-dcd59b02] {
    width: 100%;
    height: 35px;
    text-align: center
}

.servicebox .conte .item p img[data-v-dcd59b02] {
    width: 30px;
    height: 30px
}

.servicebox .conte .item span[data-v-dcd59b02] {
    width: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #909399
}

.titles[data-v-dcd59b02] {
    float: left;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.titles div[data-v-dcd59b02] {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #303133
}

.titles span[data-v-dcd59b02] {
    float: right
}

.titles span .el-link[data-v-dcd59b02] {
    font-size: 12px
}

.titles span .el-link .el-icon[data-v-dcd59b02] {
    margin-left: 2px
}

.payform[data-v-a7de5a66] {
    width: 100%;
    overflow: hidden
}

.payform .header[data-v-a7de5a66] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.payform .header .left[data-v-a7de5a66] {
    width: calc(100% - 40px)
}

.payform .header .left div[data-v-a7de5a66] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #282828;
    font-weight: 700
}

.payform .header .left span[data-v-a7de5a66] {
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #c0c4cc
}

.payform .header .right[data-v-a7de5a66] {
    float: right;
    text-align: right;
    width: 40px;
    cursor: pointer
}

.payform .servicelist[data-v-a7de5a66] {
    display: flex
}

.payform .servicelist .item[data-v-a7de5a66] {
    flex-shrink: 0;
    width: 150px;
    padding-top: 30px;
    padding-bottom: 10px;
    border: 1px #F0F2F5 solid;
    border-radius: 5px;
    margin-right: 12px;
    text-align: center;
    position: relative;
    cursor: pointer
}

.payform .servicelist .item .name[data-v-a7de5a66] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.payform .servicelist .item .price[data-v-a7de5a66] {
    width: 100%;
    line-height: 30px;
    padding: 10px 0;
    font-size: 14px;
    color: #f56c6c
}

.payform .servicelist .item .price i[data-v-a7de5a66] {
    font-size: 18px;
    font-weight: 700
}

.payform .servicelist .item .costprice[data-v-a7de5a66] {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #a8abb2;
    text-decoration: line-through
}

.payform .servicelist .item .integral[data-v-a7de5a66] {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #d7b592
}

.payform .servicelist .item .select[data-v-a7de5a66] {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    padding: 2px 10px;
    background-color: #0092ef;
    font-size: 12px;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.payform .servicelist .active[data-v-a7de5a66] {
    background-color: #f2f6fc;
    border: 1px #0092EF solid
}

.payform .paybox[data-v-a7de5a66] {
    width: 100%;
    padding-top: 20px
}

.payform .paybox .money[data-v-a7de5a66] {
    margin: 10px auto;
    width: 96%;
    display: flex;
    align-items: center
}

.payform .paybox .money div[data-v-a7de5a66] {
    width: 80px;
    line-height: 30px;
    color: #a8abb2
}

.payform .paybox .money span[data-v-a7de5a66] {
    line-height: 30px;
    color: #f56c6c
}

.payform .paybox .money span i[data-v-a7de5a66] {
    font-weight: 700;
    font-size: 18px
}

.payform .paybox .paytype[data-v-a7de5a66] {
    margin: 10px auto;
    width: 96%;
    display: flex;
    align-items: center
}

.payform .paybox .paytype .left[data-v-a7de5a66] {
    width: 80px;
    line-height: 30px;
    color: #a8abb2
}

.payform .paybox .paytype .right[data-v-a7de5a66] {
    display: flex;
    align-items: center
}

.payform .paybox .paytype .right .item[data-v-a7de5a66] {
    width: 120px;
    line-height: 30px;
    margin-right: 10px;
    border: 1px #DCDFE6 solid;
    border-radius: 5px;
    color: #909399;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.payform .paybox .paytype .right .item img[data-v-a7de5a66] {
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.payform .paybox .paytype .right .active[data-v-a7de5a66] {
    border: 1px #258EFF solid;
    color: #282828;
    background: url(/assets/images/selected.png) bottom right no-repeat
}

.payform .paybox .qrcode[data-v-a7de5a66] {
    margin: 20px auto 0;
    width: 100%
}

.payform .paybox .qrcode div[data-v-a7de5a66] {
    width: 100%;
    text-align: center
}

.payform .paybox .qrcode div img[data-v-a7de5a66] {
    width: 120px;
    height: 120px
}

.payform .paybox .qrcode span[data-v-a7de5a66] {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #b8bbcc
}

.payform .paybox .hint[data-v-a7de5a66] {
    margin: 10px auto;
    width: 100%;
    line-height: 25px;
    text-align: center;
    color: #a8abb2;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.payform .paybox .hint .el-button[data-v-a7de5a66] {
    font-size: 12px
}

.refreshbox[data-v-931bf852] {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px
}

.refreshbox .hint[data-v-931bf852] {
    width: 100%;
    line-height: 25px;
    font-size: 12px;
    color: #b8bbcc
}

.refreshbox img[data-v-931bf852] {
    width: 100%;
    margin-top: 10px
}

.servicebox[data-v-931bf852] {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px
}

.servicebox .conte[data-v-931bf852] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

.servicebox .conte .item[data-v-931bf852] {
    cursor: pointer
}

.servicebox .conte .item p[data-v-931bf852] {
    width: 100%;
    height: 35px;
    text-align: center
}

.servicebox .conte .item p img[data-v-931bf852] {
    width: 28px;
    height: 28px
}

.servicebox .conte .item span[data-v-931bf852] {
    width: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #909399
}

.titles[data-v-931bf852] {
    float: left;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.titles div[data-v-931bf852] {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #303133
}

.titles span[data-v-931bf852] {
    float: right
}

.titles span .el-link[data-v-931bf852] {
    font-size: 12px
}

.titles span .el-link .el-icon[data-v-931bf852] {
    margin-left: 2px
}

.header {
    &[data-v-fb2640df] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left[data-v-fb2640df] {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }

    .midd {
        &[data-v-fb2640df] {
            width: calc(100% - 200px);
            position: relative;
        }

        .result {
            &[data-v-fb2640df] {
                position: absolute;
                top: 32px;
                left: 0;
                z-index: 2;
                width: 280px;
                background-color: #FFF;
                border-radius: 3px;
                border: 1px #DDD solid;
                padding: 10px 0px;
            }

            .item {
                &[data-v-fb2640df] {
                    float: left;
                    width: 100%;
                    margin-bottom: 5px;
                    padding: 5px 10px;
                    cursor: pointer;
                }

                &[data-v-fb2640df]:hover {
                    background-color: #F2F6FC;
                }

                div[data-v-fb2640df] {
                    width: 100%;
                    line-height: 25px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                span[data-v-fb2640df] {
                    width: 100%;
                    line-height: 20px;
                    font-size: 12px;
                    color: #A8ABB2;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .right[data-v-fb2640df] {
        float: right;
        text-align: right;
        width: 40px;
        cursor: pointer;
    }
}

.selected {
    &[data-v-fb2640df] {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left {
        &[data-v-fb2640df] {
            width: 100px;
            line-height: 35px;
            color: #909399;
        }

        i[data-v-fb2640df] {
            color: #0092EF;
        }
    }

    .right {
        &[data-v-fb2640df] {
            width: calc(100% - 100px);
        }

        .itemed {
            &[data-v-fb2640df] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #0092EF;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
                display: flex;
                align-items: center;
            }

            .el-icon[data-v-fb2640df] {
                margin-left: 5px;
            }
        }
    }
}

.listbox {
    &[data-v-fb2640df] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px #EEE solid;
        border-bottom: 1px #EEE solid
    }

    .left {
        &[data-v-fb2640df] {
            width: 150px;
            border-right: 1px #EEE solid;
            padding: 10px 0px;
        }

        .item {
            &[data-v-fb2640df] {
                float: left;
                width: 135px;
                padding: 0 10px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                cursor: pointer;
            }

            &[data-v-fb2640df]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-fb2640df] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }

    .midd {
        &[data-v-fb2640df] {
            width: 150px;
            border-right: 1px #EEE solid;
            padding: 10px 0px;
        }

        .item {
            &[data-v-fb2640df] {
                float: left;
                width: 125px;
                padding: 0 10px;
                margin-left: 10px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                cursor: pointer;
            }

            &[data-v-fb2640df]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-fb2640df] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }

    .right {
        &[data-v-fb2640df] {
            width: calc(100% - 301px);
            padding: 10px 0px;
            padding-left: 15px;
        }

        .item {
            &[data-v-fb2640df] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 10px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
            }

            &[data-v-fb2640df]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-fb2640df] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }
}

.pagebox {
    &[data-v-fec2564b] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-fec2564b] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding-bottom: 25px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-fec2564b] {
                float: right;
                width: 900px;
            }

            .inputbox {
                &[data-v-fec2564b] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 20px 20px;
                    border-radius: 5px;
                }

                .input {
                    &[data-v-fec2564b] {
                        width: 100%;
                        height: 50px;
                        background-color: #0092EF;
                        border-radius: 10px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        position: relative;
                    }

                    .inp {
                        &[data-v-fec2564b] {
                            float: left;
                            width: calc(100% - 90px);
                            height: 46px;
                            margin: 2px 2px;
                            background-color: #FFF;
                            border-radius: 9px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .lef {
                            &[data-v-fec2564b] {
                                float: left;
                                width: 100px;
                                padding: 0 0px;
                            }

                            .con {
                                &[data-v-fec2564b] {
                                    width: 100%;
                                    height: 20px;
                                    padding: 10px 0px;
                                    padding-left: 15px;
                                    padding-right: 10px;
                                    display: flex;
                                    justify-content: space-between;
                                    align-items: center;
                                    border-right: 1px #EEE solid;
                                    cursor: pointer;
                                }

                                span[data-v-fec2564b] {
                                    float: left;
                                    width: calc(100% - 20px);
                                    font-size: 15px;
                                    color: #606266;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }

                                .el-icon[data-v-fec2564b] {
                                    color: #D4D7DE;
                                }
                            }
                        }

                        .rig {
                            &[data-v-fec2564b] {
                                float: left;
                                width: calc(100% - 100px);
                                height: 40px;
                                line-height: 40px;
                                margin: 5px;
                                padding: 0 0px;
                            }

                            .el-input[data-v-fec2564b] {
                                width: 100%;
                                font-size: 15px;
                                color: #606266;
                            }

                            [data-v-fec2564b] .el-input__wrapper {
                                box-shadow: none;
                            }
                        }
                    }

                    .btn[data-v-fec2564b] {
                        float: right;
                        width: 80px;
                        height: 50px;
                        line-height: 50px;
                        text-align: left;
                        color: #FFF;
                        font-size: 16px;
                        padding-left: 20px;
                        cursor: pointer;
                    }
                }
            }

            .searchbox {
                &[data-v-fec2564b] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 10px 20px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .expect {
                    &[data-v-fec2564b] {
                        width: 100%;
                        height: 45px;
                        border-bottom: 1px #F5F6F8 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-fec2564b] {
                            float: left;
                            width: calc(100% - 120px);
                            display: flex;
                        }

                        .item {
                            &[data-v-fec2564b] {
                                height: 45px;
                                text-align: center;
                                margin-right: 25px;
                                cursor: pointer;
                            }

                            div[data-v-fec2564b] {
                                width: 100%;
                                line-height: 43px;
                                color: #606266;
                                font-size: 16px;
                            }

                            span {
                                &[data-v-fec2564b] {
                                    width: 100%;
                                    height: 3px;
                                    display: block;
                                }

                                i[data-v-fec2564b] {
                                    margin: auto;
                                    width: 20px;
                                    height: 3px;
                                    background-color: #0092EF;
                                    display: block;
                                    border-radius: 2px;
                                }
                            }
                        }

                        .active {
                            div[data-v-fec2564b] {
                                color: #0092EF;
                                font-weight: bold;
                            }
                        }
                    }

                    .right {
                        &[data-v-fec2564b] {
                            float: right;
                            width: 120px;
                            text-align: right;
                        }

                        .el-link[data-v-fec2564b] {
                            font-size: 12px;
                        }
                    }
                }

                .filter {
                    &[data-v-fec2564b] {
                        width: 100%;
                        height: 30px;
                        margin-top: 10px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-fec2564b] {
                            float: left;
                            height: 30px;
                            width: calc(100% - 120px);
                            display: flex;
                            align-items: center;
                        }

                        .item {
                            &[data-v-fec2564b] {
                                float: left;
                                line-height: 30px;
                                margin-right: 15px;
                                padding: 0 10px;
                                border-radius: 5px;
                                color: #606266;
                                cursor: pointer;
                            }

                            &:hover {
                                &[data-v-fec2564b] {
                                    color: #0092EF;
                                }

                                .el-icon[data-v-fec2564b] {
                                    color: #0092EF;
                                }
                            }

                            .el-icon[data-v-fec2564b] {
                                margin-left: 3px;
                                color: #DCDFE6;
                            }
                        }

                        .active[data-v-fec2564b] {
                            background-color: #F2F6FC;
                            color: #0092EF;
                        }
                    }

                    .right {
                        &[data-v-fec2564b] {
                            float: right;
                            width: 120px;
                            line-height: 40px;
                            text-align: right;
                        }

                        .el-link[data-v-fec2564b] {
                            font-size: 12px;
                            color: #B8BBCC;
                        }
                    }
                }
            }

            .jobtypebox {
                &[data-v-fec2564b] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 10px 20px;
                    border-radius: 5px;
                    margin-top: 15px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .left {
                    &[data-v-fec2564b] {
                        width: 50%;
                        display: flex;
                    }

                    .item[data-v-fec2564b] {
                        line-height: 32px;
                        padding: 0 15px;
                        text-align: center;
                        color: #606266;
                        font-size: 14px;
                        margin-right: 15px;
                        cursor: pointer;
                    }

                    .active[data-v-fec2564b] {
                        background-color: #0092EF;
                        border-radius: 5px;
                        text-align: center;
                        color: #FFF;
                    }
                }

                .right {
                    &[data-v-fec2564b] {
                        width: 50%;
                        text-align: right;
                        font-size: 12px;
                        color: #B8BBCC;
                    }

                    i[data-v-fec2564b] {
                        margin: 0 3px;
                        color: #0092EF;
                    }
                }
            }

            .jobbox {
                &[data-v-fec2564b] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                    cursor: pointer;
                }

                .up {
                    &[data-v-fec2564b] {
                        width: 100%;
                        padding: 20px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-fec2564b] {
                            width: calc(100% - 380px);
                        }

                        .names {
                            &[data-v-fec2564b] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-fec2564b] {
                                    line-height: 30px;
                                    margin-right: 15px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-fec2564b]:hover {
                                    color: #0092EF;
                                }
                            }

                            .salary[data-v-fec2564b] {
                                line-height: 30px;
                                font-size: 14px;
                                color: #F56C6C;
                            }
                        }

                        .basic {
                            &[data-v-fec2564b] {
                                width: 100%;
                                margin-top: 5px;
                            }

                            span[data-v-fec2564b] {
                                background-color: #F4F6F9;
                                padding: 3px 10px;
                                border-radius: 3px;
                                font-size: 12px;
                                color: #909399;
                                margin-right: 7px;
                            }
                        }
                    }

                    .right {
                        &[data-v-fec2564b] {
                            width: 380px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-fec2564b] {
                                width: 55px;
                            }

                            img[data-v-fec2564b] {
                                width: 45px;
                                height: 45px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-fec2564b] {
                                width: calc(100% - 55px);
                            }

                            .name {
                                &[data-v-fec2564b] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 15px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-fec2564b]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-fec2564b] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-fec2564b] {
                                    background-color: #F4F6F9;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 7px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-fec2564b] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 45px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-fec2564b] {
                            width: calc(100% - 380px);
                            padding: 5px 0;
                            height: 35px;
                            display: flex;
                            align-items: center;
                        }

                        .avatar {
                            &[data-v-fec2564b] {
                                width: 35px;
                            }

                            img[data-v-fec2564b] {
                                width: 25px;
                                height: 25px;
                                border-radius: 100%;
                            }
                        }

                        .name[data-v-fec2564b] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #909399;
                        }
                    }

                    .right[data-v-fec2564b] {
                        width: 380px;
                        line-height: 45px;
                        font-size: 12px;
                        color: #B8BBCC;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                }

                &[data-v-fec2564b]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .pager[data-v-fec2564b] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-fec2564b] {
            float: right;
            width: 285px;
        }
    }
}

.popitem {
    &[data-v-fec2564b] {
        float: left;
        width: calc(100% - 10px);
        margin: 0 5px;
        padding: 0 5px;
        height: 32px;
        line-height: 32px;
        color: #303133;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer
    }

    &[data-v-fec2564b]:hover {
        background-color: #f5f7fa;
        color: #0092ef
    }
}

.popactive[data-v-fec2564b] {
    color: #0092ef
}

.emptybox {
    &[data-v-fec2564b] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-fec2564b] {
            width: 100%;
            text-align: center;
        }

        img[data-v-fec2564b] {
            width: 250px;
        }
    }

    .hint[data-v-fec2564b] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-fec2564b] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-fec2564b] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.online[data-v-fec2564b] {
    background-color: #d2f2d0;
    font-size: 12px;
    padding: 1px 5px;
    border-radius: 3px;
    color: #14be80;
    margin-left: 5px
}

.action[data-v-fec2564b] {
    background-color: #fff;
    border: 1px #EEE solid;
    font-size: 12px;
    padding: 1px 5px;
    border-radius: 3px;
    color: #909399;
    margin-left: 5px
}

.el-popover.popperClass[data-v-fec2564b] {
    padding: 5px 0
}

.txt[data-v-fec2564b] {
    font-style: normal;
    margin: 0 3px;
    color: #dcdfe6
}

.header[data-v-00d1c7f5] {
    margin: auto;
    width: 1200px;
    padding: 20px 0;
    height: 100px
}

.header .left[data-v-00d1c7f5] {
    float: left;
    width: 400px;
    height: 60px;
    display: flex;
    align-items: center
}

.header .left span[data-v-00d1c7f5] {
    font-size: 16px;
    color: #909399
}

.header .left span i[data-v-00d1c7f5] {
    margin: 0 10px;
    font-size: 12px;
    color: #dcdfe6
}

.header .right[data-v-00d1c7f5] {
    float: right;
    line-height: 60px;
    font-size: 14px
}

.header .right .logout[data-v-00d1c7f5] {
    float: left
}

.header .right .logout .el-button[data-v-00d1c7f5] {
    color: #0092ef
}

.header .right .logout i[data-v-00d1c7f5] {
    margin: 0 15px;
    color: #b8bbcc
}

.header .right .phone[data-v-00d1c7f5] {
    float: left;
    color: #909399
}

.pagebox {
    &[data-v-44ce18c5] {
        width: 100%
    }

    .mainbox {
        &[data-v-44ce18c5] {
            margin: auto;
            width: 1200px;
            margin-top: 80px;
            display: flex;
            justify-content: space-between;
        }

        .advertbox {
            &[data-v-44ce18c5] {
                float: left;
                width: 700px;
                height: 380px;
            }

            .item {
                &[data-v-44ce18c5] {
                    float: left;
                    width: 700px;
                    height: 380px;
                }

                img[data-v-44ce18c5] {
                    width: 700px;
                    height: 380px;
                    border-radius: 0px;
                }
            }
        }

        .loginbox {
            &[data-v-44ce18c5] {
                float: right;
                width: 400px;
                height: 380px;
                background-color: #FFF;
                border-radius: 3px;
                box-shadow: 0 4px 15px 0 rgba(52, 80, 136, .2);
                position: relative;
            }

            .switch {
                &[data-v-44ce18c5] {
                    position: absolute;
                    top: 15px;
                    left: 15px;
                    width: 370px;
                    height: 32px;
                }

                div[data-v-44ce18c5] {
                    float: left;
                    width: 32px;
                    height: 32px;
                    cursor: pointer;
                    display: block;
                }

                .qrcode[data-v-44ce18c5] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABJhJREFUeF7tndFxEzEQQFcM33RAA1RgOqABQg8M9gANkFQQxmHogaSCVBAqoAIqSAEccxNmiOPzrU72Sivp+TfSebXvZffOOp+DbIdB+nhdyya8i1rqdvghImdRY2seFOQ8IMAEwR4ECHIu63CBAFP/wa0L8A/+uHQE6E2AR/AR4FD/brUCPIGPAD0JMAEfAXoR4AB8BOhBgBn4cQJsQqjiUvdqeCuDXM/EerrPAYKcyTrcVJEXJUj9KgAB9lOIAA7dpwIkQaECpHwOQAVIks12EhUgKb9UACqAshvISSAngUm1JfckWkBSxmkBtABawJ4D2mYQVwFJ1cZ2Ei0gKb+0AFoALYAWMFc8Ui4Dvw0f5Y+8TqpJD5MuZRN+LprvvQVsh5WIfFq0pseDn8ulvF+Yk4g3s2kB2kmUFljKSZZ3AfT4DmdF2dLV0jn3dwTIdQ6QKoAh/HHpCOBZAGP4CHCoNmotzKZF7UaTAT4CeBUgE3wE8ChARvgI4E2AzPARwJMABeAjgBcBCsFHAA8CFISPAKUFKAwfAUoK4AA+ApQSwAl8BCghgCP4CJBbAJFX42NZjtm9O/Vcq82glQR5mRzsIHeyCb8Xzdd328p+OXQ7vJBNuF+0pgyDbQTIEPjeW3gXoEROIt4TAaaSZLEbGAGjxBAEQABuCt1zgArwKCUpN4WWqGWcAyRlnRZAC6AF0ALmigctYD87KfcEJhVo+0m0AFoALYAWQAvYzQCXgVwGzv5gRFfnAONia3gNMn758vNMqKfcDHoj63BbQ1q0GPWTQO0I9fz9NAI4288/Nv0IsOQqoDH449IRIFaABuEjwKH6+fQqoFH4CBAjQMPwEUAToHH4CDAnQJBf3m7gPPaMf2r+eBI4/kpm+69ncicfwteohX4fVhYPZIp678yD6vg5mMxJ6entEKAn2hNrRQAE6DwDnS+fCoAAnWeg8+VTARCg8wx0vnwqAAJ0noHOl9/PR8FGz9uv3Z8+bgjpYFcvVcT2BQD+rBttCwB8tTC0KwDwVfjt3hAC/Cj4bQoA/Gj47QkA/EXw4wSo5athIvetfF1rMcUjJugngbU8IOKIJPQ8FQF6ph/11TAqQNOKUAGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvDgH0HDU9AgGaxqsvzkaA7XDsj0bdevyBJT2d9Y2wEmB86ETaAybZ0s1qkS8BgJ8Vftz9ACmbQdrDlqeWCfzs8P0IAPwi8H0IAPxi8MsLAPyi8MsKAPzi8MsJAHwX8MsIAHw38PMLAHxX8PMKAHx38PMJAHyX8PMIAHy38O0FAL5r+LYCdPK8ffeElQBtdgM7et4+AtSegc7jt6kAnSe1puUjQE20DGJFAIOk1nRIBKiJlkGsCGCQ1JoOiQA10TKIFQEMklrTIRGgJloGsSKAQVJrOiQC1ETLIFYEMEhqTYdEgJpoGcQ6LwD7+QYp93XIwwIA3xcpo2imBQC+Ubr9HXZfAOD7o2QY0a4AwDdMtc9D/xcA+D4JGUf1IADwjdPs9/BBroYvsg4XfkMkMssM/AVTHxzOwEIO8QAAAABJRU5ErkJggg==) no-repeat center;
                    background-size: 32px;
                }

                .password[data-v-44ce18c5] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA5tJREFUeF7tnVFy1DAQBeUDwxWAK5ADL7WpgiogWckea96TpvNteUav27NekSJH+/l4NH50CXw9Dl3x1g4EUMbfWkMAMQB1eQRQExDXRwAxAHV5BFATENdHADEAdXkEUBMQ17cXQNygGE+8fO+cRZxv/xxA3GCcgPgOCCAGoC6PAGoC4voIIAagLo8AagLi+gggBqAujwBqAuL62wvQ26A4/+nle1+Te/n01k/eQPwcoLfByRuQ374HsJdPb/3kDSJANOAeQASIJmy+HgGK/04hAiDAyxnFR4D5CI+2xwRgAjABok/RyuuZAEwAJsDKT3C0dyYAE4AJEH2KVl7PBGACMAFWfoKjvTMBmABMgOhTtPL6yAQ42vf25fih3D7/HBxN/6oABvCfW0cAhQAm8BEgCv+5/uwEMIKPANkCmMFHgEwBDOEjQJYApvARIEOAt8c39Ve9V9vkW0BUgt5LYPT+k9cjQDRgBOAoOOqQcj0TIJo+E4AJEHVIuZ4JEE2fCcAEiDqkXM8EiKbPBCg8AYxP+Ea9ZgKMJvXvdRvA5yi4OHwEuCLAJk/+763zEXBGgs3gMwGKw0eAUQE2fPL5CAD+ewLxd4DRILnOMgEEsMSS1xQC5GVtWQkBLLHkNYUAeVlbVkIASyx5TSFAXtaWlRDAEkteU30B8nrJr7TxCd9omHUFAP7gSeCoSitdB/w/tOpNAOD/9ajWEgD4/83pOgIA/8MP6RoCAP/TN7T9BQD+y9fzY6WX9/dezf8Ey2p5IsBqxG7uFwFuDnS12yHAasRu7ncvAXjhO63HPgIA/zT854I9BAD+Jfh7CAD8y/DXFwD4IfhrCwD8MPx1BQD+LfDXFMD8/969jUzSjdb7FpAUTJUyCFCF9Cf7RAAEKJ5A8e0zARCgeALFt88EQIDiCRTfPhMAAYonUHz78QnQ+y3dkYA52x9Jaco1egGAPwXs6E21AgB/lNO063QCAH8a1DM31ggA/DOMpl6bLwDwpwI9e/NcAYB/ls/06/MEAP50mFcKxAW4UpU1NgkggA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSMIoMndpioC2KDQNIIAmtxtqiKADQpNIwigyd2mKgLYoNA0ggCa3G2qIoANCk0jCKDJ3aYqAtig0DSCAJrcbaoigA0KTSO/AFB5Ep/lW47IAAAAAElFTkSuQmCC) no-repeat center;
                    background-size: 32px;
                }
            }

            .navtitle {
                &[data-v-44ce18c5] {
                    margin: auto;
                    width: 75%;
                    height: 40px;
                    overflow: hidden;
                    margin-top: 40px;
                }

                span[data-v-44ce18c5] {
                    width: 100%;
                    line-height: 36px;
                    font-size: 18px;
                    font-weight: 500;
                }

                i[data-v-44ce18c5] {
                    margin: auto;
                    display: block;
                    width: 70px;
                    height: 3px;
                    border-radius: 1px;
                }

                .cur {
                    &[data-v-44ce18c5] {
                        width: 50%;
                        height: 40px;
                        text-align: center;
                        cursor: pointer;
                        float: left;
                    }

                    span[data-v-44ce18c5] {
                        color: #282828;
                        font-weight: bold;
                    }

                    i[data-v-44ce18c5] {
                        background-color: #0092EF;
                    }
                }

                .oth {
                    &[data-v-44ce18c5] {
                        width: 50%;
                        height: 40px;
                        text-align: center;
                        cursor: pointer;
                        float: left;
                    }

                    span[data-v-44ce18c5] {
                        color: #909399;
                    }

                    i[data-v-44ce18c5] {
                        background-color: #FFF;
                    }
                }
            }

            .loginform {
                &[data-v-44ce18c5] {
                    margin: auto;
                    margin-top: 30px;
                    width: 340px;
                }

                .smscode .el-button {
                    &[data-v-44ce18c5] {
                        position: absolute;
                        top: 1px;
                        right: 15px;
                        background-color: #FFF;
                        height: 30px;
                        font-size: 13px;
                        z-index: 1;
                        color: #0092EF;
                    }

                    .dibtnsms[data-v-44ce18c5] {
                        color: #aaa;
                    }
                }

                .agreement {
                    &[data-v-44ce18c5] {
                        margin-top: 30px;
                    }

                    .el-checkbox[data-v-44ce18c5] {
                        margin: 0;
                        padding: 0;
                        margin-right: 5px;
                    }

                    .text {
                        &[data-v-44ce18c5] {
                            width: auto;
                            font-size: 12px;
                            color: #B8BBCC;
                        }

                        .el-button[data-v-44ce18c5] {
                            font-size: 12px;
                            margin: 0px;
                            padding: 0;
                            margin-left: -5px;
                            color: #0092EF;
                        }
                    }
                }

                .loginbtn[data-v-44ce18c5] {
                    width: 100%;
                }

                .sm[data-v-44ce18c5] {
                    margin-bottom: 7.5px;
                }
            }

            .foot {
                &[data-v-44ce18c5] {
                    margin: auto;
                    width: 340px;
                    height: 20px;
                    margin-top: 40px;
                    display: flex;
                    justify-content: space-between;
                }

                .item {
                    &[data-v-44ce18c5] {
                        float: left;
                        height: 20px;
                        line-height: 20px;
                        padding-left: 20px;
                    }

                    .el-link[data-v-44ce18c5] {
                        font-size: 12px;
                        color: #A8ABB2;
                    }
                }

                .i1[data-v-44ce18c5] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAMtJREFUOE/tlN8NgjAQh39HdA5xBAM+qw9FugWbECcBp0CDCQyAcQRxD+EMBhNL+BtJfKGvvX7X6/U+wsiLRuZBAQbBTad55oLhdCZipETk74Vx+I5VgKdL4iHHtgjMGY82qEZYMLNjW+ayGRgmEYHiatY68LuaWXZn8E6KdfyJUW84AduaMr3hn77NOby61cbkT+0o5Sod3JTygAeGroxWOb+DgV1y6Acs5cAgxSB1cNJ4U1jJFqYyvj/pq0gsLcNvtE1XmX32Rzf2Czb+0hXF8Aj4AAAAAElFTkSuQmCC) left center no-repeat;
                    background-size: 18px;
                }

                .i2[data-v-44ce18c5] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAQJJREFUOE/dlEESgjAMRRPlIHoER9zjAoRTqCcRTqKeAhRndC+ORwDvgUTjTBmpRSrDyu5o6Ptpk3yEjhd2zIMKMAyvg55RzGWRguDmOeONSnwXX1ZF3tt63ijjeAkM47OFgEdlxgSZ65hDORbFCf9vEeFSCJZAViIgn4CmkBsvNbGE+vuegD2BJ9c2pyL2Ccz7QxVAB1a5cplhA7Aus1YZNsF+ylAHpg3UhWkBo0OyBoKFXE3xZtE+SQkwqG8bqShcLD48s8eB3Ic8CGjcUwT0RbxV2wjwvwAVo1frSEY+4PlXvuFXc2jwOJ5/z56cKm3DH3X29Y33bl0fwC7MtnPHfgDA5OMVS+UtxQAAAABJRU5ErkJggg==) 25px 4px no-repeat;
                    background-size: 16px;
                }

                .i3[data-v-44ce18c5] {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAadJREFUOE+FVEFuwkAMnEnoP+AJFfRMkAqFX8BLgJcQXgEllaDngvoE8o9CXHmJt0uatJFyyMY7nrHHJmqeTfaRQKI2I+mjQOJCiJzgoUDxPhk+HarXWD3Yvh1XEEz9OZFC0HYv0S5BU/mKl5PJY25xHkhZULhywcSvQL2w2Xy2+XCdu0SCXK7xwMA80HZ3PGuwUGYh9c3uNAWLHJdWbpd8Uo0vwRzQa3aaC2QhkIGBuGBwH0onuHgZdpeOXfnfzujotq5nlTN+7s3s4jY7imMonCkjJxvAeNTrWIwncIk7tI/xsHdX+G123ItwPRl1U72o3wCSmjhRVnRdKpCEmaqd9DIFeTXO1VatUUo4jIe9Qa2nTHqlS74EpV1oiE1A5quwEWFCU3STJphWtXvfaCOARsamiOoTUlZyiTuhU4Pu3RU9ZGMdd8Wu+qGuTk1nd+2/M2SFlcsYX/ckUzOigfpOlv77d0S0GQIuzU+hq3XezA4/Q1tm16FVzcUlWtfVzOS4oQ3m8u81IsjVbO7VvRSskXCcbuuqYbFFiPoCSfweIlIK86bF9g2FxTezYLBQewAAAABJRU5ErkJggg==) 25px 5px no-repeat;
                    background-size: 14px;
                }

                .mg[data-v-44ce18c5] {
                    margin-left: 25px;
                    border-left: 1px #EEE solid;
                    padding-left: 45px;
                }
            }
        }
    }

    .footbox {
        &[data-v-44ce18c5] {
            position: absolute;
            bottom: 50px;
            left: 0;
            width: 100%;
        }

        .line {
            &[data-v-44ce18c5] {
                margin: auto;
                width: 1200px;
                height: 25px;
                line-height: 25px;
                text-align: center;
                color: #A8ABB2;
                font-size: 12px;
            }

            i[data-v-44ce18c5] {
                margin: 0 5px;
                color: #E6E6E6;
                font-style: normal;
            }

            .el-button[data-v-44ce18c5] {
                font-size: 12px;
                margin: 0px;
                padding: 0;
                color: #A8ABB2;
                font-weight: normal;
            }
        }
    }
}

body {
    width: 100%;
    height: 100%;
    background-color: #f5f6fa
}

.pagebox {
    &[data-v-dc5271a1] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-dc5271a1] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
        }

        .chatbox[data-v-dc5271a1] {
            border-radius: 10px;
        }
    }
}

[data-v-dc5271a1] .el-tabs__nav-wrap:after {
    height: 1px
}

iframe[data-v-dc5271a1] {
    width: 100%;
    border: 0
}

.menubox[data-v-42ddac3f] {
    float: right;
    width: 285px;
    background-color: #fff;
    padding: 20px 20px 10px;
    border-radius: 5px
}

.menubox .title[data-v-42ddac3f] {
    width: 100%;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #303133
}

.menubox .list[data-v-42ddac3f] {
    width: 100%;
    height: 50px;
    border-bottom: 1px #F0F2F5 solid
}

.menubox .list .el-link[data-v-42ddac3f] {
    line-height: 50px;
    font-size: 16px
}

.menubox .list[data-v-42ddac3f]:last-child {
    border-bottom: none
}

.menubox .active .el-link[data-v-42ddac3f] {
    color: #0092ef
}

.payform[data-v-ecda2c14] {
    width: 100%;
    overflow: hidden
}

.payform .detail[data-v-ecda2c14] {
    width: 100%
}

.payform .detail .key[data-v-ecda2c14] {
    width: 100%;
    line-height: 30px;
    font-size: 12px;
    color: #a8abb2
}

.payform .detail .title[data-v-ecda2c14] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #282828
}

.payform .detail .price[data-v-ecda2c14] {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #f56c6c
}

.payform .paybox[data-v-ecda2c14] {
    width: 100%;
    padding-top: 20px
}

.payform .paybox .time[data-v-ecda2c14] {
    margin: 10px auto;
    width: 96%;
    display: flex;
    align-items: center
}

.payform .paybox .time div[data-v-ecda2c14] {
    width: 80px;
    line-height: 30px;
    color: #a8abb2
}

.payform .paybox .time span[data-v-ecda2c14] {
    line-height: 30px;
    color: #282828
}

.payform .paybox .money[data-v-ecda2c14] {
    margin: 10px auto;
    width: 96%;
    display: flex;
    align-items: center
}

.payform .paybox .money div[data-v-ecda2c14] {
    width: 80px;
    line-height: 30px;
    color: #a8abb2
}

.payform .paybox .money span[data-v-ecda2c14] {
    line-height: 30px;
    color: #f56c6c
}

.payform .paybox .money span i[data-v-ecda2c14] {
    font-weight: 700;
    font-size: 18px
}

.payform .paybox .paytype[data-v-ecda2c14] {
    margin: 10px auto;
    width: 96%;
    display: flex;
    align-items: center
}

.payform .paybox .paytype .left[data-v-ecda2c14] {
    width: 80px;
    line-height: 30px;
    color: #a8abb2
}

.payform .paybox .paytype .right[data-v-ecda2c14] {
    display: flex;
    align-items: center
}

.payform .paybox .paytype .right .item[data-v-ecda2c14] {
    width: 120px;
    line-height: 30px;
    margin-right: 10px;
    border: 1px #DCDFE6 solid;
    border-radius: 5px;
    color: #909399;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.payform .paybox .paytype .right .item img[data-v-ecda2c14] {
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.payform .paybox .paytype .right .active[data-v-ecda2c14] {
    border: 1px #258EFF solid;
    color: #282828;
    background: url(/assets/images/selected.png) bottom right no-repeat
}

.payform .paybox .qrcode[data-v-ecda2c14] {
    margin: 20px auto 0;
    width: 100%
}

.payform .paybox .qrcode div[data-v-ecda2c14] {
    width: 100%;
    text-align: center
}

.payform .paybox .qrcode div img[data-v-ecda2c14] {
    width: 120px;
    height: 120px
}

.payform .paybox .qrcode span[data-v-ecda2c14] {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #b8bbcc
}

.payform .paybox .hint[data-v-ecda2c14] {
    margin: 10px auto;
    width: 100%;
    line-height: 25px;
    text-align: center;
    color: #a8abb2;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.payform .paybox .hint .el-button[data-v-ecda2c14] {
    font-size: 12px
}

.pagebox {
    &[data-v-1a029f40] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-1a029f40] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .left {
            &[data-v-1a029f40] {
                float: left;
                width: 900px;
            }

            .orderbox {
                &[data-v-1a029f40] {
                    width: 100%;
                    min-height: 648px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .title[data-v-1a029f40] {
                    width: 100%;
                    line-height: 30px;
                    margin-bottom: 10px;
                    font-size: 18px;
                    font-weight: bold;
                }

                .conte {
                    &[data-v-1a029f40] {
                        padding-top: 10px;
                    }

                    .list {
                        &[data-v-1a029f40] {
                            width: 100%;
                            padding: 10px 0;
                            border-bottom: 1px #F5F5F5 solid;
                            display: flex;
                            justify-content: space-between;
                        }

                        .left {
                            &[data-v-1a029f40] {
                                width: 50%;
                            }

                            div {
                                &[data-v-1a029f40] {
                                    width: 100%;
                                    line-height: 30px;
                                    font-size: 16px;
                                    color: #282828;
                                }

                                .el-tag[data-v-1a029f40] {
                                    margin-left: 5px;
                                    font-size: 10px;
                                    padding: 0px 7px;
                                }
                            }

                            p[data-v-1a029f40] {
                                width: 100%;
                                line-height: 20px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }
                        }

                        .midd {
                            &[data-v-1a029f40] {
                                width: 30%;
                                text-align: left;
                            }

                            div {
                                &[data-v-1a029f40] {
                                    width: 100%;
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                }

                                i[data-v-1a029f40] {
                                    font-size: 16px;
                                    font-weight: bold;
                                    margin-right: 1px;
                                }
                            }
                        }

                        .right {
                            &[data-v-1a029f40] {
                                float: right;
                                width: 20%;
                                text-align: right;
                                display: flex;
                                justify-content: right;
                            }

                            .el-button[data-v-1a029f40] {
                                float: right;
                            }
                        }
                    }

                    .pager[data-v-1a029f40] {
                        width: 100%;
                        padding-top: 30px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            }
        }

        .right[data-v-1a029f40] {
            float: right;
            width: 285px;
        }
    }
}

.emptybox {
    &[data-v-1a029f40] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-1a029f40] {
            width: 100%;
            text-align: center;
        }

        img[data-v-1a029f40] {
            width: 250px;
        }
    }

    .hint[data-v-1a029f40] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-1a029f40] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

[data-v-1a029f40] .el-tabs__nav-wrap:after {
    height: 1px
}

.pagebox {
    &[data-v-04df330c] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-04df330c] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .left {
            &[data-v-04df330c] {
                float: left;
                width: 900px;
            }

            .servicebox {
                &[data-v-04df330c] {
                    width: 100%;
                    min-height: 648px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .title[data-v-04df330c] {
                    width: 100%;
                    line-height: 30px;
                    font-size: 18px;
                    font-weight: bold;
                }

                .conte {
                    &[data-v-04df330c] {
                        width: 100%;
                        margin-top: 10px;
                    }

                    .list {
                        &[data-v-04df330c] {
                            width: 100%;
                            padding: 20px 0;
                            border-bottom: 1px #F0F2F5 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .icon {
                            &[data-v-04df330c] {
                                width: 60px;
                            }

                            img[data-v-04df330c] {
                                width: 40px;
                                height: 40px;
                                border-radius: 100%;
                            }
                        }

                        .base {
                            &[data-v-04df330c] {
                                width: calc(100% - 160px);
                            }

                            div[data-v-04df330c] {
                                width: 100%;
                                line-height: 20px;
                                font-size: 16px;
                                font-weight: bold;
                            }

                            span[data-v-04df330c] {
                                width: 100%;
                                line-height: 25px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }
                        }

                        .btn[data-v-04df330c] {
                            float: right;
                            width: 100px;
                            text-align: right;
                        }

                        &[data-v-04df330c]:last-child {
                            border-bottom: none;
                        }
                    }
                }

                .mybox {
                    &[data-v-04df330c] {
                        padding-top: 20px;
                    }

                    .list {
                        &[data-v-04df330c] {
                            width: 100%;
                            padding: 10px 0;
                            border-bottom: 1px #F5F5F5 solid;
                            display: flex;
                            justify-content: space-between;
                        }

                        .left[data-v-04df330c] {
                            width: 30px;
                        }

                        .right {
                            &[data-v-04df330c] {
                                width: calc(100% - 30px);
                            }

                            div {
                                &[data-v-04df330c] {
                                    width: 100%;
                                    line-height: 30px;
                                    font-size: 16px;
                                    color: #282828;
                                }

                                .el-tag[data-v-04df330c] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                }
                            }

                            p[data-v-04df330c] {
                                width: 100%;
                                line-height: 20px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }
                        }
                    }

                    .pager[data-v-04df330c] {
                        width: 100%;
                        padding-top: 20px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            }
        }

        .right[data-v-04df330c] {
            float: right;
            width: 285px;
        }
    }

    .footbox {
        &[data-v-04df330c] {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 52px;
            background-color: #FFF;
            z-index: 2;
        }

        .foot {
            &[data-v-04df330c] {
                margin: auto;
                margin-top: 10px;
                margin-bottom: 10px;
                width: 1200px;
                display: flex;
                align-items: center;
            }

            .chk[data-v-04df330c] {
                margin-left: 20px;
                margin-right: 20px;
                color: #666;
                font-size: 12px;
            }
        }
    }
}

.pagebox {
    &[data-v-0445aaae] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-0445aaae] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .left {
            &[data-v-0445aaae] {
                float: left;
                width: 900px;
            }

            .servicebox {
                &[data-v-0445aaae] {
                    width: 100%;
                    min-height: 648px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .title[data-v-0445aaae] {
                    width: 100%;
                    line-height: 30px;
                    font-size: 18px;
                    font-weight: bold;
                }

                .conte {
                    &[data-v-0445aaae] {
                        width: 100%;
                        margin-top: 10px;
                    }

                    .list {
                        &[data-v-0445aaae] {
                            width: 100%;
                            padding: 20px 0;
                            border-bottom: 1px #F0F2F5 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .icon {
                            &[data-v-0445aaae] {
                                width: 60px;
                            }

                            img[data-v-0445aaae] {
                                width: 40px;
                                height: 40px;
                                border-radius: 100%;
                            }
                        }

                        .base {
                            &[data-v-0445aaae] {
                                width: calc(100% - 160px);
                            }

                            div[data-v-0445aaae] {
                                width: 100%;
                                line-height: 20px;
                                font-size: 16px;
                                font-weight: bold;
                            }

                            span[data-v-0445aaae] {
                                width: 100%;
                                line-height: 25px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }
                        }

                        .btn[data-v-0445aaae] {
                            float: right;
                            width: 100px;
                            text-align: right;
                        }

                        &[data-v-0445aaae]:last-child {
                            border-bottom: none;
                        }
                    }
                }

                .mybox {
                    &[data-v-0445aaae] {
                        padding-top: 20px;
                    }

                    .list {
                        &[data-v-0445aaae] {
                            width: 100%;
                            padding: 10px 0;
                            border-bottom: 1px #F5F5F5 solid;
                            display: flex;
                            justify-content: space-between;
                        }

                        .left[data-v-0445aaae] {
                            width: 30px;
                        }

                        .right {
                            &[data-v-0445aaae] {
                                width: calc(100% - 30px);
                            }

                            div {
                                &[data-v-0445aaae] {
                                    width: 100%;
                                    line-height: 30px;
                                    font-size: 16px;
                                    color: #282828;
                                }

                                .el-tag[data-v-0445aaae] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                }
                            }

                            p[data-v-0445aaae] {
                                width: 100%;
                                line-height: 20px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }
                        }
                    }

                    .pager[data-v-0445aaae] {
                        width: 100%;
                        padding-top: 20px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            }
        }

        .right[data-v-0445aaae] {
            float: right;
            width: 285px;
        }
    }

    .footbox {
        &[data-v-0445aaae] {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 52px;
            background-color: #FFF;
            z-index: 2;
        }

        .foot {
            &[data-v-0445aaae] {
                margin: auto;
                margin-top: 10px;
                margin-bottom: 10px;
                width: 1200px;
                display: flex;
                align-items: center;
            }

            .chk[data-v-0445aaae] {
                margin-left: 20px;
                margin-right: 20px;
                color: #666;
                font-size: 12px;
            }
        }
    }
}

.emptybox {
    &[data-v-0445aaae] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-0445aaae] {
            width: 100%;
            text-align: center;
        }

        img[data-v-0445aaae] {
            width: 250px;
        }
    }

    .hint[data-v-0445aaae] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-0445aaae] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.menubox[data-v-b6334d67] {
    float: right;
    width: 215px;
    background-color: #fff;
    padding: 0 0 20px;
    border-radius: 5px
}

.menubox .back[data-v-b6334d67] {
    width: 100%;
    height: 55px;
    padding-left: 30px
}

.menubox .back .el-link[data-v-b6334d67] {
    line-height: 55px;
    color: #909399;
    font-size: 16px
}

.menubox .back .el-link .el-icon[data-v-b6334d67] {
    margin-right: 5px
}

.menubox .list[data-v-b6334d67] {
    width: 100%;
    height: 55px;
    padding-left: 30px;
    cursor: pointer
}

.menubox .list .el-link[data-v-b6334d67] {
    line-height: 55px;
    color: #606266;
    font-size: 16px
}

.menubox .active[data-v-b6334d67] {
    border-left: 4px #0092EF solid;
    background-color: #ecf5ff
}

.menubox .active .el-link[data-v-b6334d67] {
    color: #282828
}

.mobileform[data-v-7013d37f] {
    width: 100%;
    overflow: hidden
}

.mobileform .header[data-v-7013d37f] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.mobileform .header .left[data-v-7013d37f] {
    width: calc(100% - 40px)
}

.mobileform .header .left .title[data-v-7013d37f] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #282828
}

.mobileform .header .left .subtitle[data-v-7013d37f] {
    width: 100%;
    line-height: 30px;
    font-size: 12px;
    color: #909399
}

.mobileform .header .right[data-v-7013d37f] {
    float: right;
    text-align: right;
    width: 40px;
    cursor: pointer
}

.mobileform .formbox[data-v-7013d37f] {
    margin-top: 10px
}

.mobileform .formbox .smscode .el-button[data-v-7013d37f] {
    position: absolute;
    top: 1px;
    right: 15px;
    background-color: #fff;
    height: 30px;
    font-size: 13px;
    z-index: 1;
    color: #0092ef
}

.mobileform .formbox .smscode .el-button .dibtnsms[data-v-7013d37f] {
    color: #aaa
}

.mobileform .hintbox[data-v-7013d37f] {
    float: left;
    width: 96%;
    padding: 0 2% 20px;
    margin-top: 10px
}

.mobileform .hintbox div[data-v-7013d37f],
.mobileform .hintbox span[data-v-7013d37f] {
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 12px;
    color: #b8bbcc
}

.mobileform[data-v-55a9ae38] {
    width: 100%;
    overflow: hidden
}

.mobileform .header[data-v-55a9ae38] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.mobileform .header .left[data-v-55a9ae38] {
    width: calc(100% - 40px);
    line-height: 30px;
    font-size: 16px;
    color: #282828
}

.mobileform .header .left i[data-v-55a9ae38] {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #909399
}

.mobileform .header .right[data-v-55a9ae38] {
    float: right;
    text-align: right;
    width: 40px;
    cursor: pointer
}

.mobileform[data-v-8b06e65b] {
    width: 100%;
    overflow: hidden
}

.mobileform .header[data-v-8b06e65b] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.mobileform .header .left[data-v-8b06e65b] {
    width: calc(100% - 40px)
}

.mobileform .header .left .title[data-v-8b06e65b] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #282828
}

.mobileform .header .left .subtitle[data-v-8b06e65b] {
    width: 100%;
    line-height: 30px;
    font-size: 12px;
    color: #909399
}

.mobileform .header .right[data-v-8b06e65b] {
    float: right;
    text-align: right;
    width: 40px;
    cursor: pointer
}

.mobileform .formbox[data-v-8b06e65b] {
    margin-top: 10px
}

.mobileform .formbox .smscode .el-button[data-v-8b06e65b] {
    position: absolute;
    top: 1px;
    right: 15px;
    background-color: #fff;
    height: 30px;
    font-size: 13px;
    z-index: 1;
    color: #0092ef
}

.mobileform .formbox .smscode .el-button .dibtnsms[data-v-8b06e65b] {
    color: #aaa
}

.mobileform .hintbox[data-v-8b06e65b] {
    float: left;
    width: 96%;
    padding: 0 2% 20px;
    margin-top: 10px
}

.mobileform .hintbox div[data-v-8b06e65b] {
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 12px;
    color: #b8bbcc
}

.mobileform .hintbox span[data-v-8b06e65b] {
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 12px;
    color: #f56c6c
}

.pagebox {
    &[data-v-29c22ea5] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-29c22ea5] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .menubox[data-v-29c22ea5] {
            float: left;
            width: 215px;
        }

        .content {
            &[data-v-29c22ea5] {
                float: right;
                width: calc(100% - 230px);
            }

            .accountbox {
                &[data-v-29c22ea5] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-29c22ea5] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-29c22ea5] {
                        width: 100%;
                        padding: 20px 0;
                        border-bottom: 1px #F5F5F5 solid;
                    }

                    .name[data-v-29c22ea5] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }

                    .subname[data-v-29c22ea5] {
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                        padding-top: 10px;
                    }

                    .btn[data-v-29c22ea5] {
                        width: 100%;
                        padding-top: 20px;
                    }

                    &[data-v-29c22ea5]:last-child {
                        border-bottom: none;
                    }
                }
            }

            .noticebox {
                &[data-v-29c22ea5] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-29c22ea5] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }
            }

            .noticebox {
                &[data-v-29c22ea5] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-29c22ea5] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-29c22ea5] {
                        float: left;
                        width: 100%;
                        padding: 10px 0;
                    }

                    .tit[data-v-29c22ea5] {
                        width: 100%;
                        line-height: 40px;
                        font-size: 16px;
                        color: #B8BBCC;
                    }

                    .item {
                        &[data-v-29c22ea5] {
                            float: left;
                            width: 100%;
                            margin-bottom: 40px;
                            display: flex;
                            align-items: baseline;
                        }

                        div[data-v-29c22ea5] {
                            width: 100%;
                            line-height: 30px;
                            font-size: 16px;
                            font-weight: bold;
                            color: #303133;
                            margin-left: 7px;
                        }

                        span[data-v-29c22ea5] {
                            display: block;
                            width: 100%;
                            line-height: 30px;
                            margin-top: 0px;
                            font-size: 14px;
                            color: #A8ABB2;
                            margin-left: 7px;
                        }
                    }
                }
            }

            .privacybox {
                &[data-v-29c22ea5] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-29c22ea5] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-29c22ea5] {
                        float: left;
                        width: 100%;
                        margin: 20px 0;
                        display: flex;
                        align-items: baseline;
                    }

                    div[data-v-29c22ea5] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        margin-left: 7px;
                    }

                    span[data-v-29c22ea5] {
                        display: block;
                        width: 100%;
                        line-height: 30px;
                        margin-top: 0px;
                        font-size: 14px;
                        color: #A8ABB2;
                        margin-left: 7px;
                    }
                }
            }

            .filterbox {
                &[data-v-29c22ea5] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-29c22ea5] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-29c22ea5] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-29c22ea5] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-29c22ea5] {
                            width: 100%;
                            height: 45px;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-29c22ea5] {
                            width: 30px;
                            text-align: center;
                        }

                        .right[data-v-29c22ea5] {
                            width: calc(100% - 30px);
                            font-size: 14px;
                        }
                    }

                    .footer {
                        &[data-v-29c22ea5] {
                            width: 100%;
                            height: 40px;
                            display: flex;
                            align-items: center;
                        }

                        .chk[data-v-29c22ea5] {
                            margin-left: 5px;
                            margin-right: 15px;
                        }
                    }
                }
            }

            .commonbox {
                &[data-v-29c22ea5] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-29c22ea5] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-29c22ea5] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-29c22ea5] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-29c22ea5] {
                            width: 100%;
                            height: auto;
                            line-height: 25px;
                            padding: 10px 0;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-29c22ea5] {
                            width: calc(100% - 120px);
                            font-size: 15px;
                        }

                        .right {
                            &[data-v-29c22ea5] {
                                width: 120px;
                                text-align: right;
                            }

                            .el-link[data-v-29c22ea5] {
                                margin-left: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.emptybox {
    &[data-v-37e65df6] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-37e65df6] {
            width: 100%;
            text-align: center;
        }

        img[data-v-37e65df6] {
            width: 250px;
        }
    }

    .hint[data-v-37e65df6] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-37e65df6] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.filterform[data-v-37e65df6] {
    width: 100%;
    overflow: hidden
}

.filterform .header[data-v-37e65df6] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.filterform .header .left[data-v-37e65df6] {
    width: calc(100% - 40px);
    line-height: 30px;
    font-size: 16px;
    color: #282828;
    font-weight: 700
}

.filterform .header .left i[data-v-37e65df6] {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #909399
}

.filterform .header .right[data-v-37e65df6] {
    float: right;
    text-align: right;
    width: 40px;
    cursor: pointer
}

.filterform .search[data-v-37e65df6] {
    width: 100%;
    padding: 20px 0;
    height: 38px;
    background-color: #0092ef;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.filterform .search .left[data-v-37e65df6] {
    width: calc(100% - 72px);
    height: 38px;
    margin: 1px
}

.filterform .search .left .el-input[data-v-37e65df6] {
    float: right;
    width: calc(100% + -0px);
    height: 38px
}

.filterform .search .left[data-v-37e65df6] .el-input__wrapper {
    box-shadow: none
}

.filterform .search .right[data-v-37e65df6] {
    width: 70px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.filterform .list[data-v-37e65df6] {
    width: 100%;
    height: 45px;
    border-bottom: 1px #F3F3F3 solid;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.filterform .list .left[data-v-37e65df6] {
    width: 30px;
    text-align: center
}

.filterform .list .right[data-v-37e65df6] {
    width: calc(100% - 30px);
    font-size: 14px;
    font-weight: 700
}

.filterform .footer[data-v-37e65df6] {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.filterform .footer .chk[data-v-37e65df6] {
    width: 20%;
    margin-left: 5px
}

.pagebox {
    &[data-v-6bac5b73] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-6bac5b73] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .menubox[data-v-6bac5b73] {
            float: left;
            width: 215px;
        }

        .content {
            &[data-v-6bac5b73] {
                float: right;
                width: calc(100% - 230px);
            }

            .accountbox {
                &[data-v-6bac5b73] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-6bac5b73] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-6bac5b73] {
                        width: 100%;
                        padding: 20px 0;
                        border-bottom: 1px #F5F5F5 solid;
                    }

                    .name[data-v-6bac5b73] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }

                    .subname[data-v-6bac5b73] {
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                        padding-top: 10px;
                    }

                    .btn[data-v-6bac5b73] {
                        width: 100%;
                        padding-top: 20px;
                    }

                    &[data-v-6bac5b73]:last-child {
                        border-bottom: none;
                    }
                }
            }

            .noticebox {
                &[data-v-6bac5b73] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-6bac5b73] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }
            }

            .noticebox {
                &[data-v-6bac5b73] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-6bac5b73] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-6bac5b73] {
                        float: left;
                        width: 100%;
                        padding: 10px 0;
                    }

                    .tit[data-v-6bac5b73] {
                        width: 100%;
                        line-height: 40px;
                        font-size: 16px;
                        color: #B8BBCC;
                    }

                    .item {
                        &[data-v-6bac5b73] {
                            float: left;
                            width: 100%;
                            margin-bottom: 40px;
                            display: flex;
                            align-items: baseline;
                        }

                        div[data-v-6bac5b73] {
                            width: 100%;
                            line-height: 30px;
                            font-size: 16px;
                            font-weight: bold;
                            color: #303133;
                            margin-left: 7px;
                        }

                        span[data-v-6bac5b73] {
                            display: block;
                            width: 100%;
                            line-height: 30px;
                            margin-top: 0px;
                            font-size: 14px;
                            color: #A8ABB2;
                            margin-left: 7px;
                        }
                    }
                }
            }

            .privacybox {
                &[data-v-6bac5b73] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-6bac5b73] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-6bac5b73] {
                        float: left;
                        width: 100%;
                        margin: 20px 0;
                        display: flex;
                        align-items: baseline;
                    }

                    div[data-v-6bac5b73] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        margin-left: 7px;
                    }

                    span[data-v-6bac5b73] {
                        display: block;
                        width: 100%;
                        line-height: 30px;
                        margin-top: 0px;
                        font-size: 14px;
                        color: #A8ABB2;
                        margin-left: 7px;
                    }
                }
            }

            .filterbox {
                &[data-v-6bac5b73] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-6bac5b73] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-6bac5b73] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-6bac5b73] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-6bac5b73] {
                            width: 100%;
                            height: 45px;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-6bac5b73] {
                            width: 30px;
                            text-align: center;
                        }

                        .right[data-v-6bac5b73] {
                            width: calc(100% - 30px);
                            font-size: 14px;
                        }
                    }

                    .footer {
                        &[data-v-6bac5b73] {
                            width: 100%;
                            height: 40px;
                            display: flex;
                            align-items: center;
                        }

                        .chk[data-v-6bac5b73] {
                            margin-left: 5px;
                            margin-right: 15px;
                        }
                    }
                }
            }

            .commonbox {
                &[data-v-6bac5b73] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-6bac5b73] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-6bac5b73] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-6bac5b73] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-6bac5b73] {
                            width: 100%;
                            height: auto;
                            line-height: 25px;
                            padding: 10px 0;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-6bac5b73] {
                            width: calc(100% - 120px);
                            font-size: 15px;
                        }

                        .right {
                            &[data-v-6bac5b73] {
                                width: 120px;
                                text-align: right;
                            }

                            .el-link[data-v-6bac5b73] {
                                margin-left: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.emptybox {
    &[data-v-6bac5b73] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-6bac5b73] {
            width: 100%;
            text-align: center;
        }

        img[data-v-6bac5b73] {
            width: 250px;
        }
    }

    .hint[data-v-6bac5b73] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-6bac5b73] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.pagebox {
    &[data-v-e9e976f0] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-e9e976f0] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .menubox[data-v-e9e976f0] {
            float: left;
            width: 215px;
        }

        .content {
            &[data-v-e9e976f0] {
                float: right;
                width: calc(100% - 230px);
            }

            .accountbox {
                &[data-v-e9e976f0] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-e9e976f0] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-e9e976f0] {
                        width: 100%;
                        padding: 20px 0;
                        border-bottom: 1px #F5F5F5 solid;
                    }

                    .name[data-v-e9e976f0] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }

                    .subname[data-v-e9e976f0] {
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                        padding-top: 10px;
                    }

                    .btn[data-v-e9e976f0] {
                        width: 100%;
                        padding-top: 20px;
                    }

                    &[data-v-e9e976f0]:last-child {
                        border-bottom: none;
                    }
                }
            }

            .noticebox {
                &[data-v-e9e976f0] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-e9e976f0] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }
            }

            .noticebox {
                &[data-v-e9e976f0] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-e9e976f0] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-e9e976f0] {
                        float: left;
                        width: 100%;
                        padding: 10px 0;
                    }

                    .tit[data-v-e9e976f0] {
                        width: 100%;
                        line-height: 40px;
                        font-size: 16px;
                        color: #B8BBCC;
                    }

                    .item {
                        &[data-v-e9e976f0] {
                            float: left;
                            width: 100%;
                            margin-bottom: 40px;
                            display: flex;
                            align-items: baseline;
                        }

                        div[data-v-e9e976f0] {
                            width: 100%;
                            line-height: 30px;
                            font-size: 16px;
                            font-weight: bold;
                            color: #303133;
                            margin-left: 7px;
                        }

                        span[data-v-e9e976f0] {
                            display: block;
                            width: 100%;
                            line-height: 30px;
                            margin-top: 0px;
                            font-size: 14px;
                            color: #A8ABB2;
                            margin-left: 7px;
                        }
                    }
                }
            }

            .privacybox {
                &[data-v-e9e976f0] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-e9e976f0] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-e9e976f0] {
                        float: left;
                        width: 100%;
                        margin: 20px 0;
                        display: flex;
                        align-items: baseline;
                    }

                    div[data-v-e9e976f0] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        margin-left: 7px;
                    }

                    span[data-v-e9e976f0] {
                        display: block;
                        width: 100%;
                        line-height: 30px;
                        margin-top: 0px;
                        font-size: 14px;
                        color: #A8ABB2;
                        margin-left: 7px;
                    }
                }
            }

            .filterbox {
                &[data-v-e9e976f0] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-e9e976f0] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-e9e976f0] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-e9e976f0] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-e9e976f0] {
                            width: 100%;
                            height: 45px;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-e9e976f0] {
                            width: 30px;
                            text-align: center;
                        }

                        .right[data-v-e9e976f0] {
                            width: calc(100% - 30px);
                            font-size: 14px;
                        }
                    }

                    .footer {
                        &[data-v-e9e976f0] {
                            width: 100%;
                            height: 40px;
                            display: flex;
                            align-items: center;
                        }

                        .chk[data-v-e9e976f0] {
                            margin-left: 5px;
                            margin-right: 15px;
                        }
                    }
                }
            }

            .commonbox {
                &[data-v-e9e976f0] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-e9e976f0] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-e9e976f0] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-e9e976f0] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-e9e976f0] {
                            width: 100%;
                            height: auto;
                            line-height: 25px;
                            padding: 10px 0;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-e9e976f0] {
                            width: calc(100% - 120px);
                            font-size: 15px;
                        }

                        .right {
                            &[data-v-e9e976f0] {
                                width: 120px;
                                text-align: right;
                            }

                            .el-link[data-v-e9e976f0] {
                                margin-left: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.pagebox {
    &[data-v-cb8c39af] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-cb8c39af] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .menubox[data-v-cb8c39af] {
            float: left;
            width: 215px;
        }

        .content {
            &[data-v-cb8c39af] {
                float: right;
                width: calc(100% - 230px);
            }

            .accountbox {
                &[data-v-cb8c39af] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-cb8c39af] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-cb8c39af] {
                        width: 100%;
                        padding: 20px 0;
                        border-bottom: 1px #F5F5F5 solid;
                    }

                    .name[data-v-cb8c39af] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }

                    .subname[data-v-cb8c39af] {
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                        padding-top: 10px;
                    }

                    .btn[data-v-cb8c39af] {
                        width: 100%;
                        padding-top: 20px;
                    }

                    &[data-v-cb8c39af]:last-child {
                        border-bottom: none;
                    }
                }
            }

            .noticebox {
                &[data-v-cb8c39af] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-cb8c39af] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }
            }

            .noticebox {
                &[data-v-cb8c39af] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-cb8c39af] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-cb8c39af] {
                        float: left;
                        width: 100%;
                        padding: 10px 0;
                    }

                    .tit[data-v-cb8c39af] {
                        width: 100%;
                        line-height: 40px;
                        font-size: 16px;
                        color: #B8BBCC;
                    }

                    .item {
                        &[data-v-cb8c39af] {
                            float: left;
                            width: 100%;
                            margin-bottom: 40px;
                            display: flex;
                            align-items: baseline;
                        }

                        div[data-v-cb8c39af] {
                            width: 100%;
                            line-height: 30px;
                            font-size: 16px;
                            font-weight: bold;
                            color: #303133;
                            margin-left: 7px;
                        }

                        span[data-v-cb8c39af] {
                            display: block;
                            width: 100%;
                            line-height: 30px;
                            margin-top: 0px;
                            font-size: 14px;
                            color: #A8ABB2;
                            margin-left: 7px;
                        }
                    }
                }
            }

            .privacybox {
                &[data-v-cb8c39af] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-cb8c39af] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-cb8c39af] {
                        float: left;
                        width: 100%;
                        margin: 20px 0;
                        display: flex;
                        align-items: baseline;
                    }

                    div[data-v-cb8c39af] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        margin-left: 7px;
                    }

                    span[data-v-cb8c39af] {
                        display: block;
                        width: 100%;
                        line-height: 30px;
                        margin-top: 0px;
                        font-size: 14px;
                        color: #A8ABB2;
                        margin-left: 7px;
                    }
                }
            }

            .filterbox {
                &[data-v-cb8c39af] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-cb8c39af] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-cb8c39af] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-cb8c39af] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-cb8c39af] {
                            width: 100%;
                            height: 45px;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-cb8c39af] {
                            width: 30px;
                            text-align: center;
                        }

                        .right[data-v-cb8c39af] {
                            width: calc(100% - 30px);
                            font-size: 14px;
                        }
                    }

                    .footer {
                        &[data-v-cb8c39af] {
                            width: 100%;
                            height: 40px;
                            display: flex;
                            align-items: center;
                        }

                        .chk[data-v-cb8c39af] {
                            margin-left: 5px;
                            margin-right: 15px;
                        }
                    }
                }
            }

            .commonbox {
                &[data-v-cb8c39af] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-cb8c39af] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-cb8c39af] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-cb8c39af] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-cb8c39af] {
                            width: 100%;
                            height: auto;
                            line-height: 25px;
                            padding: 10px 0;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-cb8c39af] {
                            width: calc(100% - 120px);
                            font-size: 15px;
                        }

                        .right {
                            &[data-v-cb8c39af] {
                                width: 120px;
                                text-align: right;
                            }

                            .el-link[data-v-cb8c39af] {
                                margin-left: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.pagebox {
    &[data-v-c35bcf34] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-c35bcf34] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .menubox[data-v-c35bcf34] {
            float: left;
            width: 215px;
        }

        .content {
            &[data-v-c35bcf34] {
                float: right;
                width: calc(100% - 230px);
            }

            .accountbox {
                &[data-v-c35bcf34] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-c35bcf34] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-c35bcf34] {
                        width: 100%;
                        padding: 20px 0;
                        border-bottom: 1px #F5F5F5 solid;
                    }

                    .name[data-v-c35bcf34] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }

                    .subname[data-v-c35bcf34] {
                        width: 100%;
                        line-height: 20px;
                        font-size: 14px;
                        color: #909399;
                        padding-top: 10px;
                    }

                    .btn[data-v-c35bcf34] {
                        width: 100%;
                        padding-top: 20px;
                    }

                    &[data-v-c35bcf34]:last-child {
                        border-bottom: none;
                    }
                }
            }

            .noticebox {
                &[data-v-c35bcf34] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-c35bcf34] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }
            }

            .noticebox {
                &[data-v-c35bcf34] {
                    float: left;
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-c35bcf34] {
                    float: left;
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-c35bcf34] {
                        float: left;
                        width: 100%;
                        padding: 10px 0;
                    }

                    .tit[data-v-c35bcf34] {
                        width: 100%;
                        line-height: 40px;
                        font-size: 16px;
                        color: #B8BBCC;
                    }

                    .item {
                        &[data-v-c35bcf34] {
                            float: left;
                            width: 100%;
                            margin-bottom: 40px;
                            display: flex;
                            align-items: baseline;
                        }

                        div[data-v-c35bcf34] {
                            width: 100%;
                            line-height: 30px;
                            font-size: 16px;
                            font-weight: bold;
                            color: #303133;
                            margin-left: 7px;
                        }

                        span[data-v-c35bcf34] {
                            display: block;
                            width: 100%;
                            line-height: 30px;
                            margin-top: 0px;
                            font-size: 14px;
                            color: #A8ABB2;
                            margin-left: 7px;
                        }
                    }
                }
            }

            .privacybox {
                &[data-v-c35bcf34] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title[data-v-c35bcf34] {
                    width: 100%;
                    line-height: 50px;
                    font-size: 18px;
                    padding-bottom: 10px;
                    font-weight: bold;
                    color: #282822;
                    border-bottom: 1px #F5F5F5 solid;
                }

                .list {
                    &[data-v-c35bcf34] {
                        float: left;
                        width: 100%;
                        margin: 20px 0;
                        display: flex;
                        align-items: baseline;
                    }

                    div[data-v-c35bcf34] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        margin-left: 7px;
                    }

                    span[data-v-c35bcf34] {
                        display: block;
                        width: 100%;
                        line-height: 30px;
                        margin-top: 0px;
                        font-size: 14px;
                        color: #A8ABB2;
                        margin-left: 7px;
                    }
                }
            }

            .filterbox {
                &[data-v-c35bcf34] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-c35bcf34] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-c35bcf34] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-c35bcf34] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-c35bcf34] {
                            width: 100%;
                            height: 45px;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-c35bcf34] {
                            width: 30px;
                            text-align: center;
                        }

                        .right[data-v-c35bcf34] {
                            width: calc(100% - 30px);
                            font-size: 14px;
                        }
                    }

                    .footer {
                        &[data-v-c35bcf34] {
                            width: 100%;
                            height: 40px;
                            display: flex;
                            align-items: center;
                        }

                        .chk[data-v-c35bcf34] {
                            margin-left: 5px;
                            margin-right: 15px;
                        }
                    }
                }
            }

            .commonbox {
                &[data-v-c35bcf34] {
                    width: 100%;
                    min-height: 648px;
                    padding: 10px 50px;
                    padding-bottom: 50px;
                    background-color: #FFF;
                    border-radius: 5px;
                    overflow: hidden;
                }

                .title {
                    &[data-v-c35bcf34] {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        border-bottom: 1px #F5F5F5 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-c35bcf34] {
                        font-size: 18px;
                        font-weight: bold;
                        color: #282822;
                    }
                }

                .conte {
                    &[data-v-c35bcf34] {
                        width: 100%;
                        padding: 10px 0;
                    }

                    .list {
                        &[data-v-c35bcf34] {
                            width: 100%;
                            height: auto;
                            line-height: 25px;
                            padding: 10px 0;
                            border-bottom: 0px #F3F3F3 solid;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left[data-v-c35bcf34] {
                            width: calc(100% - 120px);
                            font-size: 15px;
                        }

                        .right {
                            &[data-v-c35bcf34] {
                                width: 120px;
                                text-align: right;
                            }

                            .el-link[data-v-c35bcf34] {
                                margin-left: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.emptybox {
    &[data-v-c35bcf34] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-c35bcf34] {
            width: 100%;
            text-align: center;
        }

        img[data-v-c35bcf34] {
            width: 250px;
        }
    }

    .hint[data-v-c35bcf34] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-c35bcf34] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.pagebox {
    &[data-v-8afd8ab1] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-8afd8ab1] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding-bottom: 25px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-8afd8ab1] {
                float: left;
                width: 900px;
            }

            .navigaterbox {
                &[data-v-8afd8ab1] {
                    width: 100%;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                }

                .item {
                    &[data-v-8afd8ab1] {
                        position: relative;
                        width: 80px;
                        height: 48px;
                        margin-right: 10px;
                        cursor: pointer;
                    }

                    span[data-v-8afd8ab1] {
                        float: left;
                        width: 100%;
                        line-height: 45px;
                        text-align: center;
                        color: #606266;
                        font-size: 15px;
                    }

                    p[data-v-8afd8ab1] {
                        position: absolute;
                        bottom: 0;
                        left: 30px;
                        width: 20px;
                        height: 3px;
                        border-radius: 3px;
                    }

                    &:hover {
                        span[data-v-8afd8ab1] {
                            color: #0092EF;
                        }
                    }
                }

                .active {
                    span[data-v-8afd8ab1] {
                        color: #0092EF;
                    }

                    p[data-v-8afd8ab1] {
                        background-color: #0092EF;
                    }
                }
            }

            .statusbox {
                &[data-v-8afd8ab1] {
                    width: 100%;
                    margin-top: 15px;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                }

                .left {
                    &[data-v-8afd8ab1] {
                        width: 65%;
                        display: flex;
                        align-items: center;
                    }

                    .item[data-v-8afd8ab1] {
                        line-height: 28px;
                        background-color: #F4F6F9;
                        padding: 0 15px;
                        border-radius: 6px;
                        margin-right: 20px;
                        font-size: 14px;
                        color: #909399;
                        cursor: pointer;
                    }

                    .active[data-v-8afd8ab1] {
                        background-color: #0092EF;
                        color: #FFF;
                    }
                }
            }

            .jobbox {
                &[data-v-8afd8ab1] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-8afd8ab1] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-8afd8ab1] {
                            width: calc(100% - 380px);
                        }

                        .names {
                            &[data-v-8afd8ab1] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-8afd8ab1] {
                                    line-height: 30px;
                                    margin-right: 20px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-8afd8ab1]:hover {
                                    color: #0092EF;
                                }

                                .el-tag[data-v-8afd8ab1] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                    font-weight: normal;
                                }
                            }
                        }

                        .basic {
                            &[data-v-8afd8ab1] {
                                width: 100%;
                                margin-top: 5px;
                                display: flex;
                                align-items: center;
                            }

                            div[data-v-8afd8ab1] {
                                line-height: 30px;
                                font-size: 14px;
                                color: #F56C6C;
                            }

                            span[data-v-8afd8ab1] {
                                font-size: 12px;
                                color: #909399;
                                margin-left: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-8afd8ab1] {
                            width: 380px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-8afd8ab1] {
                                width: 55px;
                            }

                            img[data-v-8afd8ab1] {
                                width: 45px;
                                height: 45px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-8afd8ab1] {
                                width: calc(100% - 55px);
                            }

                            .name {
                                &[data-v-8afd8ab1] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 15px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-8afd8ab1]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-8afd8ab1] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-8afd8ab1] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-8afd8ab1] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-8afd8ab1] {
                        width: calc(100% - 380px);
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-8afd8ab1] {
                            width: 380px;
                            text-align: right;
                            line-height: 40px;
                        }

                        .pop {
                            &[data-v-8afd8ab1] {
                                float: right;
                                line-height: 40px;
                                color: #A8ABB2;
                                font-size: 12px;
                                display: flex;
                                align-items: center;
                                cursor: pointer;
                            }

                            .el-icon[data-v-8afd8ab1] {
                                margin-left: 2px;
                            }
                        }

                        .el-link {
                            &[data-v-8afd8ab1] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-8afd8ab1] {
                                margin-right: 2px;
                            }
                        }
                    }
                }

                &[data-v-8afd8ab1]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .browsebox {
                &[data-v-8afd8ab1] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-8afd8ab1] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 55px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-8afd8ab1] {
                            width: 55%;
                            display: flex;
                            align-items: center;
                        }

                        img[data-v-8afd8ab1] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 10px;
                        }

                        .name[data-v-8afd8ab1] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #606266;
                        }
                    }

                    .right {
                        &[data-v-8afd8ab1] {
                            float: right;
                            display: flex;
                            align-items: center;
                            font-size: 14px;
                            color: #606266;
                        }

                        img[data-v-8afd8ab1] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 5px;
                        }

                        span[data-v-8afd8ab1] {
                            font-size: 14px;
                            color: #606266;
                        }

                        i[data-v-8afd8ab1] {
                            margin: 0 3px;
                            color: #0092EF;
                        }
                    }
                }

                .midd {
                    &[data-v-8afd8ab1] {
                        width: 100%;
                        padding: 0px 20px;
                        padding-top: 15px;
                    }

                    .joblist {
                        &[data-v-8afd8ab1] {
                            width: 100%;
                            padding-bottom: 15px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left {
                            &[data-v-8afd8ab1] {
                                width: 75%;
                            }

                            .names {
                                &[data-v-8afd8ab1] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-8afd8ab1] {
                                        line-height: 30px;
                                        margin-right: 15px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-8afd8ab1]:hover {
                                        color: #0092EF;
                                    }
                                }

                                .salary[data-v-8afd8ab1] {
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                }
                            }

                            .basic {
                                &[data-v-8afd8ab1] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                span[data-v-8afd8ab1] {
                                    background-color: #F4F6F9;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 7px;
                                }
                            }
                        }

                        .right {
                            &[data-v-8afd8ab1] {
                                float: right;
                            }

                            .el-button[data-v-8afd8ab1] {
                                width: 80px;
                                height: 30px;
                            }
                        }
                    }
                }

                .down {
                    &[data-v-8afd8ab1] {
                        width: calc(100% - 40px);
                        margin: 0px 20px;
                        padding-bottom: 10px;
                        height: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-8afd8ab1] {
                        width: 55%;
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-8afd8ab1] {
                            float: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }

                        .el-link {
                            &[data-v-8afd8ab1] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-8afd8ab1] {
                                margin-right: 2px;
                            }
                        }
                    }
                }
            }

            .pager[data-v-8afd8ab1] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-8afd8ab1] {
            float: right;
            width: 285px;
        }
    }
}

.invitebox {
    &[data-v-8afd8ab1] {
        width: 100%
    }

    .item {
        &[data-v-8afd8ab1] {
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        span[data-v-8afd8ab1] {
            width: 70px;
            color: #909399;
        }

        p[data-v-8afd8ab1] {
            width: calc(100% - 70px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

.emptybox {
    &[data-v-8afd8ab1] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-8afd8ab1] {
            width: 100%;
            text-align: center;
        }

        img[data-v-8afd8ab1] {
            width: 250px;
        }
    }

    .hint[data-v-8afd8ab1] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-8afd8ab1] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-8afd8ab1] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.pagebox {
    &[data-v-277de29e] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-277de29e] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding-bottom: 25px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-277de29e] {
                float: left;
                width: 900px;
            }

            .navigaterbox {
                &[data-v-277de29e] {
                    width: 100%;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                }

                .item {
                    &[data-v-277de29e] {
                        position: relative;
                        width: 80px;
                        height: 48px;
                        margin-right: 10px;
                        cursor: pointer;
                    }

                    span[data-v-277de29e] {
                        float: left;
                        width: 100%;
                        line-height: 45px;
                        text-align: center;
                        color: #606266;
                        font-size: 15px;
                    }

                    p[data-v-277de29e] {
                        position: absolute;
                        bottom: 0;
                        left: 30px;
                        width: 20px;
                        height: 3px;
                        border-radius: 3px;
                    }

                    &:hover {
                        span[data-v-277de29e] {
                            color: #0092EF;
                        }
                    }
                }

                .active {
                    span[data-v-277de29e] {
                        color: #0092EF;
                    }

                    p[data-v-277de29e] {
                        background-color: #0092EF;
                    }
                }
            }

            .statusbox {
                &[data-v-277de29e] {
                    width: 100%;
                    margin-top: 15px;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                }

                .left {
                    &[data-v-277de29e] {
                        width: 65%;
                        display: flex;
                        align-items: center;
                    }

                    .item[data-v-277de29e] {
                        line-height: 28px;
                        background-color: #F4F6F9;
                        padding: 0 15px;
                        border-radius: 6px;
                        margin-right: 20px;
                        font-size: 14px;
                        color: #909399;
                        cursor: pointer;
                    }

                    .active[data-v-277de29e] {
                        background-color: #0092EF;
                        color: #FFF;
                    }
                }
            }

            .jobbox {
                &[data-v-277de29e] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-277de29e] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-277de29e] {
                            width: calc(100% - 380px);
                        }

                        .names {
                            &[data-v-277de29e] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-277de29e] {
                                    line-height: 30px;
                                    margin-right: 20px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-277de29e]:hover {
                                    color: #0092EF;
                                }

                                .el-tag[data-v-277de29e] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                    font-weight: normal;
                                }
                            }
                        }

                        .basic {
                            &[data-v-277de29e] {
                                width: 100%;
                                margin-top: 5px;
                                display: flex;
                                align-items: center;
                            }

                            div[data-v-277de29e] {
                                line-height: 30px;
                                font-size: 14px;
                                color: #F56C6C;
                            }

                            span[data-v-277de29e] {
                                font-size: 12px;
                                color: #909399;
                                margin-left: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-277de29e] {
                            width: 380px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-277de29e] {
                                width: 55px;
                            }

                            img[data-v-277de29e] {
                                width: 45px;
                                height: 45px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-277de29e] {
                                width: calc(100% - 55px);
                            }

                            .name {
                                &[data-v-277de29e] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 15px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-277de29e]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-277de29e] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-277de29e] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-277de29e] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-277de29e] {
                        width: calc(100% - 380px);
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-277de29e] {
                            width: 380px;
                            text-align: right;
                            line-height: 40px;
                        }

                        .pop {
                            &[data-v-277de29e] {
                                float: right;
                                line-height: 40px;
                                color: #A8ABB2;
                                font-size: 12px;
                                display: flex;
                                align-items: center;
                                cursor: pointer;
                            }

                            .el-icon[data-v-277de29e] {
                                margin-left: 2px;
                            }
                        }

                        .el-link {
                            &[data-v-277de29e] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-277de29e] {
                                margin-right: 2px;
                            }
                        }
                    }
                }

                &[data-v-277de29e]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .browsebox {
                &[data-v-277de29e] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-277de29e] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 55px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-277de29e] {
                            width: 55%;
                            display: flex;
                            align-items: center;
                        }

                        img[data-v-277de29e] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 10px;
                        }

                        .name[data-v-277de29e] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #606266;
                        }
                    }

                    .right {
                        &[data-v-277de29e] {
                            float: right;
                            display: flex;
                            align-items: center;
                            font-size: 14px;
                            color: #606266;
                        }

                        img[data-v-277de29e] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 5px;
                        }

                        span[data-v-277de29e] {
                            font-size: 14px;
                            color: #606266;
                        }

                        i[data-v-277de29e] {
                            margin: 0 3px;
                            color: #0092EF;
                        }
                    }
                }

                .midd {
                    &[data-v-277de29e] {
                        width: 100%;
                        padding: 0px 20px;
                        padding-top: 15px;
                    }

                    .joblist {
                        &[data-v-277de29e] {
                            width: 100%;
                            padding-bottom: 15px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left {
                            &[data-v-277de29e] {
                                width: 75%;
                            }

                            .names {
                                &[data-v-277de29e] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-277de29e] {
                                        line-height: 30px;
                                        margin-right: 15px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-277de29e]:hover {
                                        color: #0092EF;
                                    }
                                }

                                .salary[data-v-277de29e] {
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                }
                            }

                            .basic {
                                &[data-v-277de29e] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                span[data-v-277de29e] {
                                    background-color: #F4F6F9;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 7px;
                                }
                            }
                        }

                        .right {
                            &[data-v-277de29e] {
                                float: right;
                            }

                            .el-button[data-v-277de29e] {
                                width: 80px;
                                height: 30px;
                            }
                        }
                    }
                }

                .down {
                    &[data-v-277de29e] {
                        width: calc(100% - 40px);
                        margin: 0px 20px;
                        padding-bottom: 10px;
                        height: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-277de29e] {
                        width: 55%;
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-277de29e] {
                            float: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }

                        .el-link {
                            &[data-v-277de29e] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-277de29e] {
                                margin-right: 2px;
                            }
                        }
                    }
                }
            }

            .pager[data-v-277de29e] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-277de29e] {
            float: right;
            width: 285px;
        }
    }
}

.invitebox {
    &[data-v-277de29e] {
        width: 100%
    }

    .item {
        &[data-v-277de29e] {
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        span[data-v-277de29e] {
            width: 70px;
            color: #909399;
        }

        p[data-v-277de29e] {
            width: calc(100% - 70px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

.emptybox {
    &[data-v-277de29e] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-277de29e] {
            width: 100%;
            text-align: center;
        }

        img[data-v-277de29e] {
            width: 250px;
        }
    }

    .hint[data-v-277de29e] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-277de29e] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-277de29e] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.el-popover[data-v-277de29e] {
    width: 90px
}

.pagebox {
    &[data-v-fff5e879] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-fff5e879] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding-bottom: 25px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-fff5e879] {
                float: left;
                width: 900px;
            }

            .navigaterbox {
                &[data-v-fff5e879] {
                    width: 100%;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                }

                .item {
                    &[data-v-fff5e879] {
                        position: relative;
                        width: 80px;
                        height: 48px;
                        margin-right: 10px;
                        cursor: pointer;
                    }

                    span[data-v-fff5e879] {
                        float: left;
                        width: 100%;
                        line-height: 45px;
                        text-align: center;
                        color: #606266;
                        font-size: 15px;
                    }

                    p[data-v-fff5e879] {
                        position: absolute;
                        bottom: 0;
                        left: 30px;
                        width: 20px;
                        height: 3px;
                        border-radius: 3px;
                    }

                    &:hover {
                        span[data-v-fff5e879] {
                            color: #0092EF;
                        }
                    }
                }

                .active {
                    span[data-v-fff5e879] {
                        color: #0092EF;
                    }

                    p[data-v-fff5e879] {
                        background-color: #0092EF;
                    }
                }
            }

            .statusbox {
                &[data-v-fff5e879] {
                    width: 100%;
                    margin-top: 15px;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                }

                .left {
                    &[data-v-fff5e879] {
                        width: 65%;
                        display: flex;
                        align-items: center;
                    }

                    .item[data-v-fff5e879] {
                        line-height: 28px;
                        background-color: #F4F6F9;
                        padding: 0 15px;
                        border-radius: 6px;
                        margin-right: 20px;
                        font-size: 14px;
                        color: #909399;
                        cursor: pointer;
                    }

                    .active[data-v-fff5e879] {
                        background-color: #0092EF;
                        color: #FFF;
                    }
                }
            }

            .jobbox {
                &[data-v-fff5e879] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-fff5e879] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-fff5e879] {
                            width: calc(100% - 380px);
                        }

                        .names {
                            &[data-v-fff5e879] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-fff5e879] {
                                    line-height: 30px;
                                    margin-right: 20px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-fff5e879]:hover {
                                    color: #0092EF;
                                }

                                .el-tag[data-v-fff5e879] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                    font-weight: normal;
                                }
                            }
                        }

                        .basic {
                            &[data-v-fff5e879] {
                                width: 100%;
                                margin-top: 5px;
                                display: flex;
                                align-items: center;
                            }

                            div[data-v-fff5e879] {
                                line-height: 30px;
                                font-size: 14px;
                                color: #F56C6C;
                            }

                            span[data-v-fff5e879] {
                                font-size: 12px;
                                color: #909399;
                                margin-left: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-fff5e879] {
                            width: 380px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-fff5e879] {
                                width: 55px;
                            }

                            img[data-v-fff5e879] {
                                width: 45px;
                                height: 45px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-fff5e879] {
                                width: calc(100% - 55px);
                            }

                            .name {
                                &[data-v-fff5e879] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 15px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-fff5e879]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-fff5e879] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-fff5e879] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-fff5e879] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-fff5e879] {
                        width: calc(100% - 380px);
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-fff5e879] {
                            width: 380px;
                            text-align: right;
                            line-height: 40px;
                        }

                        .pop {
                            &[data-v-fff5e879] {
                                float: right;
                                line-height: 40px;
                                color: #A8ABB2;
                                font-size: 12px;
                                display: flex;
                                align-items: center;
                                cursor: pointer;
                            }

                            .el-icon[data-v-fff5e879] {
                                margin-left: 2px;
                            }
                        }

                        .el-link {
                            &[data-v-fff5e879] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-fff5e879] {
                                margin-right: 2px;
                            }
                        }
                    }
                }

                &[data-v-fff5e879]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .browsebox {
                &[data-v-fff5e879] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-fff5e879] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 55px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-fff5e879] {
                            width: 55%;
                            display: flex;
                            align-items: center;
                        }

                        img[data-v-fff5e879] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 10px;
                        }

                        .name[data-v-fff5e879] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #606266;
                        }
                    }

                    .right {
                        &[data-v-fff5e879] {
                            float: right;
                            display: flex;
                            align-items: center;
                            font-size: 14px;
                            color: #606266;
                        }

                        img[data-v-fff5e879] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 5px;
                        }

                        span[data-v-fff5e879] {
                            font-size: 14px;
                            color: #606266;
                        }

                        i[data-v-fff5e879] {
                            margin: 0 3px;
                            color: #0092EF;
                        }
                    }
                }

                .midd {
                    &[data-v-fff5e879] {
                        width: 100%;
                        padding: 0px 20px;
                        padding-top: 15px;
                    }

                    .joblist {
                        &[data-v-fff5e879] {
                            width: 100%;
                            padding-bottom: 15px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left {
                            &[data-v-fff5e879] {
                                width: 75%;
                            }

                            .names {
                                &[data-v-fff5e879] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-fff5e879] {
                                        line-height: 30px;
                                        margin-right: 15px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-fff5e879]:hover {
                                        color: #0092EF;
                                    }
                                }

                                .salary[data-v-fff5e879] {
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                }
                            }

                            .basic {
                                &[data-v-fff5e879] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                span[data-v-fff5e879] {
                                    background-color: #F4F6F9;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 7px;
                                }
                            }
                        }

                        .right {
                            &[data-v-fff5e879] {
                                float: right;
                            }

                            .el-button[data-v-fff5e879] {
                                width: 80px;
                                height: 30px;
                            }
                        }
                    }
                }

                .down {
                    &[data-v-fff5e879] {
                        width: calc(100% - 40px);
                        margin: 0px 20px;
                        padding-bottom: 10px;
                        height: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-fff5e879] {
                        width: 55%;
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-fff5e879] {
                            float: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }

                        .el-link {
                            &[data-v-fff5e879] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-fff5e879] {
                                margin-right: 2px;
                            }
                        }
                    }
                }
            }

            .pager[data-v-fff5e879] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-fff5e879] {
            float: right;
            width: 285px;
        }
    }
}

.invitebox {
    &[data-v-fff5e879] {
        width: 100%
    }

    .item {
        &[data-v-fff5e879] {
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        span[data-v-fff5e879] {
            width: 70px;
            color: #909399;
        }

        p[data-v-fff5e879] {
            width: calc(100% - 70px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

.emptybox {
    &[data-v-fff5e879] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-fff5e879] {
            width: 100%;
            text-align: center;
        }

        img[data-v-fff5e879] {
            width: 250px;
        }
    }

    .hint[data-v-fff5e879] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-fff5e879] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-fff5e879] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.pagebox {
    &[data-v-3c061976] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-3c061976] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding-bottom: 25px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-3c061976] {
                float: left;
                width: 900px;
            }

            .navigaterbox {
                &[data-v-3c061976] {
                    width: 100%;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                }

                .item {
                    &[data-v-3c061976] {
                        position: relative;
                        width: 80px;
                        height: 48px;
                        margin-right: 10px;
                        cursor: pointer;
                    }

                    span[data-v-3c061976] {
                        float: left;
                        width: 100%;
                        line-height: 45px;
                        text-align: center;
                        color: #606266;
                        font-size: 15px;
                    }

                    p[data-v-3c061976] {
                        position: absolute;
                        bottom: 0;
                        left: 30px;
                        width: 20px;
                        height: 3px;
                        border-radius: 3px;
                    }

                    &:hover {
                        span[data-v-3c061976] {
                            color: #0092EF;
                        }
                    }
                }

                .active {
                    span[data-v-3c061976] {
                        color: #0092EF;
                    }

                    p[data-v-3c061976] {
                        background-color: #0092EF;
                    }
                }
            }

            .statusbox {
                &[data-v-3c061976] {
                    width: 100%;
                    margin-top: 15px;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                }

                .left {
                    &[data-v-3c061976] {
                        width: 65%;
                        display: flex;
                        align-items: center;
                    }

                    .item[data-v-3c061976] {
                        line-height: 28px;
                        background-color: #F4F6F9;
                        padding: 0 15px;
                        border-radius: 6px;
                        margin-right: 20px;
                        font-size: 14px;
                        color: #909399;
                        cursor: pointer;
                    }

                    .active[data-v-3c061976] {
                        background-color: #0092EF;
                        color: #FFF;
                    }
                }
            }

            .jobbox {
                &[data-v-3c061976] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-3c061976] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-3c061976] {
                            width: calc(100% - 380px);
                        }

                        .names {
                            &[data-v-3c061976] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-3c061976] {
                                    line-height: 30px;
                                    margin-right: 20px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-3c061976]:hover {
                                    color: #0092EF;
                                }

                                .el-tag[data-v-3c061976] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                    font-weight: normal;
                                }
                            }
                        }

                        .basic {
                            &[data-v-3c061976] {
                                width: 100%;
                                margin-top: 5px;
                                display: flex;
                                align-items: center;
                            }

                            div[data-v-3c061976] {
                                line-height: 30px;
                                font-size: 14px;
                                color: #F56C6C;
                            }

                            span[data-v-3c061976] {
                                font-size: 12px;
                                color: #909399;
                                margin-left: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-3c061976] {
                            width: 380px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-3c061976] {
                                width: 55px;
                            }

                            img[data-v-3c061976] {
                                width: 45px;
                                height: 45px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-3c061976] {
                                width: calc(100% - 55px);
                            }

                            .name {
                                &[data-v-3c061976] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 15px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-3c061976]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-3c061976] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-3c061976] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-3c061976] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-3c061976] {
                        width: calc(100% - 380px);
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-3c061976] {
                            width: 380px;
                            text-align: right;
                            line-height: 40px;
                        }

                        .pop {
                            &[data-v-3c061976] {
                                float: right;
                                line-height: 40px;
                                color: #A8ABB2;
                                font-size: 12px;
                                display: flex;
                                align-items: center;
                                cursor: pointer;
                            }

                            .el-icon[data-v-3c061976] {
                                margin-left: 2px;
                            }
                        }

                        .el-link {
                            &[data-v-3c061976] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-3c061976] {
                                margin-right: 2px;
                            }
                        }
                    }
                }

                &[data-v-3c061976]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .browsebox {
                &[data-v-3c061976] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-3c061976] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 55px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-3c061976] {
                            width: 55%;
                            display: flex;
                            align-items: center;
                        }

                        img[data-v-3c061976] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 10px;
                        }

                        .name[data-v-3c061976] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #606266;
                        }
                    }

                    .right {
                        &[data-v-3c061976] {
                            float: right;
                            display: flex;
                            align-items: center;
                            font-size: 14px;
                            color: #606266;
                        }

                        img[data-v-3c061976] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 5px;
                        }

                        span[data-v-3c061976] {
                            font-size: 14px;
                            color: #606266;
                        }

                        i[data-v-3c061976] {
                            margin: 0 3px;
                            color: #0092EF;
                        }
                    }
                }

                .midd {
                    &[data-v-3c061976] {
                        width: 100%;
                        padding: 0px 20px;
                        padding-top: 15px;
                    }

                    .joblist {
                        &[data-v-3c061976] {
                            width: 100%;
                            padding-bottom: 15px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left {
                            &[data-v-3c061976] {
                                width: 75%;
                            }

                            .names {
                                &[data-v-3c061976] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-3c061976] {
                                        line-height: 30px;
                                        margin-right: 15px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-3c061976]:hover {
                                        color: #0092EF;
                                    }
                                }

                                .salary[data-v-3c061976] {
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                }
                            }

                            .basic {
                                &[data-v-3c061976] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                span[data-v-3c061976] {
                                    background-color: #F4F6F9;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 7px;
                                }
                            }
                        }

                        .right {
                            &[data-v-3c061976] {
                                float: right;
                            }

                            .el-button[data-v-3c061976] {
                                width: 80px;
                                height: 30px;
                            }
                        }
                    }
                }

                .down {
                    &[data-v-3c061976] {
                        width: calc(100% - 40px);
                        margin: 0px 20px;
                        padding-bottom: 10px;
                        height: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-3c061976] {
                        width: 55%;
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-3c061976] {
                            float: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }

                        .el-link {
                            &[data-v-3c061976] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-3c061976] {
                                margin-right: 2px;
                            }
                        }
                    }
                }
            }

            .pager[data-v-3c061976] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-3c061976] {
            float: right;
            width: 285px;
        }
    }
}

.invitebox {
    &[data-v-3c061976] {
        width: 100%
    }

    .item {
        &[data-v-3c061976] {
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        span[data-v-3c061976] {
            width: 70px;
            color: #909399;
        }

        p[data-v-3c061976] {
            width: calc(100% - 70px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

.emptybox {
    &[data-v-3c061976] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-3c061976] {
            width: 100%;
            text-align: center;
        }

        img[data-v-3c061976] {
            width: 250px;
        }
    }

    .hint[data-v-3c061976] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-3c061976] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-3c061976] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.pagebox {
    &[data-v-fc5fba30] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-fc5fba30] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding-bottom: 25px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-fc5fba30] {
                float: left;
                width: 900px;
            }

            .navigaterbox {
                &[data-v-fc5fba30] {
                    width: 100%;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                }

                .item {
                    &[data-v-fc5fba30] {
                        position: relative;
                        width: 80px;
                        height: 48px;
                        margin-right: 10px;
                        cursor: pointer;
                    }

                    span[data-v-fc5fba30] {
                        float: left;
                        width: 100%;
                        line-height: 45px;
                        text-align: center;
                        color: #606266;
                        font-size: 15px;
                    }

                    p[data-v-fc5fba30] {
                        position: absolute;
                        bottom: 0;
                        left: 30px;
                        width: 20px;
                        height: 3px;
                        border-radius: 3px;
                    }

                    &:hover {
                        span[data-v-fc5fba30] {
                            color: #0092EF;
                        }
                    }
                }

                .active {
                    span[data-v-fc5fba30] {
                        color: #0092EF;
                    }

                    p[data-v-fc5fba30] {
                        background-color: #0092EF;
                    }
                }
            }

            .statusbox {
                &[data-v-fc5fba30] {
                    width: 100%;
                    margin-top: 15px;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                }

                .left {
                    &[data-v-fc5fba30] {
                        width: 65%;
                        display: flex;
                        align-items: center;
                    }

                    .item[data-v-fc5fba30] {
                        line-height: 28px;
                        background-color: #F4F6F9;
                        padding: 0 15px;
                        border-radius: 6px;
                        margin-right: 20px;
                        font-size: 14px;
                        color: #909399;
                        cursor: pointer;
                    }

                    .active[data-v-fc5fba30] {
                        background-color: #0092EF;
                        color: #FFF;
                    }
                }
            }

            .jobbox {
                &[data-v-fc5fba30] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-fc5fba30] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-fc5fba30] {
                            width: calc(100% - 380px);
                        }

                        .names {
                            &[data-v-fc5fba30] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-fc5fba30] {
                                    line-height: 30px;
                                    margin-right: 20px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-fc5fba30]:hover {
                                    color: #0092EF;
                                }

                                .el-tag[data-v-fc5fba30] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                    font-weight: normal;
                                }
                            }
                        }

                        .basic {
                            &[data-v-fc5fba30] {
                                width: 100%;
                                margin-top: 5px;
                                display: flex;
                                align-items: center;
                            }

                            div[data-v-fc5fba30] {
                                line-height: 30px;
                                font-size: 14px;
                                color: #F56C6C;
                            }

                            span[data-v-fc5fba30] {
                                font-size: 12px;
                                color: #909399;
                                margin-left: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-fc5fba30] {
                            width: 380px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-fc5fba30] {
                                width: 55px;
                            }

                            img[data-v-fc5fba30] {
                                width: 45px;
                                height: 45px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-fc5fba30] {
                                width: calc(100% - 55px);
                            }

                            .name {
                                &[data-v-fc5fba30] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 15px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-fc5fba30]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-fc5fba30] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-fc5fba30] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-fc5fba30] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-fc5fba30] {
                        width: calc(100% - 380px);
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-fc5fba30] {
                            width: 380px;
                            text-align: right;
                            line-height: 40px;
                        }

                        .pop {
                            &[data-v-fc5fba30] {
                                float: right;
                                line-height: 40px;
                                color: #A8ABB2;
                                font-size: 12px;
                                display: flex;
                                align-items: center;
                                cursor: pointer;
                            }

                            .el-icon[data-v-fc5fba30] {
                                margin-left: 2px;
                            }
                        }

                        .el-link {
                            &[data-v-fc5fba30] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-fc5fba30] {
                                margin-right: 2px;
                            }
                        }
                    }
                }

                &[data-v-fc5fba30]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .browsebox {
                &[data-v-fc5fba30] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-fc5fba30] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 55px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-fc5fba30] {
                            width: 55%;
                            display: flex;
                            align-items: center;
                        }

                        img[data-v-fc5fba30] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 10px;
                        }

                        .name[data-v-fc5fba30] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #606266;
                        }
                    }

                    .right {
                        &[data-v-fc5fba30] {
                            float: right;
                            display: flex;
                            align-items: center;
                            font-size: 14px;
                            color: #606266;
                        }

                        img[data-v-fc5fba30] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 5px;
                        }

                        span[data-v-fc5fba30] {
                            font-size: 14px;
                            color: #606266;
                        }

                        i[data-v-fc5fba30] {
                            margin: 0 3px;
                            color: #0092EF;
                        }
                    }
                }

                .midd {
                    &[data-v-fc5fba30] {
                        width: 100%;
                        padding: 0px 20px;
                        padding-top: 15px;
                    }

                    .joblist {
                        &[data-v-fc5fba30] {
                            width: 100%;
                            padding-bottom: 15px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left {
                            &[data-v-fc5fba30] {
                                width: 75%;
                            }

                            .names {
                                &[data-v-fc5fba30] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-fc5fba30] {
                                        line-height: 30px;
                                        margin-right: 15px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-fc5fba30]:hover {
                                        color: #0092EF;
                                    }
                                }

                                .salary[data-v-fc5fba30] {
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                }
                            }

                            .basic {
                                &[data-v-fc5fba30] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                span[data-v-fc5fba30] {
                                    background-color: #F4F6F9;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 7px;
                                }
                            }
                        }

                        .right {
                            &[data-v-fc5fba30] {
                                float: right;
                            }

                            .el-button[data-v-fc5fba30] {
                                width: 80px;
                                height: 30px;
                            }
                        }
                    }
                }

                .down {
                    &[data-v-fc5fba30] {
                        width: calc(100% - 40px);
                        margin: 0px 20px;
                        padding-bottom: 10px;
                        height: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-fc5fba30] {
                        width: 55%;
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-fc5fba30] {
                            float: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }

                        .el-link {
                            &[data-v-fc5fba30] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-fc5fba30] {
                                margin-right: 2px;
                            }
                        }
                    }
                }
            }

            .pager[data-v-fc5fba30] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-fc5fba30] {
            float: right;
            width: 285px;
        }
    }
}

.invitebox {
    &[data-v-fc5fba30] {
        width: 100%
    }

    .item {
        &[data-v-fc5fba30] {
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        span[data-v-fc5fba30] {
            width: 70px;
            color: #909399;
        }

        p[data-v-fc5fba30] {
            width: calc(100% - 70px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

.emptybox {
    &[data-v-fc5fba30] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-fc5fba30] {
            width: 100%;
            text-align: center;
        }

        img[data-v-fc5fba30] {
            width: 250px;
        }
    }

    .hint[data-v-fc5fba30] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-fc5fba30] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-fc5fba30] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.pagebox {
    &[data-v-7af8d961] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-7af8d961] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding-bottom: 25px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-7af8d961] {
                float: left;
                width: 900px;
            }

            .navigaterbox {
                &[data-v-7af8d961] {
                    width: 100%;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                }

                .item {
                    &[data-v-7af8d961] {
                        position: relative;
                        width: 80px;
                        height: 48px;
                        margin-right: 10px;
                        cursor: pointer;
                    }

                    span[data-v-7af8d961] {
                        float: left;
                        width: 100%;
                        line-height: 45px;
                        text-align: center;
                        color: #606266;
                        font-size: 15px;
                    }

                    p[data-v-7af8d961] {
                        position: absolute;
                        bottom: 0;
                        left: 30px;
                        width: 20px;
                        height: 3px;
                        border-radius: 3px;
                    }

                    &:hover {
                        span[data-v-7af8d961] {
                            color: #0092EF;
                        }
                    }
                }

                .active {
                    span[data-v-7af8d961] {
                        color: #0092EF;
                    }

                    p[data-v-7af8d961] {
                        background-color: #0092EF;
                    }
                }
            }

            .statusbox {
                &[data-v-7af8d961] {
                    width: 100%;
                    margin-top: 15px;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                }

                .left {
                    &[data-v-7af8d961] {
                        width: 65%;
                        display: flex;
                        align-items: center;
                    }

                    .item[data-v-7af8d961] {
                        line-height: 28px;
                        background-color: #F4F6F9;
                        padding: 0 15px;
                        border-radius: 6px;
                        margin-right: 20px;
                        font-size: 14px;
                        color: #909399;
                        cursor: pointer;
                    }

                    .active[data-v-7af8d961] {
                        background-color: #0092EF;
                        color: #FFF;
                    }
                }
            }

            .jobbox {
                &[data-v-7af8d961] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-7af8d961] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-7af8d961] {
                            width: calc(100% - 380px);
                        }

                        .names {
                            &[data-v-7af8d961] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-7af8d961] {
                                    line-height: 30px;
                                    margin-right: 20px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-7af8d961]:hover {
                                    color: #0092EF;
                                }

                                .el-tag[data-v-7af8d961] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                    font-weight: normal;
                                }
                            }
                        }

                        .basic {
                            &[data-v-7af8d961] {
                                width: 100%;
                                margin-top: 5px;
                                display: flex;
                                align-items: center;
                            }

                            div[data-v-7af8d961] {
                                line-height: 30px;
                                font-size: 14px;
                                color: #F56C6C;
                            }

                            span[data-v-7af8d961] {
                                font-size: 12px;
                                color: #909399;
                                margin-left: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-7af8d961] {
                            width: 380px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-7af8d961] {
                                width: 55px;
                            }

                            img[data-v-7af8d961] {
                                width: 45px;
                                height: 45px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-7af8d961] {
                                width: calc(100% - 55px);
                            }

                            .name {
                                &[data-v-7af8d961] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 15px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-7af8d961]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-7af8d961] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-7af8d961] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-7af8d961] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-7af8d961] {
                        width: calc(100% - 380px);
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-7af8d961] {
                            width: 380px;
                            text-align: right;
                            line-height: 40px;
                        }

                        .pop {
                            &[data-v-7af8d961] {
                                float: right;
                                line-height: 40px;
                                color: #A8ABB2;
                                font-size: 12px;
                                display: flex;
                                align-items: center;
                                cursor: pointer;
                            }

                            .el-icon[data-v-7af8d961] {
                                margin-left: 2px;
                            }
                        }

                        .el-link {
                            &[data-v-7af8d961] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-7af8d961] {
                                margin-right: 2px;
                            }
                        }
                    }
                }

                &[data-v-7af8d961]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .browsebox {
                &[data-v-7af8d961] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-7af8d961] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 55px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-7af8d961] {
                            width: 55%;
                            display: flex;
                            align-items: center;
                        }

                        img[data-v-7af8d961] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 10px;
                        }

                        .name[data-v-7af8d961] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #606266;
                        }
                    }

                    .right {
                        &[data-v-7af8d961] {
                            float: right;
                            display: flex;
                            align-items: center;
                            font-size: 14px;
                            color: #606266;
                        }

                        img[data-v-7af8d961] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 5px;
                        }

                        span[data-v-7af8d961] {
                            font-size: 14px;
                            color: #606266;
                        }

                        i[data-v-7af8d961] {
                            margin: 0 3px;
                            color: #0092EF;
                        }
                    }
                }

                .midd {
                    &[data-v-7af8d961] {
                        width: 100%;
                        padding: 0px 20px;
                        padding-top: 15px;
                    }

                    .joblist {
                        &[data-v-7af8d961] {
                            width: 100%;
                            padding-bottom: 15px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left {
                            &[data-v-7af8d961] {
                                width: 75%;
                            }

                            .names {
                                &[data-v-7af8d961] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-7af8d961] {
                                        line-height: 30px;
                                        margin-right: 15px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-7af8d961]:hover {
                                        color: #0092EF;
                                    }
                                }

                                .salary[data-v-7af8d961] {
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                }
                            }

                            .basic {
                                &[data-v-7af8d961] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                span[data-v-7af8d961] {
                                    background-color: #F4F6F9;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 7px;
                                }
                            }
                        }

                        .right {
                            &[data-v-7af8d961] {
                                float: right;
                            }

                            .el-button[data-v-7af8d961] {
                                width: 80px;
                                height: 30px;
                            }
                        }
                    }
                }

                .down {
                    &[data-v-7af8d961] {
                        width: calc(100% - 40px);
                        margin: 0px 20px;
                        padding-bottom: 10px;
                        height: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-7af8d961] {
                        width: 55%;
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-7af8d961] {
                            float: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }

                        .el-link {
                            &[data-v-7af8d961] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-7af8d961] {
                                margin-right: 2px;
                            }
                        }
                    }
                }
            }

            .pager[data-v-7af8d961] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-7af8d961] {
            float: right;
            width: 285px;
        }
    }
}

.invitebox {
    &[data-v-7af8d961] {
        width: 100%
    }

    .item {
        &[data-v-7af8d961] {
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        span[data-v-7af8d961] {
            width: 70px;
            color: #909399;
        }

        p[data-v-7af8d961] {
            width: calc(100% - 70px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

.emptybox {
    &[data-v-7af8d961] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-7af8d961] {
            width: 100%;
            text-align: center;
        }

        img[data-v-7af8d961] {
            width: 250px;
        }
    }

    .hint[data-v-7af8d961] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-7af8d961] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-7af8d961] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.pagebox {
    &[data-v-8a781843] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-8a781843] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            padding-bottom: 25px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-8a781843] {
                float: left;
                width: 900px;
            }

            .navigaterbox {
                &[data-v-8a781843] {
                    width: 100%;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                }

                .item {
                    &[data-v-8a781843] {
                        position: relative;
                        width: 80px;
                        height: 48px;
                        margin-right: 10px;
                        cursor: pointer;
                    }

                    span[data-v-8a781843] {
                        float: left;
                        width: 100%;
                        line-height: 45px;
                        text-align: center;
                        color: #606266;
                        font-size: 15px;
                    }

                    p[data-v-8a781843] {
                        position: absolute;
                        bottom: 0;
                        left: 30px;
                        width: 20px;
                        height: 3px;
                        border-radius: 3px;
                    }

                    &:hover {
                        span[data-v-8a781843] {
                            color: #0092EF;
                        }
                    }
                }

                .active {
                    span[data-v-8a781843] {
                        color: #0092EF;
                    }

                    p[data-v-8a781843] {
                        background-color: #0092EF;
                    }
                }
            }

            .statusbox {
                &[data-v-8a781843] {
                    width: 100%;
                    margin-top: 15px;
                    height: 48px;
                    padding: 0 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                }

                .left {
                    &[data-v-8a781843] {
                        width: 65%;
                        display: flex;
                        align-items: center;
                    }

                    .item[data-v-8a781843] {
                        line-height: 28px;
                        background-color: #F4F6F9;
                        padding: 0 15px;
                        border-radius: 6px;
                        margin-right: 20px;
                        font-size: 14px;
                        color: #909399;
                        cursor: pointer;
                    }

                    .active[data-v-8a781843] {
                        background-color: #0092EF;
                        color: #FFF;
                    }
                }
            }

            .jobbox {
                &[data-v-8a781843] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-8a781843] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-8a781843] {
                            width: calc(100% - 380px);
                        }

                        .names {
                            &[data-v-8a781843] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-8a781843] {
                                    line-height: 30px;
                                    margin-right: 20px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-8a781843]:hover {
                                    color: #0092EF;
                                }

                                .el-tag[data-v-8a781843] {
                                    margin-left: 5px;
                                    font-size: 12px;
                                    font-weight: normal;
                                }
                            }
                        }

                        .basic {
                            &[data-v-8a781843] {
                                width: 100%;
                                margin-top: 5px;
                                display: flex;
                                align-items: center;
                            }

                            div[data-v-8a781843] {
                                line-height: 30px;
                                font-size: 14px;
                                color: #F56C6C;
                            }

                            span[data-v-8a781843] {
                                font-size: 12px;
                                color: #909399;
                                margin-left: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-8a781843] {
                            width: 380px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-8a781843] {
                                width: 55px;
                            }

                            img[data-v-8a781843] {
                                width: 45px;
                                height: 45px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-8a781843] {
                                width: calc(100% - 55px);
                            }

                            .name {
                                &[data-v-8a781843] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 15px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-8a781843]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-8a781843] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-8a781843] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-8a781843] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 40px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-8a781843] {
                        width: calc(100% - 380px);
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-8a781843] {
                            width: 380px;
                            text-align: right;
                            line-height: 40px;
                        }

                        .pop {
                            &[data-v-8a781843] {
                                float: right;
                                line-height: 40px;
                                color: #A8ABB2;
                                font-size: 12px;
                                display: flex;
                                align-items: center;
                                cursor: pointer;
                            }

                            .el-icon[data-v-8a781843] {
                                margin-left: 2px;
                            }
                        }

                        .el-link {
                            &[data-v-8a781843] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-8a781843] {
                                margin-right: 2px;
                            }
                        }
                    }
                }

                &[data-v-8a781843]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .browsebox {
                &[data-v-8a781843] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                }

                .up {
                    &[data-v-8a781843] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 55px;
                        background: linear-gradient(to right, #F3FDFF 60%, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-8a781843] {
                            width: 55%;
                            display: flex;
                            align-items: center;
                        }

                        img[data-v-8a781843] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 10px;
                        }

                        .name[data-v-8a781843] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #606266;
                        }
                    }

                    .right {
                        &[data-v-8a781843] {
                            float: right;
                            display: flex;
                            align-items: center;
                            font-size: 14px;
                            color: #606266;
                        }

                        img[data-v-8a781843] {
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            margin-right: 5px;
                        }

                        span[data-v-8a781843] {
                            font-size: 14px;
                            color: #606266;
                        }

                        i[data-v-8a781843] {
                            margin: 0 3px;
                            color: #0092EF;
                        }
                    }
                }

                .midd {
                    &[data-v-8a781843] {
                        width: 100%;
                        padding: 0px 20px;
                        padding-top: 15px;
                    }

                    .joblist {
                        &[data-v-8a781843] {
                            width: 100%;
                            padding-bottom: 15px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .left {
                            &[data-v-8a781843] {
                                width: 75%;
                            }

                            .names {
                                &[data-v-8a781843] {
                                    width: 100%;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                .name {
                                    &[data-v-8a781843] {
                                        line-height: 30px;
                                        margin-right: 15px;
                                        font-size: 16px;
                                        font-weight: bold;
                                        color: #282828;
                                        cursor: pointer;
                                    }

                                    &[data-v-8a781843]:hover {
                                        color: #0092EF;
                                    }
                                }

                                .salary[data-v-8a781843] {
                                    line-height: 30px;
                                    font-size: 14px;
                                    color: #F56C6C;
                                }
                            }

                            .basic {
                                &[data-v-8a781843] {
                                    width: 100%;
                                    margin-top: 5px;
                                }

                                span[data-v-8a781843] {
                                    background-color: #F4F6F9;
                                    padding: 3px 10px;
                                    border-radius: 3px;
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 7px;
                                }
                            }
                        }

                        .right {
                            &[data-v-8a781843] {
                                float: right;
                            }

                            .el-button[data-v-8a781843] {
                                width: 80px;
                                height: 30px;
                            }
                        }
                    }
                }

                .down {
                    &[data-v-8a781843] {
                        width: calc(100% - 40px);
                        margin: 0px 20px;
                        padding-bottom: 10px;
                        height: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left[data-v-8a781843] {
                        width: 55%;
                        line-height: 40px;
                        font-size: 12px;
                        color: #909399;
                    }

                    .right {
                        &[data-v-8a781843] {
                            float: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }

                        .el-link {
                            &[data-v-8a781843] {
                                color: #A8ABB2;
                                font-size: 12px;
                            }

                            .el-icon[data-v-8a781843] {
                                margin-right: 2px;
                            }
                        }
                    }
                }
            }

            .pager[data-v-8a781843] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-8a781843] {
            float: right;
            width: 285px;
        }
    }
}

.invitebox {
    &[data-v-8a781843] {
        width: 100%
    }

    .item {
        &[data-v-8a781843] {
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        span[data-v-8a781843] {
            width: 70px;
            color: #909399;
        }

        p[data-v-8a781843] {
            width: calc(100% - 70px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

.emptybox {
    &[data-v-8a781843] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-8a781843] {
            width: 100%;
            text-align: center;
        }

        img[data-v-8a781843] {
            width: 250px;
        }
    }

    .hint[data-v-8a781843] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-8a781843] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-8a781843] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.menubox[data-v-790e66ee] {
    float: left;
    width: 150px;
    position: relative;
    font-family: Microsoft YaHei, \5fae\8f6f\96c5\9ed1
}

.menubox .menu[data-v-790e66ee] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    border-radius: 5px;
    overflow: hidden
}

.menubox .menu .title[data-v-790e66ee] {
    float: left;
    width: 100%;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 16px;
    color: #303133
}

.menubox .menu .list[data-v-790e66ee] {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.menubox .menu .list span[data-v-790e66ee] {
    color: #606266;
    font-size: 14px
}

.menubox .menu .list i[data-v-790e66ee] {
    float: right;
    padding: 0 3px;
    line-height: 20px;
    background-color: #f1f5fe;
    font-size: 12px;
    color: #0092ef;
    border-radius: 10px 10px 10px 0/10px 10px 10px 0px
}

.menubox .menu .list[data-v-790e66ee]:hover {
    background-color: #f2f6fb;
    color: #0092ef
}

.menubox .menu .active[data-v-790e66ee] {
    color: #0092ef
}

.footerbox {
    &[data-v-271b6e84] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-271b6e84] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-271b6e84] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-271b6e84] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-271b6e84] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-271b6e84] {
    margin-top: 20px
}

.pager[data-v-271b6e84] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.uploadbox[data-v-271b6e84] {
    width: 100%;
    height: 160px
}

.uploadbox .hint[data-v-271b6e84] {
    width: 100%;
    margin-bottom: 30px
}

.uploadbox .hint span[data-v-271b6e84] {
    float: left;
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #a0a4aa
}

.uploadbox .upload[data-v-271b6e84] {
    float: left;
    width: 100%;
    padding: 30px 0;
    text-align: center
}

.setbox[data-v-67c299b1] {
    float: right;
    width: 270px;
    font-family: Microsoft YaHei, \5fae\8f6f\96c5\9ed1
}

.setbox .resume[data-v-67c299b1] {
    float: left;
    width: 100%;
    padding: 10px 20px 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px
}

.setbox .resume .circle[data-v-67c299b1] {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0
}

.setbox .resume .conte[data-v-67c299b1] {
    float: left;
    width: 100%;
    line-height: 20px;
    text-align: center;
    color: #a8abb2;
    font-size: 12px
}

.setbox .attached[data-v-67c299b1] {
    float: left;
    width: 100%;
    padding: 10px 20px 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px
}

.setbox .attached .list[data-v-67c299b1] {
    float: left;
    width: 100%;
    margin-top: 10px;
    cursor: pointer
}

.setbox .attached .list .title[data-v-67c299b1] {
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    color: #909399
}

.setbox .attached .list .name[data-v-67c299b1] {
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 12px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.setbox .privacy[data-v-67c299b1] {
    float: left;
    width: 100%;
    padding: 10px 20px 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px
}

.setbox .privacy .list[data-v-67c299b1] {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.setbox .privacy .list span[data-v-67c299b1] {
    font-size: 14px;
    color: #606266
}

.setbox .privacy .list p[data-v-67c299b1] {
    float: right;
    font-size: 12px;
    color: #909399
}

.setbox .privacy .list p i[data-v-67c299b1] {
    margin: 0 3px;
    color: #0092ef
}

.setbox .service[data-v-67c299b1] {
    float: left;
    width: 100%;
    padding: 10px 20px 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 15px
}

.setbox .service .conte[data-v-67c299b1] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

.setbox .service .conte .item[data-v-67c299b1] {
    cursor: pointer
}

.setbox .service .conte .item p[data-v-67c299b1] {
    width: 100%;
    height: 35px;
    text-align: center
}

.setbox .service .conte .item p img[data-v-67c299b1] {
    width: 30px;
    height: 30px
}

.setbox .service .conte .item span[data-v-67c299b1] {
    width: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #606266
}

.titles[data-v-67c299b1] {
    float: left;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.titles div[data-v-67c299b1] {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #303133
}

.titles span[data-v-67c299b1] {
    float: right
}

.titles span .el-link[data-v-67c299b1] {
    font-size: 12px
}

.titles span .el-link .el-icon[data-v-67c299b1] {
    margin-left: 2px
}

.editbox[data-v-ceb276d3] {
    float: left;
    width: 100%
}

.editbox .title[data-v-ceb276d3] {
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #303133
}

.editbox .conte[data-v-ceb276d3] {
    float: left;
    width: 100%;
    margin-top: 20px
}

.editbox .conte .el-form[data-v-ceb276d3] {
    float: left;
    width: 100%
}

.editbox .conte .el-form .el-form-item[data-v-ceb276d3] {
    float: left;
    width: 50%;
    margin-right: 0%
}

.editbox .conte .el-form .iradio[data-v-ceb276d3] {
    width: calc(50% - 10px);
    line-height: 38px;
    margin-right: 10px;
    border: 1px #DCDFE6 solid;
    border-radius: 5px;
    color: #909399;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.editbox .conte .el-form .active[data-v-ceb276d3] {
    border: 1px #258EFF solid;
    color: #0092ef;
    background: url(/assets/images/selected.png) bottom right no-repeat
}

.editbox .conte .optional[data-v-ceb276d3] {
    float: left;
    width: 100%;
    line-height: 30px;
    margin-bottom: 10px
}

.editbox .conte .optional .el-icon[data-v-ceb276d3] {
    margin-left: 5px
}

.editbox .conte .btn[data-v-ceb276d3] {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: right
}

.listbox {
    &[data-v-34d38cbb] {
        width: 100%;
        margin-bottom: 10px;
        overflow: hidden
    }

    .title[data-v-34d38cbb] {
        float: left;
        width: 100%;
        line-height: 40px;
        font-size: 15px;
        color: #282828;
        font-weight: bold;
    }

    .conte {
        &[data-v-34d38cbb] {
            float: left;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

        .item[data-v-34d38cbb] {
            margin-right: 10px;
            margin-bottom: 10px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #F1F5FE;
            border: 0px #F1F5FE solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .over[data-v-34d38cbb] {
            background-color: #F1F5FE;
            border: 0px #8ACDFF solid;
            color: #0092EF;
        }
    }

    .inp {
        &[data-v-34d38cbb] {
            width: 100%;
        }

        .el-input[data-v-34d38cbb] {
            float: left;
            width: 70%;
        }

        .el-button[data-v-34d38cbb] {
            float: left;
            line-height: 30px;
            margin-left: 10px;
        }
    }
}

.selectbox {
    &[data-v-34d38cbb] {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-34d38cbb] {
            position: relative;
            height: 30px;
            line-height: 30px;
            margin-right: 10px;
            margin-bottom: 10px;
            padding: 0px 15px;
            background-color: #F1F5FE;
            border: 1px #F1F5FE solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-34d38cbb] {
            position: absolute;
            top: -5px;
            right: -5px;
        }
    }
}

.footerbox {
    &[data-v-34d38cbb] {
        width: 100%;
        height: 40px
    }

    .left {
        &[data-v-34d38cbb] {
            float: left;
            width: 60%;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            text-align: left;
        }

        i[data-v-34d38cbb] {
            color: #0092EF;
            margin: 0 5px;
        }

        .hint[data-v-34d38cbb] {
            color: #B8BBCC;
            font-size: 12px;
        }
    }

    .right[data-v-34d38cbb] {
        float: right;
        width: 40%;
    }
}

.el-form[data-v-34d38cbb] {
    margin-top: 20px
}

.pager[data-v-34d38cbb] {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.subtitle[data-v-9ffdbc80] {
    width: 100%;
    line-height: 30px;
    margin-top: -15px;
    font-size: 12px;
    color: #a8abb2
}

.formitem {
    &[data-v-9ffdbc80] {
        width: 100%;
        height: 270px;
        margin-top: 10px
    }

    .loading {
        &[data-v-9ffdbc80] {
            width: 100%;
            padding-top: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        img[data-v-9ffdbc80] {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

        span[data-v-9ffdbc80] {
            font-size: 14px;
            color: #A8ABB2;
        }
    }
}

.editbox {
    &[data-v-f2770dbf] {
        float: left;
        width: 100%
    }

    .title[data-v-f2770dbf] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-f2770dbf] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-f2770dbf] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-f2770dbf] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-f2770dbf] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-f2770dbf] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-f2770dbf] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-f2770dbf] {
        width: 80px;
    }
}

.radiolist {
    &[data-v-f2770dbf] {
        width: 100%;
        height: auto;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item[data-v-f2770dbf] {
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #F1F5FE;
        border: 0px #F1F5FE solid;
        color: #666;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .over[data-v-f2770dbf] {
        background-color: F1F5FE;
        border: 0px #8ACDFF solid;
        color: #0092EF;
    }
}

.taglist {
    &[data-v-f2770dbf] {
        width: 100%;
        height: auto;
        margin-top: 0rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-f2770dbf] {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 0px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #FFF;
            border: 1px #DCDFE6 solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-f2770dbf] {
            margin-right: 5px;
            font-size: 12px;
        }
    }

    .over[data-v-f2770dbf] {
        background-color: #FFF;
        border: 1px #DCDFE6 solid;
        color: #666;
    }
}

.a-radio {
    &[data-v-f2770dbf] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .item[data-v-f2770dbf] {
        width: 25%;
        line-height: 30px;
        margin-right: 10px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-f2770dbf] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.i-radio {
    &[data-v-f2770dbf] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .item[data-v-f2770dbf] {
        width: 110px;
        line-height: 38px;
        margin-right: 20px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-f2770dbf] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.aiagents {
    &[data-v-f2770dbf] {
        position: absolute;
        bottom: 1px;
        left: 7px;
        height: 35px;
        width: 85%;
        padding-top: 5px;
        background-color: #fff
    }

    .aiagent {
        &[data-v-f2770dbf] {
            width: 70px;
            line-height: 25px;
            padding: 0px 10px;
            border-radius: 5px;
            background-color: #E8F5FF;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        img[data-v-f2770dbf] {
            width: 20px;
            height: 20px;
        }

        span[data-v-f2770dbf] {
            color: #00B9E7;
            font-size: 12px;
        }
    }
}

.header {
    &[data-v-cb138545] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left[data-v-cb138545] {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }

    .midd {
        &[data-v-cb138545] {
            width: calc(100% - 200px);
            position: relative;
        }

        .result {
            &[data-v-cb138545] {
                position: absolute;
                top: 32px;
                left: 0;
                z-index: 2;
                width: 280px;
                background-color: #FFF;
                border-radius: 3px;
                border: 1px #DDD solid;
                padding: 10px 0px;
            }

            .item {
                &[data-v-cb138545] {
                    float: left;
                    width: 100%;
                    margin-bottom: 5px;
                    padding: 5px 10px;
                    cursor: pointer;
                }

                &[data-v-cb138545]:hover {
                    background-color: #F2F6FC;
                }

                div[data-v-cb138545] {
                    width: 100%;
                    line-height: 25px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                span[data-v-cb138545] {
                    width: 100%;
                    line-height: 20px;
                    font-size: 12px;
                    color: #A8ABB2;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .right[data-v-cb138545] {
        float: right;
        text-align: right;
        width: 40px;
        cursor: pointer;
    }
}

.selected {
    &[data-v-cb138545] {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left {
        &[data-v-cb138545] {
            width: 100px;
            line-height: 35px;
            color: #909399;
        }

        i[data-v-cb138545] {
            color: #0092EF;
        }
    }

    .right {
        &[data-v-cb138545] {
            width: calc(100% - 100px);
        }

        .itemed {
            &[data-v-cb138545] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #0092EF;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
                display: flex;
                align-items: center;
            }

            .el-icon[data-v-cb138545] {
                margin-left: 5px;
            }
        }
    }
}

.listbox {
    &[data-v-cb138545] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px #EEE solid;
        border-bottom: 1px #EEE solid
    }

    .left {
        &[data-v-cb138545] {
            width: 200px;
            border-right: 1px #EEE solid;
            padding: 10px 0px;
        }

        .item {
            &[data-v-cb138545] {
                float: left;
                width: 185px;
                padding: 0 10px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                cursor: pointer;
            }

            &[data-v-cb138545]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-cb138545] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }

    .right {
        &[data-v-cb138545] {
            width: calc(100% - 201px);
            padding: 10px 0px;
        }

        .twoitem {
            &[data-v-cb138545] {
                float: left;
                width: 100%;
                padding: 0 15px;
                margin-bottom: 10px;
            }

            .title[data-v-cb138545] {
                width: 100%;
                line-height: 40px;
                color: #303133;
                font-size: 14px;
                font-weight: bold;
            }

            .conte {
                &[data-v-cb138545] {
                    width: 100%;
                }

                .threeitem {
                    &[data-v-cb138545] {
                        float: left;
                        width: auto;
                        padding: 0 10px;
                        margin-right: 15px;
                        margin-bottom: 10px;
                        line-height: 30px;
                        color: #303133;
                        border-radius: 3px;
                        background-color: #F2F6FC;
                        cursor: pointer;
                    }

                    &[data-v-cb138545]:hover {
                        background-color: #F2F6FC;
                        color: #0092EF;
                    }
                }

                .active[data-v-cb138545] {
                    background-color: #F2F6FC;
                    color: #0092EF;
                }
            }
        }
    }
}

.header {
    &[data-v-4cc57a13] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left[data-v-4cc57a13] {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }

    .midd {
        &[data-v-4cc57a13] {
            width: calc(100% - 200px);
            position: relative;
        }

        .result {
            &[data-v-4cc57a13] {
                position: absolute;
                top: 32px;
                left: 0;
                z-index: 2;
                width: 280px;
                background-color: #FFF;
                border-radius: 3px;
                border: 1px #DDD solid;
                padding: 10px 0px;
            }

            .item {
                &[data-v-4cc57a13] {
                    float: left;
                    width: 100%;
                    margin-bottom: 5px;
                    padding: 5px 10px;
                    cursor: pointer;
                }

                &[data-v-4cc57a13]:hover {
                    background-color: #F2F6FC;
                }

                div[data-v-4cc57a13] {
                    width: 100%;
                    line-height: 25px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                span[data-v-4cc57a13] {
                    width: 100%;
                    line-height: 20px;
                    font-size: 12px;
                    color: #A8ABB2;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .right[data-v-4cc57a13] {
        float: right;
        text-align: right;
        width: 40px;
        cursor: pointer;
    }
}

.selected {
    &[data-v-4cc57a13] {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left {
        &[data-v-4cc57a13] {
            width: 100px;
            line-height: 35px;
            color: #909399;
        }

        i[data-v-4cc57a13] {
            color: #0092EF;
        }
    }

    .right {
        &[data-v-4cc57a13] {
            width: calc(100% - 100px);
        }

        .itemed {
            &[data-v-4cc57a13] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #0092EF;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
                display: flex;
                align-items: center;
            }

            .el-icon[data-v-4cc57a13] {
                margin-left: 5px;
            }
        }
    }
}

.listbox {
    &[data-v-4cc57a13] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px #EEE solid;
        border-bottom: 1px #EEE solid
    }

    .left {
        &[data-v-4cc57a13] {
            width: 200px;
            border-right: 1px #EEE solid;
            padding: 10px 0px;
        }

        .item {
            &[data-v-4cc57a13] {
                float: left;
                width: 185px;
                padding: 0 10px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                cursor: pointer;
            }

            &[data-v-4cc57a13]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-4cc57a13] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }

    .right {
        &[data-v-4cc57a13] {
            width: calc(100% - 201px);
            padding: 10px 15px;
        }

        .twoitem {
            &[data-v-4cc57a13] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 10px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
            }

            &[data-v-4cc57a13]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-4cc57a13] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }
}

.editbox {
    &[data-v-cbac0cab] {
        float: left;
        width: 100%
    }

    .title[data-v-cbac0cab] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-cbac0cab] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-cbac0cab] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-cbac0cab] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-cbac0cab] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-cbac0cab] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-cbac0cab] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-cbac0cab] {
        width: 80px;
    }
}

.radiolist {
    &[data-v-cbac0cab] {
        width: 100%;
        height: auto;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item[data-v-cbac0cab] {
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #F1F5FE;
        border: 0px #F1F5FE solid;
        color: #666;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .over[data-v-cbac0cab] {
        background-color: F1F5FE;
        border: 0px #8ACDFF solid;
        color: #0092EF;
    }
}

.taglist {
    &[data-v-cbac0cab] {
        width: 100%;
        height: auto;
        margin-top: 0rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-cbac0cab] {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 0px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #FFF;
            border: 1px #DCDFE6 solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-cbac0cab] {
            margin-right: 5px;
            font-size: 12px;
        }
    }

    .over[data-v-cbac0cab] {
        background-color: #FFF;
        border: 1px #DCDFE6 solid;
        color: #666;
    }
}

.a-radio {
    &[data-v-cbac0cab] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .item[data-v-cbac0cab] {
        width: 25%;
        line-height: 30px;
        margin-right: 10px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-cbac0cab] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.i-radio {
    &[data-v-cbac0cab] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .item[data-v-cbac0cab] {
        width: 110px;
        line-height: 38px;
        margin-right: 20px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-cbac0cab] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.aiagents {
    &[data-v-cbac0cab] {
        position: absolute;
        bottom: 1px;
        left: 7px;
        height: 35px;
        width: 85%;
        padding-top: 5px;
        background-color: #fff
    }

    .aiagent {
        &[data-v-cbac0cab] {
            width: 70px;
            line-height: 25px;
            padding: 0px 10px;
            border-radius: 5px;
            background-color: #E8F5FF;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        img[data-v-cbac0cab] {
            width: 20px;
            height: 20px;
        }

        span[data-v-cbac0cab] {
            color: #00B9E7;
            font-size: 12px;
        }
    }
}

.header[data-v-e15bb2c6] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header .left[data-v-e15bb2c6] {
    width: 150px;
    font-size: 16px;
    font-weight: 700
}

.header .midd[data-v-e15bb2c6] {
    width: calc(100% - 200px);
    position: relative
}

.header .midd .result[data-v-e15bb2c6] {
    position: absolute;
    top: 32px;
    left: 0;
    z-index: 2;
    width: 280px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px #DDD solid;
    padding: 10px 0
}

.header .midd .result .item[data-v-e15bb2c6] {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 10px;
    cursor: pointer
}

.header .midd .result .item[data-v-e15bb2c6]:hover {
    background-color: #f2f6fc
}

.header .midd .result .item div[data-v-e15bb2c6] {
    width: 100%;
    line-height: 25px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header .midd .result .item span[data-v-e15bb2c6] {
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #a8abb2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header .right[data-v-e15bb2c6] {
    float: right;
    text-align: right;
    width: 40px;
    cursor: pointer
}

.selected[data-v-e15bb2c6] {
    width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.selected .left[data-v-e15bb2c6] {
    width: 100px;
    line-height: 35px;
    color: #909399
}

.selected .left i[data-v-e15bb2c6] {
    color: #0092ef
}

.selected .right[data-v-e15bb2c6] {
    width: calc(100% - 100px)
}

.selected .right .itemed[data-v-e15bb2c6] {
    float: left;
    width: auto;
    padding: 0 10px;
    margin-right: 15px;
    margin-bottom: 5px;
    line-height: 30px;
    color: #0092ef;
    border-radius: 3px;
    background-color: #f2f6fc;
    cursor: pointer;
    display: flex;
    align-items: center
}

.selected .right .itemed .el-icon[data-v-e15bb2c6] {
    margin-left: 5px
}

.listbox[data-v-e15bb2c6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px #EEE solid;
    border-bottom: 1px #EEE solid
}

.listbox .left[data-v-e15bb2c6] {
    width: 200px;
    border-right: 1px #EEE solid;
    padding: 10px 0
}

.listbox .left .item[data-v-e15bb2c6] {
    float: left;
    width: 185px;
    padding: 0 10px;
    margin-bottom: 5px;
    line-height: 30px;
    color: #303133;
    border-radius: 3px;
    cursor: pointer
}

.listbox .left .item[data-v-e15bb2c6]:hover,
.listbox .left .active[data-v-e15bb2c6] {
    background-color: #f2f6fc;
    color: #0092ef
}

.listbox .right[data-v-e15bb2c6] {
    width: calc(100% - 201px);
    padding: 10px 0
}

.listbox .right .twoitem[data-v-e15bb2c6] {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 10px
}

.listbox .right .twoitem .title[data-v-e15bb2c6] {
    width: 100%;
    line-height: 40px;
    color: #303133;
    font-size: 14px;
    font-weight: 700
}

.listbox .right .twoitem .conte[data-v-e15bb2c6] {
    width: 100%
}

.listbox .right .twoitem .conte .threeitem[data-v-e15bb2c6] {
    float: left;
    width: auto;
    padding: 0 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    line-height: 30px;
    color: #303133;
    border-radius: 3px;
    background-color: #f2f6fc;
    cursor: pointer
}

.listbox .right .twoitem .conte .threeitem[data-v-e15bb2c6]:hover,
.listbox .right .twoitem .conte .active[data-v-e15bb2c6] {
    background-color: #f2f6fc;
    color: #0092ef
}

.editbox {
    &[data-v-324aa8cf] {
        float: left;
        width: 100%
    }

    .title[data-v-324aa8cf] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-324aa8cf] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-324aa8cf] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-324aa8cf] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-324aa8cf] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-324aa8cf] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-324aa8cf] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-324aa8cf] {
        width: 80px;
    }
}

.radiolist {
    &[data-v-324aa8cf] {
        width: 100%;
        height: auto;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item[data-v-324aa8cf] {
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #F1F5FE;
        border: 0px #F1F5FE solid;
        color: #666;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .over[data-v-324aa8cf] {
        background-color: F1F5FE;
        border: 0px #8ACDFF solid;
        color: #0092EF;
    }
}

.taglist {
    &[data-v-324aa8cf] {
        width: 100%;
        height: auto;
        margin-top: 0rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-324aa8cf] {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 0px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #FFF;
            border: 1px #DCDFE6 solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-324aa8cf] {
            margin-right: 5px;
            font-size: 12px;
        }
    }

    .over[data-v-324aa8cf] {
        background-color: #FFF;
        border: 1px #DCDFE6 solid;
        color: #666;
    }
}

.a-radio {
    &[data-v-324aa8cf] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .item[data-v-324aa8cf] {
        width: 25%;
        line-height: 30px;
        margin-right: 10px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-324aa8cf] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.i-radio {
    &[data-v-324aa8cf] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .item[data-v-324aa8cf] {
        width: 110px;
        line-height: 38px;
        margin-right: 20px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-324aa8cf] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.aiagents {
    &[data-v-324aa8cf] {
        position: absolute;
        bottom: 1px;
        left: 7px;
        height: 35px;
        width: 85%;
        padding-top: 5px;
        background-color: #fff
    }

    .aiagent {
        &[data-v-324aa8cf] {
            width: 70px;
            line-height: 25px;
            padding: 0px 10px;
            border-radius: 5px;
            background-color: #E8F5FF;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        img[data-v-324aa8cf] {
            width: 20px;
            height: 20px;
        }

        span[data-v-324aa8cf] {
            color: #00B9E7;
            font-size: 12px;
        }
    }
}

.editbox {
    &[data-v-ee6508eb] {
        float: left;
        width: 100%
    }

    .title[data-v-ee6508eb] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-ee6508eb] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-ee6508eb] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-ee6508eb] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-ee6508eb] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-ee6508eb] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-ee6508eb] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-ee6508eb] {
        width: 80px;
    }
}

.radiolist {
    &[data-v-ee6508eb] {
        width: 100%;
        height: auto;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item[data-v-ee6508eb] {
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #F1F5FE;
        border: 0px #F1F5FE solid;
        color: #666;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .over[data-v-ee6508eb] {
        background-color: F1F5FE;
        border: 0px #8ACDFF solid;
        color: #0092EF;
    }
}

.taglist {
    &[data-v-ee6508eb] {
        width: 100%;
        height: auto;
        margin-top: 0rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-ee6508eb] {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 0px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #FFF;
            border: 1px #DCDFE6 solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-ee6508eb] {
            margin-right: 5px;
            font-size: 12px;
        }
    }

    .over[data-v-ee6508eb] {
        background-color: #FFF;
        border: 1px #DCDFE6 solid;
        color: #666;
    }
}

.a-radio {
    &[data-v-ee6508eb] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .item[data-v-ee6508eb] {
        width: 25%;
        line-height: 30px;
        margin-right: 10px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-ee6508eb] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.i-radio {
    &[data-v-ee6508eb] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .item[data-v-ee6508eb] {
        width: 110px;
        line-height: 38px;
        margin-right: 20px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-ee6508eb] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.aiagents {
    &[data-v-ee6508eb] {
        position: absolute;
        bottom: 1px;
        left: 7px;
        height: 35px;
        width: 85%;
        padding-top: 5px;
        background-color: #fff
    }

    .aiagent {
        &[data-v-ee6508eb] {
            width: 70px;
            line-height: 25px;
            padding: 0px 10px;
            border-radius: 5px;
            background-color: #E8F5FF;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        img[data-v-ee6508eb] {
            width: 20px;
            height: 20px;
        }

        span[data-v-ee6508eb] {
            color: #00B9E7;
            font-size: 12px;
        }
    }
}

.editbox {
    &[data-v-bc7ecbda] {
        float: left;
        width: 100%
    }

    .title[data-v-bc7ecbda] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-bc7ecbda] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-bc7ecbda] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-bc7ecbda] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-bc7ecbda] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-bc7ecbda] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-bc7ecbda] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-bc7ecbda] {
        width: 80px;
    }
}

.editbox {
    &[data-v-c7c04ff2] {
        float: left;
        width: 100%
    }

    .title[data-v-c7c04ff2] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-c7c04ff2] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-c7c04ff2] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-c7c04ff2] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-c7c04ff2] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-c7c04ff2] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-c7c04ff2] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-c7c04ff2] {
        width: 80px;
    }
}

.radiolist {
    &[data-v-c7c04ff2] {
        width: 100%;
        height: auto;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item[data-v-c7c04ff2] {
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #F1F5FE;
        border: 0px #F1F5FE solid;
        color: #666;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .over[data-v-c7c04ff2] {
        background-color: F1F5FE;
        border: 0px #8ACDFF solid;
        color: #0092EF;
    }
}

.taglist {
    &[data-v-c7c04ff2] {
        width: 100%;
        height: auto;
        margin-top: 0rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-c7c04ff2] {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 0px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #FFF;
            border: 1px #DCDFE6 solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-c7c04ff2] {
            margin-right: 5px;
            font-size: 12px;
        }
    }

    .over[data-v-c7c04ff2] {
        background-color: #FFF;
        border: 1px #DCDFE6 solid;
        color: #666;
    }
}

.a-radio {
    &[data-v-c7c04ff2] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .item[data-v-c7c04ff2] {
        width: 25%;
        line-height: 30px;
        margin-right: 10px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-c7c04ff2] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.i-radio {
    &[data-v-c7c04ff2] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .item[data-v-c7c04ff2] {
        width: 110px;
        line-height: 38px;
        margin-right: 20px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-c7c04ff2] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.aiagents {
    &[data-v-c7c04ff2] {
        position: absolute;
        bottom: 1px;
        left: 7px;
        height: 35px;
        width: 85%;
        padding-top: 5px;
        background-color: #fff
    }

    .aiagent {
        &[data-v-c7c04ff2] {
            width: 70px;
            line-height: 25px;
            padding: 0px 10px;
            border-radius: 5px;
            background-color: #E8F5FF;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        img[data-v-c7c04ff2] {
            width: 20px;
            height: 20px;
        }

        span[data-v-c7c04ff2] {
            color: #00B9E7;
            font-size: 12px;
        }
    }
}

.editbox {
    &[data-v-6008ab35] {
        float: left;
        width: 100%
    }

    .title[data-v-6008ab35] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-6008ab35] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-6008ab35] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-6008ab35] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-6008ab35] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-6008ab35] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-6008ab35] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-6008ab35] {
        width: 80px;
    }
}

.radiolist {
    &[data-v-6008ab35] {
        width: 100%;
        height: auto;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item[data-v-6008ab35] {
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #F1F5FE;
        border: 0px #F1F5FE solid;
        color: #666;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .over[data-v-6008ab35] {
        background-color: F1F5FE;
        border: 0px #8ACDFF solid;
        color: #0092EF;
    }
}

.taglist {
    &[data-v-6008ab35] {
        width: 100%;
        height: auto;
        margin-top: 0rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-6008ab35] {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 0px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #FFF;
            border: 1px #DCDFE6 solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-6008ab35] {
            margin-right: 5px;
            font-size: 12px;
        }
    }

    .over[data-v-6008ab35] {
        background-color: #FFF;
        border: 1px #DCDFE6 solid;
        color: #666;
    }
}

.a-radio {
    &[data-v-6008ab35] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .item[data-v-6008ab35] {
        width: 25%;
        line-height: 30px;
        margin-right: 10px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-6008ab35] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.i-radio {
    &[data-v-6008ab35] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .item[data-v-6008ab35] {
        width: 110px;
        line-height: 38px;
        margin-right: 20px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-6008ab35] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.aiagents {
    &[data-v-6008ab35] {
        position: absolute;
        bottom: 1px;
        left: 7px;
        height: 35px;
        width: 85%;
        padding-top: 5px;
        background-color: #fff
    }

    .aiagent {
        &[data-v-6008ab35] {
            width: 70px;
            line-height: 25px;
            padding: 0px 10px;
            border-radius: 5px;
            background-color: #E8F5FF;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        img[data-v-6008ab35] {
            width: 20px;
            height: 20px;
        }

        span[data-v-6008ab35] {
            color: #00B9E7;
            font-size: 12px;
        }
    }
}

.header {
    &[data-v-98da9a89] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left[data-v-98da9a89] {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }

    .midd {
        &[data-v-98da9a89] {
            width: calc(100% - 200px);
            position: relative;
        }

        .result {
            &[data-v-98da9a89] {
                position: absolute;
                top: 32px;
                left: 0;
                z-index: 2;
                width: 280px;
                background-color: #FFF;
                border-radius: 3px;
                border: 1px #DDD solid;
                padding: 10px 0px;
            }

            .item {
                &[data-v-98da9a89] {
                    float: left;
                    width: 100%;
                    margin-bottom: 5px;
                    padding: 5px 10px;
                    cursor: pointer;
                }

                &[data-v-98da9a89]:hover {
                    background-color: #F2F6FC;
                }

                div[data-v-98da9a89] {
                    width: 100%;
                    line-height: 25px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                span[data-v-98da9a89] {
                    width: 100%;
                    line-height: 20px;
                    font-size: 12px;
                    color: #A8ABB2;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .right[data-v-98da9a89] {
        float: right;
        text-align: right;
        width: 40px;
        cursor: pointer;
    }
}

.selected {
    &[data-v-98da9a89] {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left {
        &[data-v-98da9a89] {
            width: 100px;
            line-height: 35px;
            color: #909399;
        }

        i[data-v-98da9a89] {
            color: #0092EF;
        }
    }

    .right {
        &[data-v-98da9a89] {
            width: calc(100% - 100px);
        }

        .itemed {
            &[data-v-98da9a89] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #0092EF;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
                display: flex;
                align-items: center;
            }

            .el-icon[data-v-98da9a89] {
                margin-left: 5px;
            }
        }
    }
}

.listbox {
    &[data-v-98da9a89] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px #EEE solid;
        border-bottom: 1px #EEE solid
    }

    .left {
        &[data-v-98da9a89] {
            width: 200px;
            border-right: 1px #EEE solid;
            padding: 10px 0px;
        }

        .item {
            &[data-v-98da9a89] {
                float: left;
                width: 185px;
                padding: 0 10px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                cursor: pointer;
            }

            &[data-v-98da9a89]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-98da9a89] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }

    .right {
        &[data-v-98da9a89] {
            width: calc(100% - 201px);
            padding: 10px 15px;
        }

        .twoitem {
            &[data-v-98da9a89] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 10px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
            }

            &[data-v-98da9a89]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-98da9a89] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }
}

.editbox {
    &[data-v-5c028a63] {
        float: left;
        width: 100%
    }

    .title[data-v-5c028a63] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-5c028a63] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-5c028a63] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-5c028a63] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-5c028a63] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-5c028a63] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-5c028a63] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-5c028a63] {
        width: 80px;
    }
}

.header {
    &[data-v-23e789f5] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left[data-v-23e789f5] {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }

    .midd {
        &[data-v-23e789f5] {
            width: calc(100% - 200px);
            position: relative;
        }

        .result {
            &[data-v-23e789f5] {
                position: absolute;
                top: 32px;
                left: 0;
                z-index: 2;
                width: 280px;
                background-color: #FFF;
                border-radius: 3px;
                border: 1px #DDD solid;
                padding: 10px 0px;
            }

            .item {
                &[data-v-23e789f5] {
                    float: left;
                    width: 100%;
                    margin-bottom: 5px;
                    padding: 5px 10px;
                    cursor: pointer;
                }

                &[data-v-23e789f5]:hover {
                    background-color: #F2F6FC;
                }

                div[data-v-23e789f5] {
                    width: 100%;
                    line-height: 25px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                span[data-v-23e789f5] {
                    width: 100%;
                    line-height: 20px;
                    font-size: 12px;
                    color: #A8ABB2;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .right[data-v-23e789f5] {
        float: right;
        text-align: right;
        width: 40px;
        cursor: pointer;
    }
}

.selected {
    &[data-v-23e789f5] {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left {
        &[data-v-23e789f5] {
            width: 100px;
            line-height: 35px;
            color: #909399;
        }

        i[data-v-23e789f5] {
            color: #0092EF;
        }
    }

    .right {
        &[data-v-23e789f5] {
            width: calc(100% - 100px);
        }

        .itemed {
            &[data-v-23e789f5] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #0092EF;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
                display: flex;
                align-items: center;
            }

            .el-icon[data-v-23e789f5] {
                margin-left: 5px;
            }
        }
    }
}

.listbox {
    &[data-v-23e789f5] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px #EEE solid;
        border-bottom: 1px #EEE solid
    }

    .left {
        &[data-v-23e789f5] {
            width: 200px;
            border-right: 1px #EEE solid;
            padding: 10px 0px;
        }

        .item {
            &[data-v-23e789f5] {
                float: left;
                width: 185px;
                padding: 0 10px;
                margin-bottom: 5px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                cursor: pointer;
            }

            &[data-v-23e789f5]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-23e789f5] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }

    .right {
        &[data-v-23e789f5] {
            width: calc(100% - 201px);
            padding: 10px 15px;
        }

        .twoitem {
            &[data-v-23e789f5] {
                float: left;
                width: auto;
                padding: 0 10px;
                margin-right: 15px;
                margin-bottom: 10px;
                line-height: 30px;
                color: #303133;
                border-radius: 3px;
                background-color: #F2F6FC;
                cursor: pointer;
            }

            &[data-v-23e789f5]:hover {
                background-color: #F2F6FC;
                color: #0092EF;
            }
        }

        .active[data-v-23e789f5] {
            background-color: #F2F6FC;
            color: #0092EF;
        }
    }
}

.single-uploader .single[data-v-332d42e3] {
    display: block;
    width: 100px;
    height: 100px
}

.single-uploader .el-upload {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--el-border-color);
    border-radius: 3px;
    transition: var(--el-transition-duration-fast)
}

.single-uploader .el-icon.avatar-uploader-icon {
    width: 100px;
    height: 100px;
    font-size: 28px;
    color: #8c939d;
    text-align: center
}

.single-uploader .el-upload--picture-card {
    width: 100px !important;
    height: 100px !important;
    font-size: 16px !important
}

.single-uploader .el-upload {
    width: 100px !important;
    height: 100px !important;
    line-height: 100px !important;
    font-size: 16px !important
}

.single-uploader .el-upload-list--picture-card .el-upload-list__item {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 16px
}

.single-uploader .el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1;
    font-size: 16px
}

.single-uploader .el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 16px
}

.editbox {
    &[data-v-09480db2] {
        float: left;
        width: 100%
    }

    .title[data-v-09480db2] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-09480db2] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-09480db2] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-09480db2] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-09480db2] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-09480db2] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-09480db2] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-09480db2] {
        width: 80px;
    }
}

.editbox {
    &[data-v-7ede687e] {
        float: left;
        width: 100%
    }

    .title[data-v-7ede687e] {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: #303133;
    }

    .conte {
        &[data-v-7ede687e] {
            float: left;
            width: 100%;
            margin-top: 20px;
        }

        .el-form {
            &[data-v-7ede687e] {
                float: left;
                width: 100%;
            }

            .el-form-item[data-v-7ede687e] {
                float: left;
                width: 100%;
            }
        }

        .optional {
            &[data-v-7ede687e] {
                float: left;
                width: 100%;
                line-height: 30px;
                margin-bottom: 10px;
            }

            .el-icon[data-v-7ede687e] {
                margin-left: 5px;
            }
        }
    }
}

.btn {
    &[data-v-7ede687e] {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: right
    }

    .el-button[data-v-7ede687e] {
        width: 80px;
    }
}

.radiolist {
    &[data-v-7ede687e] {
        width: 100%;
        height: auto;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item[data-v-7ede687e] {
        margin-right: 10px;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0px 20px;
        background-color: #F1F5FE;
        border: 0px #F1F5FE solid;
        color: #666;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .over[data-v-7ede687e] {
        background-color: F1F5FE;
        border: 0px #8ACDFF solid;
        color: #0092EF;
    }
}

.taglist {
    &[data-v-7ede687e] {
        width: 100%;
        height: auto;
        margin-top: 0rpx;
        display: flex;
        flex-wrap: wrap
    }

    .item {
        &[data-v-7ede687e] {
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 0px;
            line-height: 30px;
            padding: 0px 15px;
            background-color: #FFF;
            border: 1px #DCDFE6 solid;
            color: #666;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
        }

        .el-icon[data-v-7ede687e] {
            margin-right: 5px;
            font-size: 12px;
        }
    }

    .over[data-v-7ede687e] {
        background-color: #FFF;
        border: 1px #DCDFE6 solid;
        color: #666;
    }
}

.a-radio {
    &[data-v-7ede687e] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .item[data-v-7ede687e] {
        width: 25%;
        line-height: 30px;
        margin-right: 10px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-7ede687e] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.i-radio {
    &[data-v-7ede687e] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .item[data-v-7ede687e] {
        width: 110px;
        line-height: 38px;
        margin-right: 20px;
        border: 1px #DCDFE6 solid;
        border-radius: 5px;
        color: #909399;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .active[data-v-7ede687e] {
        border: 1px #258EFF solid;
        color: #282828;
        background: url(/assets/images/selected.png) bottom right no-repeat;
    }
}

.aiagents {
    &[data-v-7ede687e] {
        position: absolute;
        bottom: 1px;
        left: 7px;
        height: 35px;
        width: 85%;
        padding-top: 5px;
        background-color: #fff
    }

    .aiagent {
        &[data-v-7ede687e] {
            width: 70px;
            line-height: 25px;
            padding: 0px 10px;
            border-radius: 5px;
            background-color: #E8F5FF;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        img[data-v-7ede687e] {
            width: 20px;
            height: 20px;
        }

        span[data-v-7ede687e] {
            color: #00B9E7;
            font-size: 12px;
        }
    }
}

.hint[data-v-7ede687e] {
    width: 100%;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #c0c4cc
}

.el-textarea__inner {
    height: 200px;
    padding-bottom: 35px
}

.pagebox {
    &[data-v-34846bdd] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8
    }

    .mainbox {
        &[data-v-34846bdd] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
        }

        .menubox[data-v-34846bdd] {
            float: left;
            width: 150px;
        }

        .resumebox {
            &[data-v-34846bdd] {
                float: left;
                margin: 0 15px;
                width: 750px;
            }

            .resumename {
                &[data-v-34846bdd] {
                    float: left;
                    width: 100%;
                    padding: 10px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
                }

                .left[data-v-34846bdd] {
                    width: 30%;
                    line-height: 30px;
                    font-size: 16px;
                    font-weight: bold;
                    color: #303130;
                }

                .right {
                    &[data-v-34846bdd] {
                        float: right;
                        line-height: 30px;
                    }

                    .el-link {
                        &[data-v-34846bdd] {
                            padding: 0;
                            margin-left: 15px;
                        }

                        .el-icon[data-v-34846bdd] {
                            margin-right: 3px;
                            color: #A8ABB2;
                        }
                    }
                }
            }

            .basicbox {
                &[data-v-34846bdd] {
                    float: left;
                    width: 100%;
                    margin-top: 15px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .viewbox {
                    &[data-v-34846bdd] {
                        float: left;
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                    }

                    .avatar {
                        &[data-v-34846bdd] {
                            float: left;
                            width: 100px;
                            position: relative;
                        }

                        .img[data-v-34846bdd] {
                            width: 80px;
                            height: 80px;
                            border-radius: 100%;
                        }

                        .gender[data-v-34846bdd] {
                            position: absolute;
                            bottom: 10px;
                            left: 55px;
                            width: 25px;
                            height: 25px;
                            border-radius: 100%;
                            z-index: 2;
                        }
                    }

                    .base {
                        &[data-v-34846bdd] {
                            float: left;
                            width: calc(100% - 100px);
                        }

                        .name {
                            &[data-v-34846bdd] {
                                float: left;
                                width: 100%;
                                height: 30px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                            }

                            div[data-v-34846bdd] {
                                float: left;
                                font-size: 18px;
                                font-weight: bold;
                                color: #282828;
                            }

                            span {
                                &[data-v-34846bdd] {
                                    float: right;
                                }

                                .el-link {
                                    &[data-v-34846bdd] {
                                        padding: 0;
                                        color: #0092EF;
                                    }

                                    .el-icon[data-v-34846bdd] {
                                        margin-right: 3px;
                                    }
                                }
                            }
                        }

                        .info[data-v-34846bdd] {
                            float: left;
                            width: 100%;
                            margin-top: 5px;
                            height: 25px;
                            color: #909399;
                            font-size: 14px;
                        }

                        &:hover {
                            .el-link[data-v-34846bdd] {
                                color: #0092EF;
                            }
                        }
                    }
                }
            }

            .appraisebox {
                &[data-v-34846bdd] {
                    float: left;
                    width: 100%;
                    margin-top: 15px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .conte {
                    &[data-v-34846bdd] {
                        float: left;
                        width: 100%;
                    }

                    .resumetag {
                        &[data-v-34846bdd] {
                            float: left;
                            width: 100%;
                            display: flex;
                            flex-wrap: wrap;
                        }

                        .item[data-v-34846bdd] {
                            margin-right: 10px;
                            margin-top: 10px;
                            margin-bottom: 0px;
                            line-height: 25px;
                            padding: 0px 15px;
                            background-color: #FFF;
                            border: 1px #EBEDF0 solid;
                            color: #909399;
                            font-size: 14px;
                            border-radius: 3px;
                        }
                    }

                    .appraise[data-v-34846bdd] {
                        float: left;
                        width: 100%;
                        line-height: 150%;
                        margin-top: 15px;
                        font-size: 14px;
                        color: #606266;
                    }
                }

                &:hover {
                    .el-link[data-v-34846bdd] {
                        color: #0092EF;
                    }
                }
            }

            .expectbox {
                &[data-v-34846bdd] {
                    float: left;
                    width: 100%;
                    margin-top: 15px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .conte {
                    &[data-v-34846bdd] {
                        float: left;
                        width: 100%;
                        margin-top: 0px;
                    }

                    .item {
                        &[data-v-34846bdd] {
                            float: left;
                            width: 100%;
                            margin: 5px 0;
                            height: 30px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .name {
                            &[data-v-34846bdd] {
                                width: 80%;
                                line-height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            span[data-v-34846bdd] {
                                font-size: 14px;
                                font-weight: bold;
                                color: #303130;
                                margin-right: 20px;
                            }

                            p[data-v-34846bdd] {
                                font-size: 14px;
                                color: #909399;
                            }
                        }

                        .edit {
                            &[data-v-34846bdd] {
                                float: right;
                            }

                            .el-link[data-v-34846bdd] {
                                margin-left: 10px;
                                color: #FFF;
                            }
                        }

                        &:hover {
                            .el-link[data-v-34846bdd] {
                                color: #0092EF;
                            }
                        }
                    }
                }

                &:hover {
                    .el-link[data-v-34846bdd] {
                        color: #0092EF;
                    }
                }
            }

            .commonbox {
                &[data-v-34846bdd] {
                    float: left;
                    width: 100%;
                    margin-top: 15px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .conte {
                    &[data-v-34846bdd] {
                        float: left;
                        width: 100%;
                        margin-top: 0px;
                    }

                    .item {
                        &[data-v-34846bdd] {
                            float: left;
                            width: 100%;
                            margin-top: 15px;
                        }

                        .big {
                            &[data-v-34846bdd] {
                                float: left;
                                width: 100%;
                                height: 30px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                            }

                            .name {
                                &[data-v-34846bdd] {
                                    width: 80%;
                                    line-height: 30px;
                                    display: flex;
                                    align-items: center;
                                }

                                span[data-v-34846bdd] {
                                    font-size: 14px;
                                    font-weight: bold;
                                    color: #303130;
                                    margin-right: 20px;
                                }

                                p[data-v-34846bdd] {
                                    font-size: 14px;
                                    color: #909399;
                                }
                            }

                            .edit {
                                &[data-v-34846bdd] {
                                    float: right;
                                }

                                .el-link[data-v-34846bdd] {
                                    margin-left: 10px;
                                    color: #FFF;
                                }
                            }

                            &:hover {
                                .el-link[data-v-34846bdd] {
                                    color: #0092EF;
                                }
                            }
                        }

                        .small[data-v-34846bdd] {
                            float: left;
                            width: 100%;
                            line-height: 25px;
                            font-size: 14px;
                            color: #909399;
                        }

                        .piclist {
                            &[data-v-34846bdd] {
                                float: left;
                                width: 100%;
                                display: flex;
                            }

                            .el-image[data-v-34846bdd] {
                                width: 100px;
                                height: 100px;
                                margin-right: 20px;
                                border-radius: 5px;
                            }
                        }
                    }
                }

                &:hover {
                    .el-link[data-v-34846bdd] {
                        color: #0092EF;
                    }
                }
            }
        }

        .setbox[data-v-34846bdd] {
            float: right;
            width: 270px;
        }
    }
}

.viewtitle {
    &[data-v-34846bdd] {
        float: left;
        width: 100%;
        height: 18px;
        line-height: 18px;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    div[data-v-34846bdd] {
        float: left;
        width: auto;
        line-height: 18px;
        font-size: 16px;
        font-weight: bold;
        color: #303130;
        border-left: 4px #0092EF solid;
        padding-left: 10px;
        font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1;
    }

    span {
        &[data-v-34846bdd] {
            float: right;
            line-height: 18px;
        }

        .el-link {
            &[data-v-34846bdd] {
                color: #FFF;
            }

            .el-icon[data-v-34846bdd] {
                margin-right: 3px;
            }
        }
    }
}

.vieweempty[data-v-34846bdd] {
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #909399
}

.i {
    margin: 0 5px;
    font-size: 12px;
    color: #c0c4cc
}

.single-uploader .el-upload {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--el-border-color);
    border-radius: 100%;
    transition: var(--el-transition-duration-fast)
}

.single-uploader .el-upload:hover {
    border-color: var(--el-color-primary)
}

.single-uploader .el-icon.avatar-uploader-icon {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    font-size: 28px;
    color: #f2f6fc;
    text-align: center
}

.single-uploader .el-upload--picture-card {
    width: 80px !important;
    height: 80px !important;
    font-size: 16px !important
}

.single-uploader .el-upload {
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
    font-size: 16px !important
}

.pagebox {
    &[data-v-429bad75] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        padding-bottom: 80px
    }

    .mainbox {
        &[data-v-429bad75] {
            margin: auto;
            margin-top: 20px;
            width: 950px;
            background-color: #FFF;
            padding: 50px 50px;
            overflow: hidden;
        }

        .basicbox {
            &[data-v-429bad75] {
                float: left;
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

            .avatar {
                &[data-v-429bad75] {
                    width: 120px;
                }

                img[data-v-429bad75] {
                    width: 100px;
                    height: 100px;
                    border-radius: 100%;
                }
            }

            .basic {
                &[data-v-429bad75] {
                    width: calc(100% - 120px);
                }

                .name {
                    &[data-v-429bad75] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 20px;
                        font-weight: bold;
                    }

                    i[data-v-429bad75] {
                        font-size: 12px;
                        color: #0092EF;
                        font-weight: normal;
                        margin-left: 15px;
                    }
                }

                .base {
                    &[data-v-429bad75] {
                        width: 100%;
                        line-height: 25px;
                        margin-top: 5px;
                        font-size: 14px;
                        color: #606266;
                    }

                    i[data-v-429bad75] {
                        font-size: 12px;
                        color: #D4D7DE;
                        margin: 0 5px;
                    }
                }

                .contact {
                    &[data-v-429bad75] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-429bad75] {
                            width: 100%;
                            line-height: 25px;
                            margin-top: 5px;
                            font-size: 14px;
                            color: #606266;
                            display: flex;
                            align-items: center;
                        }

                        .el-icon[data-v-429bad75] {
                            color: #A8ABB2;
                            margin-right: 5px;
                        }
                    }
                }
            }
        }

        .appraisebox {
            &[data-v-429bad75] {
                float: left;
                width: 100%;
                padding: 20px 0;
                border-bottom: 1px #F0F2F5 solid;
            }

            .tag {
                &[data-v-429bad75] {
                    float: left;
                    width: 100%;
                    margin-top: 5px;
                }

                span[data-v-429bad75] {
                    float: left;
                    background-color: #F0F2F5;
                    border-radius: 3px;
                    padding: 3px 10px;
                    font-size: 12px;
                    color: #909399;
                    margin: 5px 0;
                    margin-right: 10px;
                }
            }

            .appraise {
                &[data-v-429bad75] {
                    float: left;
                    width: 100%;
                    margin-top: 5px;
                }

                div {
                    &[data-v-429bad75] {
                        width: 100%;
                        line-height: 200%;
                        color: #303133;
                    }

                    i[data-v-429bad75] {
                        margin-left: 5px;
                        color: #0092EF;
                        cursor: pointer;
                    }
                }
            }
        }

        .expectbox {
            &[data-v-429bad75] {
                float: left;
                width: 100%;
                padding: 20px 0;
                border-bottom: 1px #F0F2F5 solid;
            }

            .list {
                &[data-v-429bad75] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                }

                .expect {
                    &[data-v-429bad75] {
                        float: left;
                        width: 100%;
                        height: 30px;
                        display: flex;
                        align-items: center;
                    }

                    div[data-v-429bad75] {
                        color: #303030;
                        font-weight: bold;
                    }

                    span[data-v-429bad75] {
                        margin-left: 20px;
                        color: #0092EF;
                    }
                }

                .basic {
                    &[data-v-429bad75] {
                        float: left;
                        width: 100%;
                        height: 20px;
                        display: flex;
                        align-items: center;
                    }

                    span {
                        &[data-v-429bad75] {
                            color: #909399;
                        }

                        i[data-v-429bad75] {
                            margin: 0 7px;
                            color: #DCDFE6;
                            font-size: 11px;
                        }
                    }
                }
            }
        }

        .commonbox {
            &[data-v-429bad75] {
                float: left;
                width: 100%;
                padding: 20px 0;
                border-bottom: 1px #F0F2F5 solid;
            }

            .list {
                &[data-v-429bad75] {
                    float: left;
                    width: 100%;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                .onename {
                    &[data-v-429bad75] {
                        float: left;
                        width: 100%;
                        height: 30px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    div[data-v-429bad75] {
                        width: 60%;
                        font-size: 14px;
                        font-weight: bold;
                        color: #303030;
                    }

                    span[data-v-429bad75] {
                        float: right;
                        font-size: 12px;
                        color: #A8ABB2;
                    }
                }

                .twoname {
                    &[data-v-429bad75] {
                        float: left;
                        width: 100%;
                        height: 20px;
                        margin-top: 5px;
                        font-size: 14px;
                        color: #909399;
                    }

                    span[data-v-429bad75] {
                        margin-left: 0px;
                    }
                }

                .summary[data-v-429bad75] {
                    float: left;
                    width: 100%;
                    margin-top: 5px;
                    line-height: 25px;
                    color: #606266;
                }
            }
        }

        .tagbox {
            &[data-v-429bad75] {
                float: left;
                width: 100%;
                margin-bottom: 10px;
            }

            .conte {
                &[data-v-429bad75] {
                    float: left;
                    width: 100%;
                }

                .item {
                    &[data-v-429bad75] {
                        float: left;
                        background-color: #F2F3F5;
                        border-radius: 3px;
                        padding: 5px 10px;
                        font-size: 14px;
                        color: #303030;
                        margin: 5px 0;
                        margin-right: 10px;
                    }

                    span[data-v-429bad75] {
                        background-color: #ECF5FF;
                        border-radius: 3px;
                        padding: 2px 5px;
                        font-size: 12px;
                        color: #0092EF;
                        margin-left: 5px;
                    }
                }
            }
        }

        .opusbox {
            &[data-v-429bad75] {
                float: left;
                width: 100%;
                margin-bottom: 10px;
            }

            .list {
                &[data-v-429bad75] {
                    float: left;
                    width: 100%;
                }

                .name[data-v-429bad75] {
                    float: left;
                    width: 100%;
                    line-height: 30px;
                    font-size: 14px;
                    color: #303030;
                    font-weight: bold;
                }

                .picture {
                    &[data-v-429bad75] {
                        float: left;
                        width: 100%;
                    }

                    .el-image[data-v-429bad75] {
                        width: 90px;
                        height: 90px;
                        border-radius: 5px;
                        margin-right: 10px;
                    }
                }
            }
        }
    }
}

.titles {
    &[data-v-429bad75] {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    span[data-v-429bad75] {
        font-size: 18px;
        font-weight: bold;
        font-weight: bold;
    }
}

.footbtn {
    &[data-v-429bad75] {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        line-height: 60px;
        background-color: #fff;
        text-align: center;
        z-index: 9
    }

    .el-button[data-v-429bad75] {
        width: 120px;
    }
}

@media print {
    .noprint {
        display: none
    }
}

.pagebox {
    &[data-v-dae9b554] {
        width: 100%
    }

    .mainbox {
        &[data-v-dae9b554] {
            margin: auto;
            margin-top: 20px;
            width: 800px;
            padding: 20px 30px;
            background-color: #FFF;
            border-radius: 5px;
            box-shadow: 5px 3px 5px 0px #EEF1F5;
            overflow: hidden;
        }

        .titles {
            &[data-v-dae9b554] {
                float: left;
                width: 100%;
                position: relative;
            }

            .big[data-v-dae9b554] {
                float: left;
                width: 100%;
                line-height: 30px;
                font-size: 18px;
                font-weight: bold;
                color: #303133;
            }

            .small[data-v-dae9b554] {
                float: left;
                width: 100%;
                line-height: 25px;
                font-size: 12px;
                color: #A8ABB2;
            }

            .el-link[data-v-dae9b554] {
                position: absolute;
                top: 10px;
                right: 0;
                color: #A8ABB2;
            }
        }

        .conte {
            &[data-v-dae9b554] {
                float: left;
                width: 100%;
                margin-top: 30px;
            }

            .formbox {
                &[data-v-dae9b554] {
                    float: left;
                    width: 100%;
                }

                .iradio[data-v-dae9b554] {
                    width: 180px;
                    line-height: 38px;
                    margin-right: 18px;
                    border: 1px #DCDFE6 solid;
                    border-radius: 5px;
                    color: #909399;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                }

                .active[data-v-dae9b554] {
                    border: 1px #258EFF solid;
                    color: #0092EF;
                    background: url(/assets/images/selected.png) bottom right no-repeat;
                }
            }

            .el-button[data-v-dae9b554] {
                float: right;
                padding: 0 30px;
                margin-top: 30px;
            }
        }
    }

    .footbox[data-v-dae9b554] {
        width: 100%;
        height: 50px;
    }
}

.pagebox {
    &[data-v-c6ed5120] {
        width: 100%
    }

    .mainbox {
        &[data-v-c6ed5120] {
            margin: auto;
            margin-top: 20px;
            width: 800px;
            padding: 20px 30px;
            background-color: #FFF;
            border-radius: 5px;
            box-shadow: 5px 3px 5px 0px #EEF1F5;
            overflow: hidden;
        }

        .titles {
            &[data-v-c6ed5120] {
                float: left;
                width: 100%;
                position: relative;
            }

            .big[data-v-c6ed5120] {
                float: left;
                width: 100%;
                line-height: 30px;
                font-size: 18px;
                font-weight: bold;
                color: #303133;
            }

            .small[data-v-c6ed5120] {
                float: left;
                width: 100%;
                line-height: 25px;
                font-size: 12px;
                color: #A8ABB2;
            }

            .el-link[data-v-c6ed5120] {
                position: absolute;
                top: 10px;
                right: 0;
                color: #A8ABB2;
            }
        }

        .conte {
            &[data-v-c6ed5120] {
                float: left;
                width: 100%;
                margin-top: 30px;
            }

            .formbox {
                &[data-v-c6ed5120] {
                    float: left;
                    width: 100%;
                }

                .iradio[data-v-c6ed5120] {
                    width: 180px;
                    line-height: 38px;
                    margin-right: 18px;
                    border: 1px #DCDFE6 solid;
                    border-radius: 5px;
                    color: #909399;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                }

                .active[data-v-c6ed5120] {
                    border: 1px #258EFF solid;
                    color: #0092EF;
                    background: url(/assets/images/selected.png) bottom right no-repeat;
                }
            }

            .el-button[data-v-c6ed5120] {
                float: right;
                padding: 0 30px;
                margin-top: 30px;
            }
        }
    }

    .footbox[data-v-c6ed5120] {
        width: 100%;
        height: 50px;
    }
}

.pagebox {
    &[data-v-a1c77d08] {
        width: 100%
    }

    .mainbox {
        &[data-v-a1c77d08] {
            margin: auto;
            margin-top: 20px;
            width: 800px;
            padding: 20px 30px;
            background-color: #FFF;
            border-radius: 5px;
            box-shadow: 5px 3px 5px 0px #EEF1F5;
            overflow: hidden;
        }

        .titles {
            &[data-v-a1c77d08] {
                float: left;
                width: 100%;
                position: relative;
            }

            .big[data-v-a1c77d08] {
                float: left;
                width: 100%;
                line-height: 30px;
                font-size: 18px;
                font-weight: bold;
                color: #303133;
            }

            .small[data-v-a1c77d08] {
                float: left;
                width: 100%;
                line-height: 25px;
                font-size: 12px;
                color: #A8ABB2;
            }

            .el-link[data-v-a1c77d08] {
                position: absolute;
                top: 10px;
                right: 0;
                color: #A8ABB2;
            }
        }

        .conte {
            &[data-v-a1c77d08] {
                float: left;
                width: 100%;
                margin-top: 30px;
            }

            .formbox {
                &[data-v-a1c77d08] {
                    float: left;
                    width: 100%;
                }

                .iradio[data-v-a1c77d08] {
                    width: 180px;
                    line-height: 38px;
                    margin-right: 18px;
                    border: 1px #DCDFE6 solid;
                    border-radius: 5px;
                    color: #909399;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                }

                .active[data-v-a1c77d08] {
                    border: 1px #258EFF solid;
                    color: #0092EF;
                    background: url(/assets/images/selected.png) bottom right no-repeat;
                }
            }

            .el-button[data-v-a1c77d08] {
                float: right;
                padding: 0 30px;
                margin-top: 30px;
            }
        }
    }

    .footbox[data-v-a1c77d08] {
        width: 100%;
        height: 50px;
    }
}

.pagebox {
    &[data-v-c5dc9590] {
        width: 100%
    }

    .mainbox {
        &[data-v-c5dc9590] {
            margin: auto;
            margin-top: 20px;
            width: 800px;
            padding: 20px 30px;
            background-color: #FFF;
            border-radius: 5px;
            box-shadow: 5px 3px 5px 0px #EEF1F5;
            overflow: hidden;
        }

        .titles {
            &[data-v-c5dc9590] {
                float: left;
                width: 100%;
                position: relative;
            }

            .big[data-v-c5dc9590] {
                float: left;
                width: 100%;
                line-height: 30px;
                font-size: 18px;
                font-weight: bold;
                color: #303133;
            }

            .small[data-v-c5dc9590] {
                float: left;
                width: 100%;
                line-height: 25px;
                font-size: 12px;
                color: #A8ABB2;
            }

            .el-link[data-v-c5dc9590] {
                position: absolute;
                top: 10px;
                right: 0;
                color: #A8ABB2;
            }
        }

        .conte {
            &[data-v-c5dc9590] {
                float: left;
                width: 100%;
                margin-top: 30px;
            }

            .formbox {
                &[data-v-c5dc9590] {
                    float: left;
                    width: 100%;
                }

                .iradio[data-v-c5dc9590] {
                    width: 180px;
                    line-height: 38px;
                    margin-right: 18px;
                    border: 1px #DCDFE6 solid;
                    border-radius: 5px;
                    color: #909399;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                }

                .active[data-v-c5dc9590] {
                    border: 1px #258EFF solid;
                    color: #0092EF;
                    background: url(/assets/images/selected.png) bottom right no-repeat;
                }
            }

            .el-button[data-v-c5dc9590] {
                float: right;
                padding: 0 30px;
                margin-top: 30px;
            }
        }
    }

    .footbox[data-v-c5dc9590] {
        width: 100%;
        height: 50px;
    }
}

.pagebox {
    &[data-v-8125b63c] {
        width: 100%;
        height: 100%;
        padding-top: 0;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .appbox {
        &[data-v-8125b63c] {
            width: 100%;
            height: 750px;
            background-image: url(/assets/images/app/bg.png);
        }

        .app {
            &[data-v-8125b63c] {
                margin: auto;
                width: 1200px;
                padding: 50px;
                display: flex;
                justify-content: space-between;
            }

            .left {
                &[data-v-8125b63c] {
                    float: left;
                    width: 400px;
                    height: 630px;
                }

                .carousel {
                    &[data-v-8125b63c] {
                        width: 335px;
                        height: 650px;
                        background-color: #FFF;
                        border: 10px #FFF solid;
                        border-radius: 20px;
                        position: relative;
                    }

                    .item {
                        &[data-v-8125b63c] {
                            width: 315px;
                            height: 630px;
                        }

                        img[data-v-8125b63c] {
                            width: 315px;
                            height: 630px;
                            border-radius: 15px;
                        }
                    }
                }
            }

            .right {
                &[data-v-8125b63c] {
                    float: right;
                    width: 550px;
                    height: 650px;
                }

                .r1[data-v-8125b63c] {
                    width: 100%;
                    margin-top: 70px;
                    line-height: 50px;
                    font-size: 40px;
                    color: #FFF;
                    font-weight: bold;
                }

                .r2[data-v-8125b63c] {
                    width: 100%;
                    margin-top: 20px;
                    list-style: 30px;
                    font-size: 22px;
                    color: #C8DBFF;
                }

                .r3[data-v-8125b63c] {
                    width: 100%;
                    margin-top: 120px;
                    list-style: 30px;
                    font-size: 16px;
                    color: #C8DBFF;
                }

                .r4 {
                    &[data-v-8125b63c] {
                        width: 100%;
                        margin-top: 20px;
                        display: flex;
                    }

                    .lef {
                        &[data-v-8125b63c] {
                            float: left;
                            width: 180px;
                            height: 150px;
                        }

                        img[data-v-8125b63c] {
                            width: 140px;
                            height: 140px;
                        }
                    }

                    .rig {
                        &[data-v-8125b63c] {
                            float: left;
                            width: 300px;
                        }

                        a {
                            &[data-v-8125b63c] {
                                float: left;
                                display: block;
                                width: 100%;
                                margin-bottom: 15px;
                                margin-top: 5px;
                                cursor: pointer;
                            }

                            img[data-v-8125b63c] {
                                width: 195px;
                                height: 54px;
                            }
                        }
                    }
                }
            }
        }
    }

    .morebox {
        &[data-v-8125b63c] {
            margin: auto;
            width: 1200px;
            margin-top: 70px;
            margin-bottom: 70px;
        }

        .title {
            &[data-v-8125b63c] {
                float: left;
                width: 100%;
                height: 55px;
                margin-bottom: 40px;
            }

            span[data-v-8125b63c] {
                margin: auto;
                display: block;
                line-height: 50px;
                color: #141414;
                font-size: 24px;
                text-align: center;
            }

            i[data-v-8125b63c] {
                margin: auto;
                display: block;
                width: 30px;
                height: 5px;
                background-color: #229bff;
                border-radius: 2px;
            }
        }

        .conte {
            &[data-v-8125b63c] {
                margin: auto;
                width: 1200px;
            }

            ul {
                &[data-v-8125b63c] {
                    margin: auto;
                    width: 1200px;
                    display: flex;
                }

                li {
                    &[data-v-8125b63c] {
                        width: 300px;
                    }

                    span {
                        &[data-v-8125b63c] {
                            display: block;
                            width: 100%;
                            text-align: center;
                        }

                        img[data-v-8125b63c] {
                            width: 150px;
                            height: 150px;
                        }
                    }

                    p[data-v-8125b63c] {
                        width: 100%;
                        line-height: 30px;
                        font-size: 16px;
                        color: #282828;
                        text-align: center;
                    }

                    div[data-v-8125b63c] {
                        margin: auto;
                        width: 60%;
                        margin-top: 10px;
                        line-height: 25px;
                        font-size: 14px;
                        color: #9CA0A3;
                        text-align: center;
                    }
                }
            }
        }
    }
}

.recommend[data-v-b9237df4] {
    width: 100%;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden
}

.recommend .title[data-v-b9237df4] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700
}

.recommend .conte[data-v-b9237df4] {
    width: 100%;
    margin-top: 10px
}

.recommend .conte .list[data-v-b9237df4] {
    width: 100%;
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recommend .conte .list span[data-v-b9237df4] {
    width: 20px;
    line-height: 20px;
    background-color: #f2f3f5;
    margin-right: 10px;
    text-align: center
}

.recommend .conte .list .link[data-v-b9237df4] {
    width: calc(100% - 30px);
    line-height: 35px;
    font-size: 14px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pagebox {
    &[data-v-269a3888] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .navigaterbox {
        &[data-v-269a3888] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            height: 45px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-269a3888] {
                width: 900px;
                padding-left: 0px;
                display: flex;
            }

            .item {
                &[data-v-269a3888] {
                    position: relative;
                    width: 60px;
                    height: 45px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                span[data-v-269a3888] {
                    float: left;
                    width: 100%;
                    line-height: 42px;
                    text-align: center;
                    color: #909399;
                    font-size: 15px;
                }

                p[data-v-269a3888] {
                    position: absolute;
                    bottom: 0;
                    left: 20px;
                    width: 20px;
                    height: 3px;
                    border-radius: 3px;
                }
            }

            .active {
                span[data-v-269a3888] {
                    color: #303133;
                }

                p[data-v-269a3888] {
                    background-color: #0092EF;
                }
            }
        }

        .right {
            &[data-v-269a3888] {
                float: right;
                padding-right: 0px;
            }

            .search {
                &[data-v-269a3888] {
                    width: 200px;
                    height: 30px;
                    padding: 0 15px;
                    border: 1px #DCDFE6 solid;
                    background-color: #FFF;
                    border-radius: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .inp[data-v-269a3888] {
                    width: 155px;
                    line-height: 26px;
                    font-size: 13px;
                    outline: none;
                    border: none;
                }

                .el-icon[data-v-269a3888] {
                    margin-right: 15px;
                    color: #606266;
                    cursor: pointer;
                }
            }
        }
    }

    .mainbox {
        &[data-v-269a3888] {
            margin: auto;
            width: 1200px;
            margin-top: 15px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-269a3888] {
                width: 900px;
            }

            .questionbox {
                &[data-v-269a3888] {
                    width: 100%;
                    padding: 10px 30px;
                    padding-bottom: 30px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .sort {
                    &[data-v-269a3888] {
                        width: 100%;
                        height: 40px;
                        border-bottom: 1px #F3F3F3 solid;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-269a3888] {
                            width: 65%;
                            display: flex;
                            align-items: center;
                        }

                        .item {
                            &[data-v-269a3888] {
                                margin-right: 25px;
                                font-size: 14px;
                                color: #606266;
                                cursor: pointer;
                            }

                            &[data-v-269a3888]:hover {
                                color: #0092EF;
                            }
                        }

                        .active[data-v-269a3888] {
                            color: #0092EF;
                        }
                    }

                    .right[data-v-269a3888] {
                        float: right;
                    }
                }

                .question {
                    &[data-v-269a3888] {
                        width: 100%;
                        padding: 15px 0;
                        border-bottom: 1px #F3F3F3 solid;
                    }

                    .l1 {
                        &[data-v-269a3888] {
                            width: 100%;
                            line-height: 30px;
                            font-size: 18px;
                            font-weight: bold;
                        }

                        .el-tag[data-v-269a3888] {
                            margin-left: 0px;
                            font-size: 12px;
                            font-weight: normal;
                        }
                    }

                    .l2 {
                        &[data-v-269a3888] {
                            width: 100%;
                            height: 30px;
                            margin-top: 10px;
                            display: flex;
                            align-items: center;
                        }

                        .avatar {
                            &[data-v-269a3888] {
                                width: 40px;
                            }

                            img[data-v-269a3888] {
                                width: 30px;
                                height: 30px;
                                border-radius: 100%;
                            }
                        }

                        .name[data-v-269a3888] {
                            font-size: 14px;
                            color: #909399;
                        }
                    }

                    .l3[data-v-269a3888] {
                        width: 100%;
                        margin-top: 10px;
                        line-height: 200%;
                        font-size: 14px;
                        color: #606266;
                    }

                    .l4 {
                        &[data-v-269a3888] {
                            width: 100%;
                            margin-top: 10px;
                            display: flex;
                        }

                        .list[data-v-269a3888] {
                            width: 150px;
                            height: 100px;
                            margin-right: 15px;
                            border-radius: 5px;
                            background-repeat: no-repeat;
                            background-position: center;
                            background-size: cover;
                        }
                    }

                    .l5 {
                        &[data-v-269a3888] {
                            width: 100%;
                            margin-top: 10px;
                            height: 20px;
                            display: flex;
                            align-items: center;
                        }

                        .item {
                            &[data-v-269a3888] {
                                margin-right: 25px;
                                font-size: 12px;
                                color: #909399;
                                display: flex;
                                align-items: center;
                            }

                            .el-icon[data-v-269a3888] {
                                margin-right: 3px;
                            }
                        }
                    }
                }

                .pager[data-v-269a3888] {
                    width: 100%;
                    margin-top: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }
        }

        .menu[data-v-269a3888] {
            float: right;
            width: 285px;
        }
    }
}

.emptybox {
    &[data-v-269a3888] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-269a3888] {
            width: 100%;
            text-align: center;
        }

        img[data-v-269a3888] {
            width: 250px;
        }
    }

    .hint[data-v-269a3888] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-269a3888] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-269a3888] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.pagebox {
    &[data-v-75632a09] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #4E9AFC, #F4F6F8 45%)
    }

    .topbox {
        &[data-v-75632a09] {
            margin-top: 0px;
            width: 100%;
            height: 150px;
            background-image: url(/assets/images/article/topbg.png);
            background-color: #226ED3;
        }

        .topcontent {
            &[data-v-75632a09] {
                margin: auto;
                width: 1200px;
                display: flex;
            }

            .left {
                &[data-v-75632a09] {
                    float: left;
                    width: 200px;
                }

                img[data-v-75632a09] {
                    width: 200px;
                    height: 120px;
                    margin-top: 15px;
                }
            }

            .right {
                &[data-v-75632a09] {
                    float: right;
                    width: 1000px;
                    margin: 30px 50px;
                }

                .link {
                    &[data-v-75632a09] {
                        float: left;
                        width: 100%;
                    }

                    span[data-v-75632a09] {
                        float: left;
                        width: 100%;
                        height: 30px;
                        line-height: 30px;
                        color: #FFFFFF;
                        font-size: 24px;
                        font-weight: bold;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    p[data-v-75632a09] {
                        float: left;
                        width: 100%;
                        line-height: 25px;
                        color: #FFFFFF;
                        font-size: 16px;
                        margin-top: 10px;
                    }
                }
            }
        }
    }

    .twobox {
        &[data-v-75632a09] {
            margin: auto;
            margin-top: 20px;
            width: 1200px;
            display: flex;
        }

        .carousel {
            &[data-v-75632a09] {
                float: left;
                width: 600px;
                height: 400px;
                background-color: #FFFFFF;
            }

            img[data-v-75632a09] {
                width: 100%;
                height: 100%;
            }
        }

        .lists {
            &[data-v-75632a09] {
                float: right;
                width: 600px;
                height: 400px;
                background-color: #FFFFFF;
                padding: 20px 0px;
                padding-left: 30px;
                padding-right: 20px;
            }

            .tab {
                &[data-v-75632a09] {
                    float: left;
                    width: 550px;
                    height: 42px;
                    display: flex;
                    align-items: center;
                }

                .left {
                    &[data-v-75632a09] {
                        float: left;
                        width: 440px;
                    }

                    .item[data-v-75632a09] {
                        float: left;
                        width: 110px;
                        height: 40px;
                        line-height: 40px;
                        border-bottom: 2px rgb(236, 245, 255) solid;
                        text-align: center;
                        font-size: 16px;
                        font-weight: bold;
                        cursor: pointer;
                    }

                    .active[data-v-75632a09] {
                        border-bottom: 2px #409EFF solid;
                    }
                }

                .right {
                    &[data-v-75632a09] {
                        float: right;
                        width: 110px;
                    }

                    .more[data-v-75632a09] {
                        float: right;
                        width: 110px;
                        height: 40px;
                        line-height: 40px;
                        border-bottom: 2px rgb(236, 245, 255) solid;
                        text-align: right;
                        font-size: 16px;
                        color: #409EFF;
                    }
                }
            }

            .conte {
                &[data-v-75632a09] {
                    width: 550px;
                    padding: 15px 0px;
                    overflow: hidden;
                }

                .item {
                    &[data-v-75632a09] {
                        float: left;
                        width: 100%;
                        height: 38px;
                        padding: 0 0px;
                    }

                    .link {
                        &[data-v-75632a09] {
                            width: 100%;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        div {
                            &[data-v-75632a09] {
                                float: left;
                                width: 450px;
                                height: 38px;
                                line-height: 38px;
                                font-size: 16px;
                                color: #303133;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            i[data-v-75632a09] {
                                display: block;
                                width: 3px;
                                height: 3px;
                                margin-right: 10px;
                                border-radius: 100%;
                                background-color: #C0C4CC;
                            }
                        }

                        span[data-v-75632a09] {
                            float: right;
                            color: #909399;
                        }
                    }
                }
            }
        }
    }

    .threebox {
        &[data-v-75632a09] {
            margin: auto;
            margin-top: 20px;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .hotjob {
            &[data-v-75632a09] {
                float: left;
                width: 600px;
            }

            .title {
                &[data-v-75632a09] {
                    width: 100%;
                    height: 40px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                span[data-v-75632a09] {
                    font-size: 20px;
                    font-weight: bold;
                }

                .more[data-v-75632a09] {
                    float: right;
                    font-size: 16px;
                    color: #409EFF;
                }
            }

            .conte {
                &[data-v-75632a09] {
                    float: left;
                    width: 100%;
                    height: 250px;
                    background-color: #FFF;
                    padding: 20px 20px;
                }

                .item {
                    &[data-v-75632a09] {
                        float: left;
                        width: auto;
                        margin-right: 15px;
                        margin-bottom: 15px;
                        padding: 3px 10px;
                        border-radius: 3px;
                        background-color: #F2F6FC;
                        color: #0092EF;
                        font-size: 14px;
                        cursor: pointer;
                    }

                    a[data-v-75632a09] {
                        color: #0092EF;
                        text-decoration: none;
                    }

                    &:hover {
                        &[data-v-75632a09] {
                            background-color: #0092EF;
                        }

                        a[data-v-75632a09] {
                            color: #FFF;
                        }
                    }
                }
            }
        }

        .jobfair {
            &[data-v-75632a09] {
                float: right;
                width: 580px;
            }

            .title {
                &[data-v-75632a09] {
                    width: 100%;
                    height: 40px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                span[data-v-75632a09] {
                    font-size: 20px;
                    font-weight: bold;
                }

                .more[data-v-75632a09] {
                    float: right;
                    font-size: 16px;
                    color: #409EFF;
                }
            }

            .conte {
                &[data-v-75632a09] {
                    float: left;
                    width: 100%;
                    height: 250px;
                    background-color: #FFF;
                    padding: 20px 20px;
                }

                .item[data-v-75632a09] {
                    float: left;
                    width: 540px;
                    height: 35px;
                    line-height: 35px;
                    font-size: 16px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .fourbox {
        &[data-v-75632a09] {
            width: 100%;
            height: 710px;
            background-image: url(/assets/images/article/four.png);
            background-repeat: no-repeat;
            background-size: auto;
            margin-top: 30px;
            background-position:center;
        }

        .content {
            &[data-v-75632a09] {
                margin: auto;
                width: 1200px;
                height: 420px;
            }

            .conte {
                &[data-v-75632a09] {
                    float: right;
                    width: 602px;
                    height: 420px;
                    margin-top: 190px;
                    display: flex;
                    justify-content: space-between;
                }

                .left {
                    &[data-v-75632a09] {
                        float: left;
                        width: 158px;
                        height: 420px;
                    }

                    .item[data-v-75632a09] {
                        float: left;
                        width: 158px;
                        height: 45px;
                        line-height: 45px;
                        text-align: center;
                        font-size: 14px;
                        color: #FFF;
                        cursor: pointer;
                    }

                    .active[data-v-75632a09] {
                        background-color: #E7F4FF;
                        color: #2C90FF;
                    }
                }

                .right[data-v-75632a09] {
                    float: right;
                    width: 430px;
                    height: 420px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #333;
                }
            }
        }
    }

    .fivebox {
        &[data-v-75632a09] {
            margin: auto;
            width: 1240px;
            padding-left: 20px;
            overflow: hidden;
        }

        .item {
            &[data-v-75632a09] {
                float: left;
                width: 590px;
                height: 130px;
                margin-top: 20px;
                margin-right: 20px;
            }

            img[data-v-75632a09] {
                width: 590px;
                height: 130px;
                cursor: pointer;
            }
        }
    }

    .sixbox {
        &[data-v-75632a09] {
            margin: auto;
            width: 1200px;
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }

        .leftbox {
            &[data-v-75632a09] {
                float: left;
                width: 590px;
                height: 710px;
                padding: 20px;
                background-color: #FFF;
            }

            .title {
                &[data-v-75632a09] {
                    width: 100%;
                    height: 40px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                span[data-v-75632a09] {
                    font-size: 20px;
                    font-weight: bold;
                }

                .more[data-v-75632a09] {
                    float: right;
                    font-size: 16px;
                    color: #409EFF;
                }
            }

            .conte[data-v-75632a09] {
                width: 100%;
                cursor: pointer;
            }
        }

        .rightbox {
            &[data-v-75632a09] {
                float: right;
                width: 590px;
            }

            .lists {
                &[data-v-75632a09] {
                    width: 590px;
                    padding: 20px;
                    background-color: #FFF;
                    margin-bottom: 20px;
                    height: 345px;
                }

                .title {
                    &[data-v-75632a09] {
                        width: 100%;
                        height: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    span[data-v-75632a09] {
                        font-size: 20px;
                        font-weight: bold;
                    }

                    .more[data-v-75632a09] {
                        float: right;
                        font-size: 16px;
                        color: #409EFF;
                    }
                }

                .conte {
                    &[data-v-75632a09] {
                        width: 100%;
                        height: 320px;
                        overflow: hidden;
                    }

                    .item {
                        &[data-v-75632a09] {
                            float: left;
                            width: 100%;
                            height: 40px;
                            padding: 0 0px;
                        }

                        .link {
                            &[data-v-75632a09] {
                                width: 100%;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                            }

                            div {
                                &[data-v-75632a09] {
                                    float: left;
                                    width: 450px;
                                    height: 40px;
                                    line-height: 40px;
                                    font-size: 16px;
                                    color: #303133;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }

                                i[data-v-75632a09] {
                                    display: block;
                                    width: 3px;
                                    height: 3px;
                                    margin-right: 10px;
                                    border-radius: 100%;
                                    background-color: #C0C4CC;
                                }
                            }

                            span[data-v-75632a09] {
                                float: right;
                                color: #909399;
                            }
                        }
                    }
                }
            }
        }
    }
}

.titles[data-v-75632a09] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #303133
}

.emptybox {
    &[data-v-75632a09] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-75632a09] {
            width: 100%;
            text-align: center;
        }

        img[data-v-75632a09] {
            width: 250px;
        }
    }

    .hint[data-v-75632a09] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-75632a09] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-75632a09] {
    height: 400px
}

.recommend[data-v-8ef8f67c] {
    width: 100%;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden
}

.recommend .title[data-v-8ef8f67c] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700
}

.recommend .conte[data-v-8ef8f67c] {
    width: 100%;
    margin-top: 10px
}

.recommend .conte .list[data-v-8ef8f67c] {
    width: 100%;
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recommend .conte .list span[data-v-8ef8f67c] {
    width: 20px;
    line-height: 20px;
    background-color: #f2f3f5;
    margin-right: 10px;
    text-align: center
}

.recommend .conte .list .link[data-v-8ef8f67c] {
    width: calc(100% - 30px);
    line-height: 35px;
    font-size: 14px;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pagebox {
    &[data-v-80656110] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .navigaterbox {
        &[data-v-80656110] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            height: 45px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left[data-v-80656110] {
            width: 900px;
            font-size: 20px;
            font-weight: bold;
            color: #303133;
        }

        .right {
            &[data-v-80656110] {
                float: right;
                padding-right: 0px;
            }

            .search {
                &[data-v-80656110] {
                    width: 200px;
                    height: 30px;
                    padding: 0 15px;
                    border: 1px #DCDFE6 solid;
                    background-color: #FFF;
                    border-radius: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .inp[data-v-80656110] {
                    width: 155px;
                    line-height: 26px;
                    font-size: 13px;
                    outline: none;
                    border: none;
                }

                .el-icon[data-v-80656110] {
                    margin-right: 15px;
                    color: #606266;
                    cursor: pointer;
                }
            }
        }
    }

    .mainbox {
        &[data-v-80656110] {
            margin: auto;
            width: 1200px;
            margin-top: 15px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-80656110] {
                width: 900px;
            }

            .articlebox {
                &[data-v-80656110] {
                    width: 100%;
                    padding: 10px 25px;
                    padding-bottom: 30px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .article {
                    &[data-v-80656110] {
                        width: 100%;
                        padding: 15px 0;
                        border-bottom: 1px #F5F6F9 solid;
                        display: flex;
                        justify-content: space-between;
                    }

                    .left {
                        &[data-v-80656110] {
                            width: calc(100% - 150px);
                            font-size: 15px;
                            color: #303133;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .link {
                            &[data-v-80656110]:hover {
                                color: #0092EF;
                            }
                        }

                        .el-tag[data-v-80656110] {
                            font-weight: normal;
                            font-size: 12px;
                        }
                    }

                    .right[data-v-80656110] {
                        width: 150px;
                        text-align: right;
                        font-size: 14px;
                        color: #909399;
                    }
                }

                .pager[data-v-80656110] {
                    width: 100%;
                    margin-top: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            }
        }

        .menu {
            &[data-v-80656110] {
                float: right;
                width: 285px;
            }

            .category {
                &[data-v-80656110] {
                    width: 100%;
                    padding: 15px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-bottom: 15px;
                    overflow: hidden;
                }

                .title[data-v-80656110] {
                    width: 100%;
                    line-height: 30px;
                    font-size: 16px;
                    font-weight: bold;
                }

                .conte {
                    &[data-v-80656110] {
                        width: 100%;
                        margin-top: 15px;
                    }

                    .item[data-v-80656110] {
                        float: left;
                        border: 1px #EEE solid;
                        padding: 3px 15px;
                        border-radius: 15px;
                        margin-right: 10px;
                        margin-bottom: 10px;
                        cursor: pointer;
                    }
                }
            }
        }
    }
}

.titles[data-v-80656110] {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #303133
}

.emptybox {
    &[data-v-80656110] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-80656110] {
            width: 100%;
            text-align: center;
        }

        img[data-v-80656110] {
            width: 250px;
        }
    }

    .hint[data-v-80656110] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-80656110] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-80656110] {
    height: 400px
}

input::-webkit-input-placeholder {
    color: #a8abb2;
    font-size: 13px
}

.citybox[data-v-06868c43] {
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.header {
    &[data-v-06868c43] {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .left[data-v-06868c43] {
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }

    .midd {
        &[data-v-06868c43] {
            width: calc(100% - 200px);
            position: relative;
        }

        .result {
            &[data-v-06868c43] {
                position: absolute;
                top: 32px;
                left: 0;
                z-index: 2;
                width: 280px;
                background-color: #FFF;
                border-radius: 3px;
                border: 1px #DDD solid;
                padding: 10px 0px;
            }

            .item {
                &[data-v-06868c43] {
                    float: left;
                    width: 100%;
                    margin-bottom: 5px;
                    padding: 5px 10px;
                    cursor: pointer;
                }

                &[data-v-06868c43]:hover {
                    background-color: #F2F6FC;
                }

                div[data-v-06868c43] {
                    width: 100%;
                    line-height: 25px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                span[data-v-06868c43] {
                    width: 100%;
                    line-height: 20px;
                    font-size: 12px;
                    color: #A8ABB2;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }

    .right[data-v-06868c43] {
        float: right;
        text-align: right;
        width: 40px;
        cursor: pointer;
    }
}

.lisbox {
    &[data-v-06868c43] {
        width: 100%;
        height: 360px;
        background-color: #fff;
        padding-bottom: 20px
    }

    .lis {
        &[data-v-06868c43] {
            float: left;
            width: 100%;
            padding: 20px 0;
        }

        .item[data-v-06868c43] {
            float: left;
            height: 40x;
            line-height: 40px;
            margin-right: 25px;
            font-size: 14px;
            color: #606266;
            cursor: pointer;
        }
    }
}

.el-tabs[data-v-06868c43],
.el-tab-pane[data-v-06868c43],
[data-v-06868c43] .el-tabs__item {
    height: 36px
}

[data-v-06868c43] .el-tabs__nav-wrap:after {
    height: 1px
}

[data-v-06868c43] .el-tabs__item:hover,
[data-v-06868c43] .el-tabs__item.is-active {
    color: #0092ef
}

[data-v-06868c43] .el-tabs__item {
    color: #666
}

.pagebox {
    &[data-v-cee6db06] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .searchbox {
        &[data-v-cee6db06] {
            margin: auto;
            width: 1200px;
            padding: 20px 20px;
            margin-top: 25px;
            padding-bottom: 25px;
            background-color: #FFF;
            border-radius: 5px;
            position: relative;
        }

        .inputbox {
            &[data-v-cee6db06] {
                width: 100%;
                height: 44px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .input {
                &[data-v-cee6db06] {
                    height: 44px;
                    background-color: #0092EF;
                    border-radius: 6px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    position: relative;
                }

                .inp {
                    &[data-v-cee6db06] {
                        float: left;
                        width: calc(100% - 90px);
                        height: 40px;
                        margin: 2px 2px;
                        background-color: #FFF;
                        border-radius: 5px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .lef {
                        &[data-v-cee6db06] {
                            float: left;
                            width: 90px;
                            padding: 0 0px;
                        }

                        .con {
                            &[data-v-cee6db06] {
                                width: 100%;
                                height: 20px;
                                padding: 10px 0px;
                                padding-left: 15px;
                                padding-right: 10px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                border-right: 0px #EEE solid;
                                cursor: pointer;
                            }

                            span[data-v-cee6db06] {
                                float: left;
                                width: calc(100% - 20px);
                                font-size: 14px;
                                color: #606266;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            .el-icon[data-v-cee6db06] {
                                color: #D4D7DE;
                                font-size: 12px;
                            }
                        }
                    }

                    .rig {
                        &[data-v-cee6db06] {
                            float: left;
                            width: calc(100% - 90px);
                            height: 40px;
                            line-height: 40px;
                            margin: 5px;
                            padding: 0 0px;
                        }

                        .el-input[data-v-cee6db06] {
                            width: 100%;
                            font-size: 14px;
                            color: #606266;
                        }

                        [data-v-cee6db06] .el-input__wrapper {
                            box-shadow: none;
                        }
                    }
                }

                .btn[data-v-cee6db06] {
                    float: right;
                    width: 90px;
                    height: 50px;
                    line-height: 50px;
                    text-align: left;
                    color: #FFF;
                    font-size: 16px;
                    padding-left: 30px;
                    cursor: pointer;
                }
            }

            .login {
                &[data-v-cee6db06] {
                    float: right;
                    height: 40px;
                    margin-top: 0px;
                }

                .yes {
                    &[data-v-cee6db06] {
                        float: right;
                        display: flex;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-cee6db06] {
                            width: 40px;
                        }

                        img[data-v-cee6db06] {
                            width: 40px;
                            height: 40px;
                        }
                    }

                    .right {
                        &[data-v-cee6db06] {
                            width: auto;
                        }

                        div {
                            &[data-v-cee6db06] {
                                line-height: 20px;
                                font-size: 14px;
                                color: #0092EF;
                            }

                            i[data-v-cee6db06] {
                                margin-left: 5px;
                                padding: 0 5px;
                                background-color: #0092EF;
                                font-size: 12px;
                                color: #FFF;
                                border-radius: 10px;
                                border-bottom-left-radius: 0px;
                            }
                        }

                        span[data-v-cee6db06] {
                            line-height: 16px;
                            font-size: 10px;
                            color: #86CEFF;
                        }
                    }
                }

                .no {
                    &[data-v-cee6db06] {
                        width: 100%;
                        line-height: 42px;
                        padding: 0 40px;
                        border: 1px #0092EF solid;
                        border-radius: 6px;
                        text-align: center;
                        color: #0092EF;
                        font-size: 15px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        cursor: pointer;
                    }

                    img[data-v-cee6db06] {
                        margin-right: 10px;
                    }
                }
            }
        }

        .historybox {
            &[data-v-cee6db06] {
                position: absolute;
                top: 64px;
                left: 105px;
                z-index: 2;
                padding: 20px 20px;
                height: auto;
                background-color: #FFF;
                border-radius: 5px;
                box-shadow: 3px 3px 10px 0px #D4D8EA;
            }

            .title {
                &[data-v-cee6db06] {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                div[data-v-cee6db06] {
                    float: left;
                    font-size: 14px;
                    color: #A8ABB2;
                }

                span[data-v-cee6db06] {
                    float: right;
                    cursor: pointer;
                    color: #A8ABB2;
                }
            }

            .history {
                &[data-v-cee6db06] {
                    width: 100%;
                }

                .conte {
                    &[data-v-cee6db06] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-cee6db06] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-cee6db06]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }

            .hot {
                &[data-v-cee6db06] {
                    float: left;
                    width: 100%;
                    margin-top: 20px;
                }

                .conte {
                    &[data-v-cee6db06] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-cee6db06] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-cee6db06]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }
        }

        .listbox {
            &[data-v-cee6db06] {
                width: 100%;
                margin-top: 15px;
                height: auto;
            }

            .item {
                &[data-v-cee6db06] {
                    float: left;
                    line-height: 30px;
                    font-size: 14px;
                    color: #303133;
                    margin-left: 10px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                &[data-v-cee6db06]:hover {
                    color: #0092EF;
                }
            }

            .active[data-v-cee6db06] {
                color: #0092EF;
            }
        }

        .filter {
            &[data-v-cee6db06] {
                width: 100%;
                margin-top: 0px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left {
                &[data-v-cee6db06] {
                    width: calc(100% - 100px);
                }

                .item {
                    &[data-v-cee6db06] {
                        float: left;
                        line-height: 30px;
                        margin-top: 15px;
                        margin-right: 10px;
                        padding: 0 9px;
                        border-radius: 5px;
                        color: #606266;
                        cursor: pointer;
                    }

                    &:hover {
                        &[data-v-cee6db06] {
                            color: #0092EF;
                        }

                        .el-icon[data-v-cee6db06] {
                            color: #0092EF;
                        }
                    }

                    .el-icon[data-v-cee6db06] {
                        margin-left: 3px;
                        color: #DCDFE6;
                    }
                }

                .active[data-v-cee6db06] {
                    background-color: #F2F6FC;
                    color: #0092EF;
                }
            }

            .right {
                &[data-v-cee6db06] {
                    float: right;
                    width: 100px;
                    line-height: 40px;
                    margin-top: 15px;
                    text-align: right;
                }

                .el-link {
                    &[data-v-cee6db06] {
                        font-size: 12px;
                        color: #B8BBCC;
                    }

                    .el-icon[data-v-cee6db06] {
                        margin-right: 3px;
                    }
                }
            }
        }
    }

    .mainbox {
        &[data-v-cee6db06] {
            margin: auto;
            margin-top: 15px;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-cee6db06] {
                float: left;
                width: 900px;
            }

            .jobtypebox {
                &[data-v-cee6db06] {
                    width: 100%;
                    height: 45px;
                    background-color: #FFF;
                    padding: 0px 20px;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .left {
                    &[data-v-cee6db06] {
                        width: 50%;
                        display: flex;
                    }

                    .item {
                        &[data-v-cee6db06] {
                            position: relative;
                            width: 80px;
                            height: 45px;
                            margin-right: 15px;
                            cursor: pointer;
                        }

                        span[data-v-cee6db06] {
                            float: left;
                            width: 100%;
                            line-height: 42px;
                            text-align: center;
                            color: #909399;
                            font-size: 15px;
                        }

                        p[data-v-cee6db06] {
                            position: absolute;
                            bottom: 0;
                            left: 30px;
                            width: 20px;
                            height: 3px;
                            background-color: #FFF;
                            border-radius: 3px;
                        }
                    }

                    .active {
                        span[data-v-cee6db06] {
                            color: #303133;
                        }

                        p[data-v-cee6db06] {
                            background-color: #0092EF;
                        }
                    }
                }

                .right {
                    &[data-v-cee6db06] {
                        width: 50%;
                        text-align: right;
                        font-size: 12px;
                        color: #B8BBCC;
                    }

                    i[data-v-cee6db06] {
                        margin: 0 3px;
                        color: #0092EF;
                    }
                }
            }

            .jobbox {
                &[data-v-cee6db06] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                    cursor: pointer;
                }

                .up {
                    &[data-v-cee6db06] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-cee6db06] {
                            width: calc(100% - 350px);
                        }

                        .names {
                            &[data-v-cee6db06] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-cee6db06] {
                                    line-height: 30px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-cee6db06]:hover {
                                    color: #0092EF;
                                }
                            }

                            span[data-v-cee6db06] {
                                line-height: 30px;
                                font-size: 15px;
                                color: #F56C6C;
                                margin-left: 15px;
                            }
                        }

                        .basic {
                            &[data-v-cee6db06] {
                                width: 100%;
                                margin-top: 5px;
                            }

                            div[data-v-cee6db06] {
                                float: left;
                                line-height: 25px;
                                font-size: 14px;
                                color: #F56C6C;
                                margin-right: 15px;
                            }

                            span[data-v-cee6db06] {
                                float: left;
                                line-height: 25px;
                                font-size: 12px;
                                color: #909399;
                                margin-right: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-cee6db06] {
                            width: 350px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-cee6db06] {
                                width: 60px;
                            }

                            img[data-v-cee6db06] {
                                width: 50px;
                                height: 50px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-cee6db06] {
                                width: calc(100% - 60px);
                            }

                            .name {
                                &[data-v-cee6db06] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 16px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-cee6db06]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-cee6db06] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-cee6db06] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-cee6db06] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 50px;
                        background: linear-gradient(to right, #F3FDFF, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-cee6db06] {
                            width: calc(100% - 350px);
                            padding: 10px 0;
                            height: 30px;
                            display: flex;
                            align-items: center;
                        }

                        .avatar {
                            &[data-v-cee6db06] {
                                width: 35px;
                            }

                            img[data-v-cee6db06] {
                                width: 25px;
                                height: 25px;
                                border-radius: 100%;
                            }
                        }

                        .name[data-v-cee6db06] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #909399;
                        }
                    }

                    .right {
                        &[data-v-cee6db06] {
                            width: 350px;
                        }

                        .tag[data-v-cee6db06] {
                            width: auto;
                            padding: 3px 10px;
                            border-radius: 3px;
                            background-color: #F4F6F9;
                            font-size: 12px;
                            color: #A8ABB2;
                            margin-right: 10px;
                        }
                    }
                }

                &[data-v-cee6db06]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .pager[data-v-cee6db06] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-cee6db06] {
            float: right;
            width: 285px;
        }
    }
}

.popitem {
    &[data-v-cee6db06] {
        float: left;
        width: calc(100% + -0px);
        padding: 0 5px;
        height: 32px;
        line-height: 32px;
        color: #303133;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer
    }

    &[data-v-cee6db06]:hover {
        background-color: #f5f7fa;
        color: #0092ef
    }
}

.popactive[data-v-cee6db06] {
    color: #0092ef
}

.inputyes[data-v-cee6db06] {
    width: 980px
}

.inputno[data-v-cee6db06] {
    width: 880px
}

.historyyes[data-v-cee6db06] {
    width: 800px
}

.historyno[data-v-cee6db06] {
    width: 700px
}

.app-qrocde {
    &[data-v-cee6db06] {
        text-align: center
    }

    img[data-v-cee6db06] {
        width: 120px;
        height: 120px;
        border-radius: 5px;
    }
}

.emptybox {
    &[data-v-cee6db06] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-cee6db06] {
            width: 100%;
            text-align: center;
        }

        img[data-v-cee6db06] {
            width: 250px;
        }
    }

    .hint[data-v-cee6db06] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-cee6db06] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-cee6db06] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.pagebox {
    &[data-v-ddeda657] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .navigaterbox {
        &[data-v-ddeda657] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            border-radius: 10px;
            padding: 15px 25px;
            background-color: #FFF;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-ddeda657] {
                width: 900px;
                padding-left: 0px;
                display: flex;
            }

            .item {
                &[data-v-ddeda657] {
                    position: relative;
                    width: 140px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                span[data-v-ddeda657] {
                    float: left;
                    width: 100%;
                    line-height: 40px;
                    text-align: center;
                    color: #909399;
                    font-size: 15px;
                }
            }

            .active {
                span[data-v-ddeda657] {
                    background-color: #0092EF;
                    border-radius: 40px;
                    color: #FFF;
                }
            }
        }

        .right {
            &[data-v-ddeda657] {
                float: right;
                padding-right: 0px;
            }

            .search {
                &[data-v-ddeda657] {
                    width: 200px;
                    height: 30px;
                    padding: 0 15px;
                    border: 1px #DCDFE6 solid;
                    background-color: #FFF;
                    border-radius: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .inp[data-v-ddeda657] {
                    width: 155px;
                    line-height: 26px;
                    font-size: 13px;
                    outline: none;
                    border: none;
                }

                .el-icon[data-v-ddeda657] {
                    margin-right: 15px;
                    color: #606266;
                    cursor: pointer;
                }
            }
        }
    }

    .timebox {
        &[data-v-ddeda657] {
            margin: auto;
            width: 1200px;
            padding: 0 25px;
            margin-top: 10px;
            height: 45px;
            display: flex;
        }

        .item {
            &[data-v-ddeda657] {
                position: relative;
                width: 80px;
                height: 45px;
                margin-right: 10px;
                cursor: pointer;
            }

            span[data-v-ddeda657] {
                float: left;
                width: 100%;
                line-height: 42px;
                text-align: center;
                color: #909399;
                font-size: 15px;
            }

            p[data-v-ddeda657] {
                position: absolute;
                bottom: 0;
                left: 30px;
                width: 20px;
                height: 3px;
                border-radius: 3px;
            }
        }

        .active {
            span[data-v-ddeda657] {
                color: #303133;
            }

            p[data-v-ddeda657] {
                background-color: #0092EF;
            }
        }
    }

    .mainbox {
        &[data-v-ddeda657] {
            margin: auto;
            width: 1232px;
            margin-top: 15px;
            overflow: hidden;
        }

        .jobfairlist {
            &[data-v-ddeda657] {
                float: left;
                margin-left: 16px;
                width: 1216px;
            }

            .item {
                &[data-v-ddeda657] {
                    float: left;
                    width: 592px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-right: 16px;
                    margin-bottom: 15px;
                    display: flex;
                    justify-content: space-between;
                }

                .cover {
                    &[data-v-ddeda657] {
                        float: left;
                        width: 175px;
                    }

                    img[data-v-ddeda657] {
                        width: 160px;
                        height: 100px;
                        border-radius: 5px;
                    }
                }

                .basic {
                    &[data-v-ddeda657] {
                        float: left;
                        width: calc(100% - 175px);
                    }

                    .title[data-v-ddeda657] {
                        float: left;
                        width: 100%;
                        height: 30px;
                        line-height: 30px;
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .other {
                        &[data-v-ddeda657] {
                            float: left;
                            width: 100%;
                            margin-top: 5px;
                        }

                        .list {
                            &[data-v-ddeda657] {
                                width: 100%;
                                line-height: 25px;
                                font-size: 12px;
                                color: #909399;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            .el-icon[data-v-ddeda657] {
                                margin-right: 5px;
                            }
                        }
                    }
                }
            }
        }

        .pager[data-v-ddeda657] {
            float: left;
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

.emptybox {
    &[data-v-ddeda657] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-ddeda657] {
            width: 100%;
            text-align: center;
        }

        img[data-v-ddeda657] {
            width: 250px;
        }
    }

    .hint[data-v-ddeda657] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-ddeda657] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-ddeda657] {
    background-color: #fff;
    height: 500px;
    margin-top: 0;
    padding-top: 100px
}

.pagebox {
    &[data-v-a21745a6] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .navigaterbox {
        &[data-v-a21745a6] {
            margin: auto;
            width: 1200px;
            margin-top: 25px;
            border-radius: 10px;
            padding: 15px 25px;
            background-color: #FFF;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-a21745a6] {
                width: 900px;
                padding-left: 0px;
                display: flex;
            }

            .item {
                &[data-v-a21745a6] {
                    position: relative;
                    width: 140px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                span[data-v-a21745a6] {
                    float: left;
                    width: 100%;
                    line-height: 40px;
                    text-align: center;
                    color: #909399;
                    font-size: 15px;
                }
            }

            .active {
                span[data-v-a21745a6] {
                    background-color: #0092EF;
                    border-radius: 40px;
                    color: #FFF;
                }
            }
        }

        .right {
            &[data-v-a21745a6] {
                float: right;
                padding-right: 0px;
            }

            .search {
                &[data-v-a21745a6] {
                    width: 200px;
                    height: 30px;
                    padding: 0 15px;
                    border: 1px #DCDFE6 solid;
                    background-color: #FFF;
                    border-radius: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .inp[data-v-a21745a6] {
                    width: 155px;
                    line-height: 26px;
                    font-size: 13px;
                    outline: none;
                    border: none;
                }

                .el-icon[data-v-a21745a6] {
                    margin-right: 15px;
                    color: #606266;
                    cursor: pointer;
                }
            }
        }
    }

    .timebox {
        &[data-v-a21745a6] {
            margin: auto;
            width: 1200px;
            padding: 0 25px;
            margin-top: 10px;
            height: 45px;
            display: flex;
        }

        .item {
            &[data-v-a21745a6] {
                position: relative;
                width: 80px;
                height: 45px;
                margin-right: 10px;
                cursor: pointer;
            }

            span[data-v-a21745a6] {
                float: left;
                width: 100%;
                line-height: 42px;
                text-align: center;
                color: #909399;
                font-size: 15px;
            }

            p[data-v-a21745a6] {
                position: absolute;
                bottom: 0;
                left: 30px;
                width: 20px;
                height: 3px;
                border-radius: 3px;
            }
        }

        .active {
            span[data-v-a21745a6] {
                color: #303133;
            }

            p[data-v-a21745a6] {
                background-color: #0092EF;
            }
        }
    }

    .mainbox {
        &[data-v-a21745a6] {
            margin: auto;
            width: 1232px;
            margin-top: 15px;
            overflow: hidden;
        }

        .netfairlist {
            &[data-v-a21745a6] {
                float: left;
                margin-left: 16px;
                width: 1216px;
            }

            .item {
                &[data-v-a21745a6] {
                    float: left;
                    width: 592px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    margin-right: 16px;
                    margin-bottom: 15px;
                    display: flex;
                    justify-content: space-between;
                }

                .cover {
                    &[data-v-a21745a6] {
                        float: left;
                        width: 175px;
                    }

                    img[data-v-a21745a6] {
                        width: 160px;
                        height: 100px;
                        border-radius: 5px;
                    }
                }

                .basic {
                    &[data-v-a21745a6] {
                        float: left;
                        width: calc(100% - 175px);
                    }

                    .title[data-v-a21745a6] {
                        float: left;
                        width: 100%;
                        height: 30px;
                        line-height: 30px;
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .other {
                        &[data-v-a21745a6] {
                            float: left;
                            width: 100%;
                            margin-top: 5px;
                        }

                        .list {
                            &[data-v-a21745a6] {
                                width: 100%;
                                line-height: 25px;
                                font-size: 12px;
                                color: #909399;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            .el-icon[data-v-a21745a6] {
                                margin-right: 5px;
                            }
                        }
                    }
                }
            }
        }

        .pager[data-v-a21745a6] {
            float: left;
            width: 100%;
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

.emptybox {
    &[data-v-a21745a6] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-a21745a6] {
            width: 100%;
            text-align: center;
        }

        img[data-v-a21745a6] {
            width: 250px;
        }
    }

    .hint[data-v-a21745a6] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-a21745a6] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-a21745a6] {
    background-color: #fff;
    height: 500px;
    margin-top: 0;
    padding-top: 100px
}

.recommendbox[data-v-8b0484b8] {
    margin: 15px auto auto;
    width: 1200px;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden
}

.recommendbox .list[data-v-8b0484b8] {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0
}

.recommendbox .list .item[data-v-8b0484b8] {
    float: left;
    line-height: 30px;
    font-size: 14px;
    margin-right: 30px;
    color: #606266;
    cursor: pointer
}

.el-tabs[data-v-8b0484b8],
.el-tab-pane[data-v-8b0484b8] {
    height: 35px
}

[data-v-8b0484b8] .el-tabs__item {
    height: 35px;
    font-size: 15px
}

[data-v-8b0484b8] .el-tabs__nav-wrap:after {
    height: 0px;
    border-bottom: 1px #F1F1F1 solid
}

[data-v-8b0484b8] .el-tabs__item:hover,
[data-v-8b0484b8] .el-tabs__item.is-active {
    color: #0092ef
}

[data-v-8b0484b8] .el-tabs__item {
    color: #666
}

.pagebox {
    &[data-v-08fa9d2c] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .searchbox {
        &[data-v-08fa9d2c] {
            margin: auto;
            width: 850px;
            margin-top: 25px;
            padding-bottom: 0px;
        }

        .nature {
            &[data-v-08fa9d2c] {
                width: 270px;
                height: 40px;
                background-color: #FFF;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                display: flex;
                align-items: center;
            }

            .item[data-v-08fa9d2c] {
                width: 90px;
                line-height: 40px;
                text-align: center;
                font-size: 16px;
                color: #606266;
                cursor: pointer;
            }

            .active[data-v-08fa9d2c] {
                background-color: #0092EF;
                color: #FFF;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
            }
        }

        .input {
            &[data-v-08fa9d2c] {
                width: 100%;
                height: 44px;
                background-color: #0092EF;
                border-radius: 8px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }

            .inp {
                &[data-v-08fa9d2c] {
                    float: left;
                    width: calc(100% - 90px);
                    height: 40px;
                    margin: 2px 2px;
                    background-color: #FFF;
                    border-radius: 7px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .lef {
                    &[data-v-08fa9d2c] {
                        float: left;
                        width: 90px;
                        padding: 0 0px;
                    }

                    .con {
                        &[data-v-08fa9d2c] {
                            width: 100%;
                            height: 20px;
                            padding: 10px 0px;
                            padding-left: 15px;
                            padding-right: 10px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            border-right: 0px #EEE solid;
                            cursor: pointer;
                        }

                        span[data-v-08fa9d2c] {
                            float: left;
                            width: calc(100% - 20px);
                            font-size: 14px;
                            color: #606266;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .el-icon[data-v-08fa9d2c] {
                            color: #D4D7DE;
                            font-size: 12px;
                        }
                    }
                }

                .rig {
                    &[data-v-08fa9d2c] {
                        float: left;
                        width: calc(100% - 90px);
                        height: 40px;
                        line-height: 40px;
                        margin: 5px;
                        padding: 0 0px;
                    }

                    .el-input[data-v-08fa9d2c] {
                        width: 100%;
                        font-size: 14px;
                        color: #606266;
                    }

                    [data-v-08fa9d2c] .el-input__wrapper {
                        box-shadow: none;
                    }
                }
            }

            .btn[data-v-08fa9d2c] {
                float: right;
                width: 90px;
                height: 50px;
                line-height: 50px;
                text-align: left;
                color: #FFF;
                font-size: 16px;
                padding-left: 30px;
                cursor: pointer;
            }
        }

        .noradius[data-v-08fa9d2c] {
            border-top-left-radius: 0px;
        }
    }

    .listbox {
        &[data-v-08fa9d2c] {
            margin: auto;
            width: 1230px;
            margin-top: 30px;
            display: flex;
        }

        .list {
            &[data-v-08fa9d2c] {
                margin-left: 15px;
                width: 390px;
                padding: 15px 20px;
                background-color: #FFF;
                background: linear-gradient(to bottom, #E9F5FF, #FFF 45%);
                border-radius: 5px;
            }

            .title {
                &[data-v-08fa9d2c] {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                span {
                    &[data-v-08fa9d2c] {
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        display: flex;
                        align-items: center;
                    }

                    img[data-v-08fa9d2c] {
                        width: 22px;
                        margin-right: 5px;
                    }
                }

                .more {
                    &[data-v-08fa9d2c] {
                        font-size: 12px;
                        color: #909399;
                        display: flex;
                        align-items: center;
                    }

                    .el-icon[data-v-08fa9d2c] {
                        margin-left: 2px;
                    }
                }
            }

            .conte {
                &[data-v-08fa9d2c] {
                    width: 100%;
                }

                .item {
                    &[data-v-08fa9d2c] {
                        width: 100%;
                        padding-top: 10px;
                    }

                    .up {
                        &[data-v-08fa9d2c] {
                            width: 100%;
                            height: 30px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .name[data-v-08fa9d2c] {
                            width: 60%;
                            line-height: 30px;
                            font-size: 16px;
                            color: #303133;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .salary[data-v-08fa9d2c] {
                            float: right;
                            font-size: 14px;
                            color: #F56C6C;
                        }
                    }

                    .down {
                        &[data-v-08fa9d2c] {
                            width: 100%;
                            height: 25px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .basic[data-v-08fa9d2c] {
                            width: 75%;
                            font-size: 12px;
                            color: #909399;
                        }

                        .place[data-v-08fa9d2c] {
                            float: right;
                            font-size: 12px;
                            color: #909399;
                        }
                    }
                }
            }
        }
    }

    .jobbox {
        &[data-v-08fa9d2c] {
            margin: auto;
            width: 1230px;
            margin-top: 20px;
            padding-bottom: 20px;
            overflow: hidden;
        }

        .conte {
            &[data-v-08fa9d2c] {
                margin-left: 15px;
                width: 1215px;
            }

            .item {
                &[data-v-08fa9d2c] {
                    float: left;
                    width: 390px;
                    margin-right: 15px;
                    margin-top: 15px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .names {
                    &[data-v-08fa9d2c] {
                        width: 100%;
                        height: 30px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .name[data-v-08fa9d2c] {
                        width: 65%;
                        font-size: 16px;
                        color: #303133;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .salary[data-v-08fa9d2c] {
                        width: 35%;
                        text-align: right;
                        font-size: 14px;
                        color: #F56C6C;
                    }
                }

                .basic {
                    &[data-v-08fa9d2c] {
                        width: 100%;
                        margin-top: 5px;
                    }

                    span[data-v-08fa9d2c] {
                        float: left;
                        font-size: 12px;
                        color: #909399;
                        padding: 3px 10px;
                        border-radius: 3px;
                        background-color: #F4F6F9;
                        margin-right: 10px;
                    }
                }

                .company {
                    &[data-v-08fa9d2c] {
                        float: left;
                        width: 100%;
                        margin-top: 20px;
                        display: flex;
                    }

                    .logo {
                        &[data-v-08fa9d2c] {
                            width: 50px;
                        }

                        img[data-v-08fa9d2c] {
                            width: 40px;
                            height: 40px;
                            border-radius: 8px;
                            border: 1px #F3F3F3 solid;
                        }
                    }

                    .name {
                        &[data-v-08fa9d2c] {
                            width: calc(100% - 50px);
                        }

                        div[data-v-08fa9d2c] {
                            float: left;
                            width: 100%;
                            line-height: 20px;
                            font-size: 14px;
                            color: #606266;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        span {
                            &[data-v-08fa9d2c] {
                                float: left;
                                width: 100%;
                                line-height: 20px;
                                margin-top: 0px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }

                            i[data-v-08fa9d2c] {
                                margin: 0px 5px;
                                font-size: 11px;
                                color: #DCDFE6;
                            }
                        }
                    }
                }
            }
        }
    }
}

.titles {
    &[data-v-08fa9d2c] {
        margin: auto;
        width: 1200px;
        height: 40px;
        display: flex
    }

    span[data-v-08fa9d2c] {
        line-height: 40px;
        font-size: 20px;
        font-weight: bold;
        color: #303133;
    }
}

.mores {
    &[data-v-08fa9d2c] {
        float: left;
        margin-left: 15px;
        width: 1200px;
        text-align: center
    }

    .btn {
        &[data-v-08fa9d2c] {
            display: inline-block;
            margin: auto;
            margin-top: 20px;
            width: 200px;
            line-height: 32px;
            text-align: center;
            border: 1px #0092EF solid;
            font-size: 14px;
            color: #0092EF;
            border-radius: 5px;
        }

        &[data-v-08fa9d2c]:hover {
            background-color: #0092EF;
            color: #FFF;
        }
    }
}

.emptybox {
    &[data-v-08fa9d2c] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-08fa9d2c] {
            width: 100%;
            text-align: center;
        }

        img[data-v-08fa9d2c] {
            width: 250px;
        }
    }

    .hint[data-v-08fa9d2c] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-08fa9d2c] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.pagebox {
    &[data-v-ed0c2068] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .searchbox {
        &[data-v-ed0c2068] {
            margin: auto;
            width: 1200px;
            padding: 20px 20px;
            margin-top: 25px;
            padding-bottom: 25px;
            background-color: #FFF;
            border-radius: 5px;
            position: relative;
        }

        .inputbox {
            &[data-v-ed0c2068] {
                width: 100%;
                height: 44px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .input {
                &[data-v-ed0c2068] {
                    height: 44px;
                    background-color: #0092EF;
                    border-radius: 6px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    position: relative;
                }

                .inp {
                    &[data-v-ed0c2068] {
                        float: left;
                        width: calc(100% - 90px);
                        height: 40px;
                        margin: 2px 2px;
                        background-color: #FFF;
                        border-radius: 5px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .lef {
                        &[data-v-ed0c2068] {
                            float: left;
                            width: 90px;
                            padding: 0 0px;
                        }

                        .con {
                            &[data-v-ed0c2068] {
                                width: 100%;
                                height: 20px;
                                padding: 10px 0px;
                                padding-left: 15px;
                                padding-right: 10px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                border-right: 0px #EEE solid;
                                cursor: pointer;
                            }

                            span[data-v-ed0c2068] {
                                float: left;
                                width: calc(100% - 20px);
                                font-size: 14px;
                                color: #606266;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            .el-icon[data-v-ed0c2068] {
                                color: #D4D7DE;
                                font-size: 12px;
                            }
                        }
                    }

                    .rig {
                        &[data-v-ed0c2068] {
                            float: left;
                            width: calc(100% - 90px);
                            height: 40px;
                            line-height: 40px;
                            margin: 5px;
                            padding: 0 0px;
                        }

                        .el-input[data-v-ed0c2068] {
                            width: 100%;
                            font-size: 14px;
                            color: #606266;
                        }

                        [data-v-ed0c2068] .el-input__wrapper {
                            box-shadow: none;
                        }
                    }
                }

                .btn[data-v-ed0c2068] {
                    float: right;
                    width: 90px;
                    height: 50px;
                    line-height: 50px;
                    text-align: left;
                    color: #FFF;
                    font-size: 16px;
                    padding-left: 30px;
                    cursor: pointer;
                }
            }

            .login {
                &[data-v-ed0c2068] {
                    float: right;
                    height: 40px;
                    margin-top: 0px;
                }

                .yes {
                    &[data-v-ed0c2068] {
                        float: right;
                        display: flex;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-ed0c2068] {
                            width: 40px;
                        }

                        img[data-v-ed0c2068] {
                            width: 40px;
                            height: 40px;
                        }
                    }

                    .right {
                        &[data-v-ed0c2068] {
                            width: auto;
                        }

                        div {
                            &[data-v-ed0c2068] {
                                line-height: 20px;
                                font-size: 14px;
                                color: #0092EF;
                            }

                            i[data-v-ed0c2068] {
                                margin-left: 5px;
                                padding: 0 5px;
                                background-color: #0092EF;
                                font-size: 12px;
                                color: #FFF;
                                border-radius: 10px;
                                border-bottom-left-radius: 0px;
                            }
                        }

                        span[data-v-ed0c2068] {
                            line-height: 16px;
                            font-size: 10px;
                            color: #86CEFF;
                        }
                    }
                }

                .no {
                    &[data-v-ed0c2068] {
                        width: 100%;
                        line-height: 42px;
                        padding: 0 40px;
                        border: 1px #0092EF solid;
                        border-radius: 6px;
                        text-align: center;
                        color: #0092EF;
                        font-size: 15px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        cursor: pointer;
                    }

                    img[data-v-ed0c2068] {
                        margin-right: 10px;
                    }
                }
            }
        }

        .historybox {
            &[data-v-ed0c2068] {
                position: absolute;
                top: 64px;
                left: 105px;
                z-index: 2;
                padding: 20px 20px;
                height: auto;
                background-color: #FFF;
                border-radius: 5px;
                box-shadow: 3px 3px 10px 0px #D4D8EA;
            }

            .title {
                &[data-v-ed0c2068] {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                div[data-v-ed0c2068] {
                    float: left;
                    font-size: 14px;
                    color: #A8ABB2;
                }

                span[data-v-ed0c2068] {
                    float: right;
                    cursor: pointer;
                    color: #A8ABB2;
                }
            }

            .history {
                &[data-v-ed0c2068] {
                    width: 100%;
                }

                .conte {
                    &[data-v-ed0c2068] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-ed0c2068] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-ed0c2068]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }

            .hot {
                &[data-v-ed0c2068] {
                    float: left;
                    width: 100%;
                    margin-top: 20px;
                }

                .conte {
                    &[data-v-ed0c2068] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-ed0c2068] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-ed0c2068]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }
        }

        .listbox {
            &[data-v-ed0c2068] {
                width: 100%;
                margin-top: 15px;
                height: auto;
            }

            .item {
                &[data-v-ed0c2068] {
                    float: left;
                    line-height: 30px;
                    font-size: 14px;
                    color: #303133;
                    margin-left: 10px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                &[data-v-ed0c2068]:hover {
                    color: #0092EF;
                }
            }

            .active[data-v-ed0c2068] {
                color: #0092EF;
            }
        }

        .filter {
            &[data-v-ed0c2068] {
                width: 100%;
                margin-top: 0px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left {
                &[data-v-ed0c2068] {
                    width: calc(100% - 100px);
                }

                .item {
                    &[data-v-ed0c2068] {
                        float: left;
                        line-height: 30px;
                        margin-top: 15px;
                        margin-right: 10px;
                        padding: 0 9px;
                        border-radius: 5px;
                        color: #606266;
                        cursor: pointer;
                    }

                    &:hover {
                        &[data-v-ed0c2068] {
                            color: #0092EF;
                        }

                        .el-icon[data-v-ed0c2068] {
                            color: #0092EF;
                        }
                    }

                    .el-icon[data-v-ed0c2068] {
                        margin-left: 3px;
                        color: #DCDFE6;
                    }
                }

                .active[data-v-ed0c2068] {
                    background-color: #F2F6FC;
                    color: #0092EF;
                }
            }

            .right {
                &[data-v-ed0c2068] {
                    float: right;
                    width: 100px;
                    line-height: 40px;
                    margin-top: 15px;
                    text-align: right;
                }

                .el-link {
                    &[data-v-ed0c2068] {
                        font-size: 12px;
                        color: #B8BBCC;
                    }

                    .el-icon[data-v-ed0c2068] {
                        margin-right: 3px;
                    }
                }
            }
        }
    }

    .mainbox {
        &[data-v-ed0c2068] {
            margin: auto;
            margin-top: 15px;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-ed0c2068] {
                float: left;
                width: 900px;
            }

            .jobtypebox {
                &[data-v-ed0c2068] {
                    width: 100%;
                    height: 45px;
                    background-color: #FFF;
                    padding: 0px 20px;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .left {
                    &[data-v-ed0c2068] {
                        width: 50%;
                        display: flex;
                    }

                    .item {
                        &[data-v-ed0c2068] {
                            position: relative;
                            width: 80px;
                            height: 45px;
                            margin-right: 15px;
                            cursor: pointer;
                        }

                        span[data-v-ed0c2068] {
                            float: left;
                            width: 100%;
                            line-height: 42px;
                            text-align: center;
                            color: #909399;
                            font-size: 15px;
                        }

                        p[data-v-ed0c2068] {
                            position: absolute;
                            bottom: 0;
                            left: 30px;
                            width: 20px;
                            height: 3px;
                            background-color: #FFF;
                            border-radius: 3px;
                        }
                    }

                    .active {
                        span[data-v-ed0c2068] {
                            color: #303133;
                        }

                        p[data-v-ed0c2068] {
                            background-color: #0092EF;
                        }
                    }
                }

                .right {
                    &[data-v-ed0c2068] {
                        width: 50%;
                        text-align: right;
                        font-size: 12px;
                        color: #B8BBCC;
                    }

                    i[data-v-ed0c2068] {
                        margin: 0 3px;
                        color: #0092EF;
                    }
                }
            }

            .jobbox {
                &[data-v-ed0c2068] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                    cursor: pointer;
                }

                .up {
                    &[data-v-ed0c2068] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-ed0c2068] {
                            width: calc(100% - 350px);
                        }

                        .names {
                            &[data-v-ed0c2068] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-ed0c2068] {
                                    line-height: 30px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-ed0c2068]:hover {
                                    color: #0092EF;
                                }
                            }

                            span[data-v-ed0c2068] {
                                line-height: 30px;
                                font-size: 15px;
                                color: #F56C6C;
                                margin-left: 15px;
                            }
                        }

                        .basic {
                            &[data-v-ed0c2068] {
                                width: 100%;
                                margin-top: 5px;
                            }

                            div[data-v-ed0c2068] {
                                float: left;
                                line-height: 25px;
                                font-size: 14px;
                                color: #F56C6C;
                                margin-right: 15px;
                            }

                            span[data-v-ed0c2068] {
                                float: left;
                                line-height: 25px;
                                font-size: 12px;
                                color: #909399;
                                margin-right: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-ed0c2068] {
                            width: 350px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-ed0c2068] {
                                width: 60px;
                            }

                            img[data-v-ed0c2068] {
                                width: 50px;
                                height: 50px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-ed0c2068] {
                                width: calc(100% - 60px);
                            }

                            .name {
                                &[data-v-ed0c2068] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 16px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-ed0c2068]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-ed0c2068] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-ed0c2068] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-ed0c2068] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 50px;
                        background: linear-gradient(to right, #F3FDFF, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-ed0c2068] {
                            width: calc(100% - 350px);
                            padding: 10px 0;
                            height: 30px;
                            display: flex;
                            align-items: center;
                        }

                        .avatar {
                            &[data-v-ed0c2068] {
                                width: 35px;
                            }

                            img[data-v-ed0c2068] {
                                width: 25px;
                                height: 25px;
                                border-radius: 100%;
                            }
                        }

                        .name[data-v-ed0c2068] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #909399;
                        }
                    }

                    .right {
                        &[data-v-ed0c2068] {
                            width: 350px;
                        }

                        .tag[data-v-ed0c2068] {
                            width: auto;
                            padding: 3px 10px;
                            border-radius: 3px;
                            background-color: #F4F6F9;
                            font-size: 12px;
                            color: #A8ABB2;
                            margin-right: 10px;
                        }
                    }
                }

                &[data-v-ed0c2068]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .pager[data-v-ed0c2068] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-ed0c2068] {
            float: right;
            width: 285px;
        }
    }
}

.popitem {
    &[data-v-ed0c2068] {
        float: left;
        width: calc(100% + -0px);
        padding: 0 5px;
        height: 32px;
        line-height: 32px;
        color: #303133;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer
    }

    &[data-v-ed0c2068]:hover {
        background-color: #f5f7fa;
        color: #0092ef
    }
}

.popactive[data-v-ed0c2068] {
    color: #0092ef
}

.inputyes[data-v-ed0c2068] {
    width: 980px
}

.inputno[data-v-ed0c2068] {
    width: 880px
}

.historyyes[data-v-ed0c2068] {
    width: 800px
}

.historyno[data-v-ed0c2068] {
    width: 700px
}

.app-qrocde {
    &[data-v-ed0c2068] {
        text-align: center
    }

    img[data-v-ed0c2068] {
        width: 120px;
        height: 120px;
        border-radius: 5px;
    }
}

.emptybox {
    &[data-v-ed0c2068] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-ed0c2068] {
            width: 100%;
            text-align: center;
        }

        img[data-v-ed0c2068] {
            width: 250px;
        }
    }

    .hint[data-v-ed0c2068] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-ed0c2068] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-ed0c2068] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.pagebox {
    &[data-v-83c1e41c] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .searchbox {
        &[data-v-83c1e41c] {
            margin: auto;
            width: 1200px;
            padding: 20px 20px;
            margin-top: 25px;
            padding-bottom: 15px;
            background-color: #FFF;
            border-radius: 5px;
            position: relative;
        }

        .inputbox {
            &[data-v-83c1e41c] {
                width: 100%;
                height: 44px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .input {
                &[data-v-83c1e41c] {
                    height: 44px;
                    background-color: #0092EF;
                    border-radius: 6px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    position: relative;
                }

                .inp {
                    &[data-v-83c1e41c] {
                        float: left;
                        width: calc(100% - 90px);
                        height: 40px;
                        margin: 2px 2px;
                        background-color: #FFF;
                        border-radius: 5px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .lef {
                        &[data-v-83c1e41c] {
                            float: left;
                            width: 90px;
                            padding: 0 0px;
                        }

                        .con {
                            &[data-v-83c1e41c] {
                                width: 100%;
                                height: 20px;
                                padding: 10px 0px;
                                padding-left: 15px;
                                padding-right: 10px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                border-right: 0px #EEE solid;
                                cursor: pointer;
                            }

                            span[data-v-83c1e41c] {
                                float: left;
                                width: calc(100% - 20px);
                                font-size: 14px;
                                color: #606266;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            .el-icon[data-v-83c1e41c] {
                                color: #D4D7DE;
                                font-size: 12px;
                            }
                        }
                    }

                    .rig {
                        &[data-v-83c1e41c] {
                            float: left;
                            width: calc(100% - 90px);
                            height: 40px;
                            line-height: 40px;
                            margin: 5px;
                            padding: 0 0px;
                        }

                        .el-input[data-v-83c1e41c] {
                            width: 100%;
                            font-size: 14px;
                            color: #606266;
                        }

                        [data-v-83c1e41c] .el-input__wrapper {
                            box-shadow: none;
                        }
                    }
                }

                .btn[data-v-83c1e41c] {
                    float: right;
                    width: 90px;
                    height: 50px;
                    line-height: 50px;
                    text-align: left;
                    color: #FFF;
                    font-size: 16px;
                    padding-left: 30px;
                    cursor: pointer;
                }
            }

            .login {
                &[data-v-83c1e41c] {
                    float: right;
                    height: 40px;
                    margin-top: 0px;
                }

                .yes {
                    &[data-v-83c1e41c] {
                        float: right;
                        display: flex;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-83c1e41c] {
                            width: 40px;
                        }

                        img[data-v-83c1e41c] {
                            width: 40px;
                            height: 40px;
                        }
                    }

                    .right {
                        &[data-v-83c1e41c] {
                            width: auto;
                        }

                        div {
                            &[data-v-83c1e41c] {
                                line-height: 20px;
                                font-size: 14px;
                                color: #0092EF;
                            }

                            i[data-v-83c1e41c] {
                                margin-left: 5px;
                                padding: 0 5px;
                                background-color: #0092EF;
                                font-size: 12px;
                                color: #FFF;
                                border-radius: 10px;
                                border-bottom-left-radius: 0px;
                            }
                        }

                        span[data-v-83c1e41c] {
                            line-height: 16px;
                            font-size: 10px;
                            color: #86CEFF;
                        }
                    }
                }

                .no {
                    &[data-v-83c1e41c] {
                        width: 100%;
                        line-height: 42px;
                        padding: 0 40px;
                        border: 1px #0092EF solid;
                        border-radius: 6px;
                        text-align: center;
                        color: #0092EF;
                        font-size: 15px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        cursor: pointer;
                    }

                    img[data-v-83c1e41c] {
                        margin-right: 10px;
                    }
                }
            }
        }

        .historybox {
            &[data-v-83c1e41c] {
                position: absolute;
                top: 64px;
                left: 105px;
                z-index: 2;
                padding: 20px 20px;
                height: auto;
                background-color: #FFF;
                border-radius: 5px;
                box-shadow: 3px 3px 10px 0px #D4D8EA;
            }

            .title {
                &[data-v-83c1e41c] {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                div[data-v-83c1e41c] {
                    float: left;
                    font-size: 14px;
                    color: #A8ABB2;
                }

                span[data-v-83c1e41c] {
                    float: right;
                    cursor: pointer;
                    color: #A8ABB2;
                }
            }

            .history {
                &[data-v-83c1e41c] {
                    width: 100%;
                }

                .conte {
                    &[data-v-83c1e41c] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-83c1e41c] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-83c1e41c]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }

            .hot {
                &[data-v-83c1e41c] {
                    float: left;
                    width: 100%;
                    margin-top: 20px;
                }

                .conte {
                    &[data-v-83c1e41c] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-83c1e41c] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-83c1e41c]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }
        }

        .listbox {
            &[data-v-83c1e41c] {
                width: 100%;
                margin-top: 15px;
                height: auto;
            }

            .item {
                &[data-v-83c1e41c] {
                    float: left;
                    line-height: 30px;
                    font-size: 14px;
                    color: #303133;
                    margin-left: 10px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                &[data-v-83c1e41c]:hover {
                    color: #0092EF;
                }
            }

            .active[data-v-83c1e41c] {
                color: #0092EF;
            }
        }

        .filter {
            &[data-v-83c1e41c] {
                width: 100%;
                margin-top: 0px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left {
                &[data-v-83c1e41c] {
                    width: calc(100% - 100px);
                }

                .item {
                    &[data-v-83c1e41c] {
                        float: left;
                        line-height: 30px;
                        margin-top: 15px;
                        margin-right: 10px;
                        padding: 0 9px;
                        border-radius: 5px;
                        color: #606266;
                        cursor: pointer;
                    }

                    &:hover {
                        &[data-v-83c1e41c] {
                            color: #0092EF;
                        }

                        .el-icon[data-v-83c1e41c] {
                            color: #0092EF;
                        }
                    }

                    .el-icon[data-v-83c1e41c] {
                        margin-left: 3px;
                        color: #DCDFE6;
                    }
                }

                .active[data-v-83c1e41c] {
                    background-color: #F2F6FC;
                    color: #0092EF;
                }
            }

            .right {
                &[data-v-83c1e41c] {
                    float: right;
                    width: 100px;
                    line-height: 40px;
                    margin-top: 15px;
                    text-align: right;
                }

                .el-link {
                    &[data-v-83c1e41c] {
                        font-size: 12px;
                        color: #B8BBCC;
                    }

                    .el-icon[data-v-83c1e41c] {
                        margin-right: 3px;
                    }
                }
            }
        }
    }

    .typebox {
        &[data-v-83c1e41c] {
            margin: auto;
            width: 1200px;
            height: 50px;
            background-color: #FFF;
            margin-top: 15px;
            padding: 0px 20px;
            padding-left: 0px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left {
            &[data-v-83c1e41c] {
                width: 50%;
                display: flex;
            }

            .item {
                &[data-v-83c1e41c] {
                    position: relative;
                    width: 120px;
                    height: 50px;
                    margin-right: 0px;
                    cursor: pointer;
                }

                span[data-v-83c1e41c] {
                    float: left;
                    width: 100%;
                    line-height: 47px;
                    text-align: center;
                    color: #909399;
                    font-size: 15px;
                }

                p[data-v-83c1e41c] {
                    position: absolute;
                    bottom: 0;
                    left: 50px;
                    width: 20px;
                    height: 3px;
                    background-color: #FFF;
                    border-radius: 3px;
                }
            }

            .active {
                span[data-v-83c1e41c] {
                    color: #303133;
                }

                p[data-v-83c1e41c] {
                    background-color: #0092EF;
                }
            }
        }

        .right {
            &[data-v-83c1e41c] {
                width: 50%;
                text-align: right;
            }

            .result {
                &[data-v-83c1e41c] {
                    float: right;
                    font-size: 12px;
                    color: #B8BBCC;
                }

                i[data-v-83c1e41c] {
                    margin: 0 3px;
                    color: #0092EF;
                }
            }
        }
    }

    .mainbox {
        &[data-v-83c1e41c] {
            margin: auto;
            width: 1232px;
            margin-top: 15px;
            overflow: hidden;
        }

        .companybox {
            &[data-v-83c1e41c] {
                margin-left: 16px;
                width: 1216px;
            }

            .item {
                &[data-v-83c1e41c] {
                    float: left;
                    width: 288px;
                    padding: 25px 20px;
                    margin-right: 16px;
                    margin-bottom: 15px;
                    background-color: #FFF;
                    border-radius: 5px;
                    cursor: pointer;
                }

                .logo {
                    &[data-v-83c1e41c] {
                        width: 100%;
                        height: 70px;
                        text-align: center;
                    }

                    img[data-v-83c1e41c] {
                        width: 65px;
                        height: 65px;
                        border-radius: 5px;
                        border: 1px #F5F5F5 solid;
                    }
                }

                .name[data-v-83c1e41c] {
                    width: 100%;
                    line-height: 40px;
                    text-align: center;
                    font-size: 15px;
                    color: #303133;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .basic {
                    &[data-v-83c1e41c] {
                        width: 100%;
                        line-height: 25px;
                        text-align: center;
                        font-size: 14px;
                        color: #909399;
                    }

                    i[data-v-83c1e41c] {
                        margin: 0px 5px;
                        font-size: 12px;
                        color: #DCDFE6;
                    }
                }

                .jobs {
                    &[data-v-83c1e41c] {
                        width: 100%;
                        height: 25px;
                        margin-top: 15px;
                        border-top: 1px #F5F5F5 solid;
                        display: block;
                    }

                    .job {
                        &[data-v-83c1e41c] {
                            width: 100%;
                            height: 25px;
                            padding-top: 15px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .name[data-v-83c1e41c] {
                            width: 65%;
                            font-size: 12px;
                            text-align: left;
                            color: #0092EF;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .num[data-v-83c1e41c] {
                            float: right;
                            width: 35%;
                            text-align: right;
                            font-size: 12px;
                            color: #A8ABB2;
                        }
                    }
                }

                &[data-v-83c1e41c]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }
        }

        .pager[data-v-83c1e41c] {
            float: left;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

.popitem {
    &[data-v-83c1e41c] {
        float: left;
        width: calc(100% + -0px);
        padding: 0 5px;
        height: 32px;
        line-height: 32px;
        color: #303133;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer
    }

    &[data-v-83c1e41c]:hover {
        background-color: #f5f7fa;
        color: #0092ef
    }
}

.popactive[data-v-83c1e41c] {
    color: #0092ef
}

.inputyes[data-v-83c1e41c] {
    width: 980px
}

.inputno[data-v-83c1e41c] {
    width: 880px
}

.historyyes[data-v-83c1e41c] {
    width: 800px
}

.historyno[data-v-83c1e41c] {
    width: 700px
}

.app-qrocde {
    &[data-v-83c1e41c] {
        text-align: center
    }

    img[data-v-83c1e41c] {
        width: 120px;
        height: 120px;
        border-radius: 5px;
    }
}

.emptybox {
    &[data-v-83c1e41c] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-83c1e41c] {
            width: 100%;
            text-align: center;
        }

        img[data-v-83c1e41c] {
            width: 250px;
        }
    }

    .hint[data-v-83c1e41c] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-83c1e41c] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-83c1e41c] {
    background-color: #fff;
    width: 1200px;
    height: 500px;
    margin-top: 0;
    padding-top: 100px
}

.pagebox {
    &[data-v-9a308d95] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .searchbox {
        &[data-v-9a308d95] {
            margin: auto;
            width: 850px;
            margin-top: 25px;
            padding-bottom: 0px;
        }

        .nature {
            &[data-v-9a308d95] {
                width: 270px;
                height: 40px;
                background-color: #FFF;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                display: flex;
                align-items: center;
            }

            .item[data-v-9a308d95] {
                width: 90px;
                line-height: 40px;
                text-align: center;
                font-size: 16px;
                color: #606266;
                cursor: pointer;
            }

            .active[data-v-9a308d95] {
                background-color: #0092EF;
                color: #FFF;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
            }
        }

        .input {
            &[data-v-9a308d95] {
                width: 100%;
                height: 44px;
                background-color: #0092EF;
                border-radius: 8px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }

            .inp {
                &[data-v-9a308d95] {
                    float: left;
                    width: calc(100% - 90px);
                    height: 40px;
                    margin: 2px 2px;
                    background-color: #FFF;
                    border-radius: 7px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .lef {
                    &[data-v-9a308d95] {
                        float: left;
                        width: 90px;
                        padding: 0 0px;
                    }

                    .con {
                        &[data-v-9a308d95] {
                            width: 100%;
                            height: 20px;
                            padding: 10px 0px;
                            padding-left: 15px;
                            padding-right: 10px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            border-right: 0px #EEE solid;
                            cursor: pointer;
                        }

                        span[data-v-9a308d95] {
                            float: left;
                            width: calc(100% - 20px);
                            font-size: 14px;
                            color: #606266;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .el-icon[data-v-9a308d95] {
                            color: #D4D7DE;
                            font-size: 12px;
                        }
                    }
                }

                .rig {
                    &[data-v-9a308d95] {
                        float: left;
                        width: calc(100% - 90px);
                        height: 40px;
                        line-height: 40px;
                        margin: 5px;
                        padding: 0 0px;
                    }

                    .el-input[data-v-9a308d95] {
                        width: 100%;
                        font-size: 14px;
                        color: #606266;
                    }

                    [data-v-9a308d95] .el-input__wrapper {
                        box-shadow: none;
                    }
                }
            }

            .btn[data-v-9a308d95] {
                float: right;
                width: 90px;
                height: 50px;
                line-height: 50px;
                text-align: left;
                color: #FFF;
                font-size: 16px;
                padding-left: 30px;
                cursor: pointer;
            }
        }

        .noradius[data-v-9a308d95] {
            border-top-left-radius: 0px;
        }
    }

    .typebox {
        &[data-v-9a308d95] {
            margin: auto;
            width: 1200px;
            margin-top: 30px;
            display: flex;
            justify-content: space-between;
            position: relative;
        }

        .jobtype {
            &[data-v-9a308d95] {
                position: relative;
                width: 285px;
                height: 400px;
                padding: 5px 0px;
                background-color: #FFF;
                border-radius: 5px;
            }

            .list {
                &[data-v-9a308d95] {
                    width: 100%;
                    height: 35px;
                    border-radius: 5px;
                    padding: 0 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    cursor: pointer;
                }

                div[data-v-9a308d95] {
                    width: 90%;
                    font-size: 14px;
                    color: #303133;
                }

                .el-icon[data-v-9a308d95] {
                    float: right;
                    color: #A8ABB2;
                }

                &[data-v-9a308d95]:hover {
                    box-shadow: 0px 3px 10px 3px #EEF1F5;
                }
            }

            .page {
                &[data-v-9a308d95] {
                    position: absolute;
                    bottom: 5px;
                    left: 0;
                    z-index: 2;
                    width: 100%;
                    height: 40px;
                    padding: 0 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .left[data-v-9a308d95] {
                    font-size: 12px;
                    color: #0092EF;
                }

                .right {
                    &[data-v-9a308d95] {
                        float: right;
                        display: flex;
                    }

                    div[data-v-9a308d95] {
                        width: 25px;
                        height: 25px;
                        line-height: 25px;
                        text-align: center;
                        margin-left: 10px;
                        background-color: #F2F6FC;
                        color: #0092EF;
                        border-radius: 5px;
                        cursor: pointer;
                    }
                }
            }
        }

        .advert {
            &[data-v-9a308d95] {
                float: right;
                width: 900px;
                height: 400px;
            }

            .item {
                &[data-v-9a308d95] {
                    width: 100%;
                    height: 400px;
                }

                img[data-v-9a308d95] {
                    width: 900px;
                    height: 400px;
                    border-radius: 5px;
                }
            }
        }

        .twojobtype {
            &[data-v-9a308d95] {
                position: absolute;
                top: 0;
                right: 0;
                width: 900px;
                height: 400px;
                padding: 10px 20px;
                background-color: #FFF;
                border-radius: 5px;
                z-index: 3;
            }

            .list {
                &[data-v-9a308d95] {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    padding-top: 10px;
                }

                .label[data-v-9a308d95] {
                    width: 120px;
                    line-height: 28px;
                    font-size: 14px;
                    color: #A8ABB2;
                }

                .conte {
                    &[data-v-9a308d95] {
                        width: calc(100% - 120px);
                        border-bottom: 1px #F5F5F5 solid;
                        padding-bottom: 10px;
                    }

                    .item {
                        &[data-v-9a308d95] {
                            float: left;
                            line-height: 28px;
                            font-size: 14px;
                            color: #303133;
                            margin-right: 25px;
                            cursor: pointer;
                        }

                        &[data-v-9a308d95]:hover {
                            color: #0092EF;
                        }
                    }

                    &[data-v-9a308d95]:last-child {
                        border-bottom: none;
                    }
                }
            }
        }
    }

    .companybox {
        &[data-v-9a308d95] {
            margin: auto;
            width: 1230px;
            margin-top: 20px;
            overflow: hidden;
        }

        .conte {
            &[data-v-9a308d95] {
                margin-left: 15px;
                width: 1215px;
            }

            .item {
                &[data-v-9a308d95] {
                    float: left;
                    width: 390px;
                    margin-right: 15px;
                    margin-top: 15px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                    position: relative;
                }

                .names {
                    &[data-v-9a308d95] {
                        float: left;
                        width: 100%;
                        display: flex;
                    }

                    .logo {
                        &[data-v-9a308d95] {
                            width: 60px;
                        }

                        img[data-v-9a308d95] {
                            width: 45px;
                            height: 45px;
                            border-radius: 8px;
                            border: 1px #F3F3F3 solid;
                        }
                    }

                    .name {
                        &[data-v-9a308d95] {
                            width: calc(100% - 60px);
                        }

                        div[data-v-9a308d95] {
                            float: left;
                            width: 100%;
                            line-height: 25px;
                            font-size: 16px;
                            color: #303133;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        span {
                            &[data-v-9a308d95] {
                                float: left;
                                width: 100%;
                                line-height: 20px;
                                margin-top: 5px;
                                font-size: 12px;
                                color: #909399;
                            }

                            i[data-v-9a308d95] {
                                margin: 0px 5px;
                                font-size: 11px;
                                color: #DCDFE6;
                            }
                        }
                    }
                }

                .tag[data-v-9a308d95] {
                    float: left;
                    width: 100%;
                    height: 25px;
                    line-height: 25px;
                    margin-top: 10px;
                    font-size: 12px;
                    color: #A8ABB2;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .jobs {
                    &[data-v-9a308d95] {
                        float: left;
                        width: 100%;
                        height: 20px;
                        margin-top: 10px;
                        font-size: 12px;
                        color: #606266;
                    }

                    span[data-v-9a308d95] {
                        color: #0092EF;
                        margin-right: 5px;
                    }
                }

                .icon[data-v-9a308d95] {
                    position: absolute;
                    top: 0;
                    right: 0;
                    background-color: rgb(235.9, 245.3, 255);
                    border-top-right-radius: 5px;
                    border-bottom-left-radius: 5px;
                    color: #0092EF;
                    font-size: 12px;
                    padding: 5px 12px;
                }
            }
        }
    }

    .jobbox {
        &[data-v-9a308d95] {
            margin: auto;
            width: 1230px;
            margin-top: 20px;
            padding-bottom: 20px;
            overflow: hidden;
        }

        .conte {
            &[data-v-9a308d95] {
                margin-left: 15px;
                width: 1215px;
            }

            .item {
                &[data-v-9a308d95] {
                    float: left;
                    width: 390px;
                    margin-right: 15px;
                    margin-top: 15px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .names {
                    &[data-v-9a308d95] {
                        width: 100%;
                        height: 30px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .name[data-v-9a308d95] {
                        width: 65%;
                        font-size: 16px;
                        color: #303133;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .salary[data-v-9a308d95] {
                        width: 35%;
                        text-align: right;
                        font-size: 14px;
                        color: #F56C6C;
                    }
                }

                .basic {
                    &[data-v-9a308d95] {
                        width: 100%;
                        margin-top: 5px;
                    }

                    span[data-v-9a308d95] {
                        float: left;
                        font-size: 12px;
                        color: #909399;
                        padding: 3px 10px;
                        border-radius: 3px;
                        background-color: #F4F6F9;
                        margin-right: 10px;
                    }
                }

                .company {
                    &[data-v-9a308d95] {
                        float: left;
                        width: 100%;
                        margin-top: 20px;
                        display: flex;
                    }

                    .logo {
                        &[data-v-9a308d95] {
                            width: 50px;
                        }

                        img[data-v-9a308d95] {
                            width: 40px;
                            height: 40px;
                            border-radius: 8px;
                            border: 1px #F3F3F3 solid;
                        }
                    }

                    .name {
                        &[data-v-9a308d95] {
                            width: calc(100% - 50px);
                        }

                        div[data-v-9a308d95] {
                            float: left;
                            width: 100%;
                            line-height: 20px;
                            font-size: 14px;
                            color: #606266;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        span {
                            &[data-v-9a308d95] {
                                float: left;
                                width: 100%;
                                line-height: 20px;
                                margin-top: 0px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }

                            i[data-v-9a308d95] {
                                margin: 0px 5px;
                                font-size: 11px;
                                color: #DCDFE6;
                            }
                        }
                    }
                }
            }
        }
    }
}

.titles {
    &[data-v-9a308d95] {
        margin: auto;
        width: 1200px;
        height: 40px;
        display: flex
    }

    span[data-v-9a308d95] {
        line-height: 40px;
        font-size: 20px;
        font-weight: bold;
        color: #303133;
    }
}

.mores {
    &[data-v-9a308d95] {
        float: left;
        margin-left: 15px;
        width: 1200px;
        text-align: center
    }

    .btn {
        &[data-v-9a308d95] {
            display: inline-block;
            margin: auto;
            margin-top: 20px;
            width: 200px;
            line-height: 32px;
            text-align: center;
            border: 1px #0092EF solid;
            font-size: 14px;
            color: #0092EF;
            border-radius: 5px;
        }

        &[data-v-9a308d95]:hover {
            background-color: #0092EF;
            color: #FFF;
        }
    }
}

.emptybox {
    &[data-v-9a308d95] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-9a308d95] {
            width: 100%;
            text-align: center;
        }

        img[data-v-9a308d95] {
            width: 250px;
        }
    }

    .hint[data-v-9a308d95] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-9a308d95] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.pagebox {
    &[data-v-81b63f2c] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .searchbox {
        &[data-v-81b63f2c] {
            margin: auto;
            width: 850px;
            margin-top: 25px;
            padding-bottom: 0px;
        }

        .nature {
            &[data-v-81b63f2c] {
                width: 270px;
                height: 40px;
                background-color: #FFF;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
                display: flex;
                align-items: center;
            }

            .item[data-v-81b63f2c] {
                width: 90px;
                line-height: 40px;
                text-align: center;
                font-size: 16px;
                color: #606266;
                cursor: pointer;
            }

            .active[data-v-81b63f2c] {
                background-color: #0092EF;
                color: #FFF;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
            }
        }

        .input {
            &[data-v-81b63f2c] {
                width: 100%;
                height: 44px;
                background-color: #0092EF;
                border-radius: 8px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }

            .inp {
                &[data-v-81b63f2c] {
                    float: left;
                    width: calc(100% - 90px);
                    height: 40px;
                    margin: 2px 2px;
                    background-color: #FFF;
                    border-radius: 7px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .lef {
                    &[data-v-81b63f2c] {
                        float: left;
                        width: 90px;
                        padding: 0 0px;
                    }

                    .con {
                        &[data-v-81b63f2c] {
                            width: 100%;
                            height: 20px;
                            padding: 10px 0px;
                            padding-left: 15px;
                            padding-right: 10px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            border-right: 0px #EEE solid;
                            cursor: pointer;
                        }

                        span[data-v-81b63f2c] {
                            float: left;
                            width: calc(100% - 20px);
                            font-size: 14px;
                            color: #606266;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .el-icon[data-v-81b63f2c] {
                            color: #D4D7DE;
                            font-size: 12px;
                        }
                    }
                }

                .rig {
                    &[data-v-81b63f2c] {
                        float: left;
                        width: calc(100% - 90px);
                        height: 40px;
                        line-height: 40px;
                        margin: 5px;
                        padding: 0 0px;
                    }

                    .el-input[data-v-81b63f2c] {
                        width: 100%;
                        font-size: 14px;
                        color: #606266;
                    }

                    [data-v-81b63f2c] .el-input__wrapper {
                        box-shadow: none;
                    }
                }
            }

            .btn[data-v-81b63f2c] {
                float: right;
                width: 90px;
                height: 50px;
                line-height: 50px;
                text-align: left;
                color: #FFF;
                font-size: 16px;
                padding-left: 30px;
                cursor: pointer;
            }
        }

        .noradius[data-v-81b63f2c] {
            border-top-left-radius: 0px;
        }
    }

    .listbox {
        &[data-v-81b63f2c] {
            margin: auto;
            width: 1230px;
            margin-top: 30px;
            display: flex;
        }

        .list {
            &[data-v-81b63f2c] {
                margin-left: 15px;
                width: 390px;
                padding: 15px 20px;
                background-color: #FFF;
                background: linear-gradient(to bottom, #E9F5FF, #FFF 45%);
                border-radius: 5px;
            }

            .title {
                &[data-v-81b63f2c] {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                span {
                    &[data-v-81b63f2c] {
                        font-size: 16px;
                        font-weight: bold;
                        color: #303133;
                        display: flex;
                        align-items: center;
                    }

                    img[data-v-81b63f2c] {
                        width: 22px;
                        margin-right: 5px;
                    }
                }

                .more {
                    &[data-v-81b63f2c] {
                        font-size: 12px;
                        color: #909399;
                        display: flex;
                        align-items: center;
                    }

                    .el-icon[data-v-81b63f2c] {
                        margin-left: 2px;
                    }
                }
            }

            .conte {
                &[data-v-81b63f2c] {
                    width: 100%;
                }

                .item {
                    &[data-v-81b63f2c] {
                        width: 100%;
                        padding-top: 10px;
                    }

                    .up {
                        &[data-v-81b63f2c] {
                            width: 100%;
                            height: 30px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .name[data-v-81b63f2c] {
                            width: 60%;
                            line-height: 30px;
                            font-size: 16px;
                            color: #303133;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .salary[data-v-81b63f2c] {
                            float: right;
                            font-size: 14px;
                            color: #F56C6C;
                        }
                    }

                    .down {
                        &[data-v-81b63f2c] {
                            width: 100%;
                            height: 25px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .basic[data-v-81b63f2c] {
                            width: 75%;
                            font-size: 12px;
                            color: #909399;
                        }

                        .place[data-v-81b63f2c] {
                            float: right;
                            font-size: 12px;
                            color: #909399;
                        }
                    }
                }
            }
        }
    }

    .jobbox {
        &[data-v-81b63f2c] {
            margin: auto;
            width: 1230px;
            margin-top: 20px;
            padding-bottom: 20px;
            overflow: hidden;
        }

        .conte {
            &[data-v-81b63f2c] {
                margin-left: 15px;
                width: 1215px;
            }

            .item {
                &[data-v-81b63f2c] {
                    float: left;
                    width: 390px;
                    margin-right: 15px;
                    margin-top: 15px;
                    padding: 20px 20px;
                    background-color: #FFF;
                    border-radius: 5px;
                }

                .names {
                    &[data-v-81b63f2c] {
                        width: 100%;
                        height: 30px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .name[data-v-81b63f2c] {
                        width: 65%;
                        font-size: 16px;
                        color: #303133;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .salary[data-v-81b63f2c] {
                        width: 35%;
                        text-align: right;
                        font-size: 14px;
                        color: #F56C6C;
                    }
                }

                .basic {
                    &[data-v-81b63f2c] {
                        width: 100%;
                        margin-top: 5px;
                    }

                    span[data-v-81b63f2c] {
                        float: left;
                        font-size: 12px;
                        color: #909399;
                        padding: 3px 10px;
                        border-radius: 3px;
                        background-color: #F4F6F9;
                        margin-right: 10px;
                    }
                }

                .company {
                    &[data-v-81b63f2c] {
                        float: left;
                        width: 100%;
                        margin-top: 20px;
                        display: flex;
                    }

                    .logo {
                        &[data-v-81b63f2c] {
                            width: 50px;
                        }

                        img[data-v-81b63f2c] {
                            width: 40px;
                            height: 40px;
                            border-radius: 8px;
                            border: 1px #F3F3F3 solid;
                        }
                    }

                    .name {
                        &[data-v-81b63f2c] {
                            width: calc(100% - 50px);
                        }

                        div[data-v-81b63f2c] {
                            float: left;
                            width: 100%;
                            line-height: 20px;
                            font-size: 14px;
                            color: #606266;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        span {
                            &[data-v-81b63f2c] {
                                float: left;
                                width: 100%;
                                line-height: 20px;
                                margin-top: 0px;
                                font-size: 12px;
                                color: #A8ABB2;
                            }

                            i[data-v-81b63f2c] {
                                margin: 0px 5px;
                                font-size: 11px;
                                color: #DCDFE6;
                            }
                        }
                    }
                }
            }
        }
    }
}

.titles {
    &[data-v-81b63f2c] {
        margin: auto;
        width: 1200px;
        height: 40px;
        display: flex
    }

    span {
        &[data-v-81b63f2c] {
            line-height: 40px;
            font-size: 20px;
            font-weight: bold;
            color: #303133;
            display: flex;
            align-items: center;
        }

        img[data-v-81b63f2c] {
            width: 23px;
            margin-right: 8px;
        }
    }
}

.mores {
    &[data-v-81b63f2c] {
        float: left;
        margin-left: 15px;
        width: 1200px;
        text-align: center
    }

    .btn {
        &[data-v-81b63f2c] {
            display: inline-block;
            margin: auto;
            margin-top: 20px;
            width: 200px;
            line-height: 32px;
            text-align: center;
            border: 1px #0092EF solid;
            font-size: 14px;
            color: #0092EF;
            border-radius: 5px;
        }

        &[data-v-81b63f2c]:hover {
            background-color: #0092EF;
            color: #FFF;
        }
    }
}

.emptybox {
    &[data-v-81b63f2c] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-81b63f2c] {
            width: 100%;
            text-align: center;
        }

        img[data-v-81b63f2c] {
            width: 250px;
        }
    }

    .hint[data-v-81b63f2c] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-81b63f2c] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.pagebox {
    &[data-v-587c61aa] {
        width: 100%;
        height: 100%;
        background-color: #f4f6f8;
        background: linear-gradient(to bottom, #E1F0FD, #F4F6F8 5%)
    }

    .searchbox {
        &[data-v-587c61aa] {
            margin: auto;
            width: 1200px;
            padding: 20px 20px;
            margin-top: 25px;
            padding-bottom: 25px;
            background-color: #FFF;
            border-radius: 5px;
            position: relative;
        }

        .inputbox {
            &[data-v-587c61aa] {
                width: 100%;
                height: 44px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .input {
                &[data-v-587c61aa] {
                    height: 44px;
                    background-color: #0092EF;
                    border-radius: 6px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    position: relative;
                }

                .inp {
                    &[data-v-587c61aa] {
                        float: left;
                        width: calc(100% - 90px);
                        height: 40px;
                        margin: 2px 2px;
                        background-color: #FFF;
                        border-radius: 5px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .lef {
                        &[data-v-587c61aa] {
                            float: left;
                            width: 90px;
                            padding: 0 0px;
                        }

                        .con {
                            &[data-v-587c61aa] {
                                width: 100%;
                                height: 20px;
                                padding: 10px 0px;
                                padding-left: 15px;
                                padding-right: 10px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                border-right: 0px #EEE solid;
                                cursor: pointer;
                            }

                            span[data-v-587c61aa] {
                                float: left;
                                width: calc(100% - 20px);
                                font-size: 14px;
                                color: #606266;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            .el-icon[data-v-587c61aa] {
                                color: #D4D7DE;
                                font-size: 12px;
                            }
                        }
                    }

                    .rig {
                        &[data-v-587c61aa] {
                            float: left;
                            width: calc(100% - 90px);
                            height: 40px;
                            line-height: 40px;
                            margin: 5px;
                            padding: 0 0px;
                        }

                        .el-input[data-v-587c61aa] {
                            width: 100%;
                            font-size: 14px;
                            color: #606266;
                        }

                        [data-v-587c61aa] .el-input__wrapper {
                            box-shadow: none;
                        }
                    }
                }

                .btn[data-v-587c61aa] {
                    float: right;
                    width: 90px;
                    height: 50px;
                    line-height: 50px;
                    text-align: left;
                    color: #FFF;
                    font-size: 16px;
                    padding-left: 30px;
                    cursor: pointer;
                }
            }

            .login {
                &[data-v-587c61aa] {
                    float: right;
                    height: 40px;
                    margin-top: 0px;
                }

                .yes {
                    &[data-v-587c61aa] {
                        float: right;
                        display: flex;
                        cursor: pointer;
                    }

                    .left {
                        &[data-v-587c61aa] {
                            width: 40px;
                        }

                        img[data-v-587c61aa] {
                            width: 40px;
                            height: 40px;
                        }
                    }

                    .right {
                        &[data-v-587c61aa] {
                            width: auto;
                        }

                        div {
                            &[data-v-587c61aa] {
                                line-height: 20px;
                                font-size: 14px;
                                color: #0092EF;
                            }

                            i[data-v-587c61aa] {
                                margin-left: 5px;
                                padding: 0 5px;
                                background-color: #0092EF;
                                font-size: 12px;
                                color: #FFF;
                                border-radius: 10px;
                                border-bottom-left-radius: 0px;
                            }
                        }

                        span[data-v-587c61aa] {
                            line-height: 16px;
                            font-size: 10px;
                            color: #86CEFF;
                        }
                    }
                }

                .no {
                    &[data-v-587c61aa] {
                        width: 100%;
                        line-height: 42px;
                        padding: 0 40px;
                        border: 1px #0092EF solid;
                        border-radius: 6px;
                        text-align: center;
                        color: #0092EF;
                        font-size: 15px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        cursor: pointer;
                    }

                    img[data-v-587c61aa] {
                        margin-right: 10px;
                    }
                }
            }
        }

        .historybox {
            &[data-v-587c61aa] {
                position: absolute;
                top: 64px;
                left: 105px;
                z-index: 2;
                padding: 20px 20px;
                height: auto;
                background-color: #FFF;
                border-radius: 5px;
                box-shadow: 3px 3px 10px 0px #D4D8EA;
            }

            .title {
                &[data-v-587c61aa] {
                    width: 100%;
                    height: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                div[data-v-587c61aa] {
                    float: left;
                    font-size: 14px;
                    color: #A8ABB2;
                }

                span[data-v-587c61aa] {
                    float: right;
                    cursor: pointer;
                    color: #A8ABB2;
                }
            }

            .history {
                &[data-v-587c61aa] {
                    width: 100%;
                }

                .conte {
                    &[data-v-587c61aa] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-587c61aa] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-587c61aa]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }

            .hot {
                &[data-v-587c61aa] {
                    float: left;
                    width: 100%;
                    margin-top: 20px;
                }

                .conte {
                    &[data-v-587c61aa] {
                        width: 100%;
                    }

                    .item {
                        &[data-v-587c61aa] {
                            float: left;
                            width: auto;
                            margin-top: 10px;
                            padding: 3px 15px;
                            border-radius: 3px;
                            color: #606266;
                            font-size: 14px;
                            cursor: pointer;
                        }

                        &[data-v-587c61aa]:hover {
                            background-color: #F2F6FC;
                        }
                    }
                }
            }
        }

        .listbox {
            &[data-v-587c61aa] {
                width: 100%;
                margin-top: 15px;
                height: auto;
            }

            .item {
                &[data-v-587c61aa] {
                    float: left;
                    line-height: 30px;
                    font-size: 14px;
                    color: #303133;
                    margin-left: 10px;
                    margin-right: 10px;
                    cursor: pointer;
                }

                &[data-v-587c61aa]:hover {
                    color: #0092EF;
                }
            }

            .active[data-v-587c61aa] {
                color: #0092EF;
            }
        }

        .filter {
            &[data-v-587c61aa] {
                width: 100%;
                margin-top: 0px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .left {
                &[data-v-587c61aa] {
                    width: calc(100% - 100px);
                }

                .item {
                    &[data-v-587c61aa] {
                        float: left;
                        line-height: 30px;
                        margin-top: 15px;
                        margin-right: 10px;
                        padding: 0 9px;
                        border-radius: 5px;
                        color: #606266;
                        cursor: pointer;
                    }

                    &:hover {
                        &[data-v-587c61aa] {
                            color: #0092EF;
                        }

                        .el-icon[data-v-587c61aa] {
                            color: #0092EF;
                        }
                    }

                    .el-icon[data-v-587c61aa] {
                        margin-left: 3px;
                        color: #DCDFE6;
                    }
                }

                .active[data-v-587c61aa] {
                    background-color: #F2F6FC;
                    color: #0092EF;
                }
            }

            .right {
                &[data-v-587c61aa] {
                    float: right;
                    width: 100px;
                    line-height: 40px;
                    margin-top: 15px;
                    text-align: right;
                }

                .el-link {
                    &[data-v-587c61aa] {
                        font-size: 12px;
                        color: #B8BBCC;
                    }

                    .el-icon[data-v-587c61aa] {
                        margin-right: 3px;
                    }
                }
            }
        }
    }

    .mainbox {
        &[data-v-587c61aa] {
            margin: auto;
            margin-top: 15px;
            width: 1200px;
            display: flex;
            justify-content: space-between;
        }

        .main {
            &[data-v-587c61aa] {
                float: left;
                width: 900px;
            }

            .jobtypebox {
                &[data-v-587c61aa] {
                    width: 100%;
                    height: 45px;
                    background-color: #FFF;
                    padding: 0px 20px;
                    border-radius: 5px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .left {
                    &[data-v-587c61aa] {
                        width: 50%;
                        display: flex;
                    }

                    .item {
                        &[data-v-587c61aa] {
                            position: relative;
                            width: 80px;
                            height: 45px;
                            margin-right: 15px;
                            cursor: pointer;
                        }

                        span[data-v-587c61aa] {
                            float: left;
                            width: 100%;
                            line-height: 42px;
                            text-align: center;
                            color: #909399;
                            font-size: 15px;
                        }

                        p[data-v-587c61aa] {
                            position: absolute;
                            bottom: 0;
                            left: 30px;
                            width: 20px;
                            height: 3px;
                            background-color: #FFF;
                            border-radius: 3px;
                        }
                    }

                    .active {
                        span[data-v-587c61aa] {
                            color: #303133;
                        }

                        p[data-v-587c61aa] {
                            background-color: #0092EF;
                        }
                    }
                }

                .right {
                    &[data-v-587c61aa] {
                        width: 50%;
                        text-align: right;
                        font-size: 12px;
                        color: #B8BBCC;
                    }

                    i[data-v-587c61aa] {
                        margin: 0 3px;
                        color: #0092EF;
                    }
                }
            }

            .jobbox {
                &[data-v-587c61aa] {
                    width: 100%;
                    background-color: #FFF;
                    padding: 0px 0px;
                    border-radius: 5px;
                    margin-top: 15px;
                    cursor: pointer;
                }

                .up {
                    &[data-v-587c61aa] {
                        width: 100%;
                        padding: 15px 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-587c61aa] {
                            width: calc(100% - 350px);
                        }

                        .names {
                            &[data-v-587c61aa] {
                                width: 100%;
                                height: 30px;
                                display: flex;
                                align-items: center;
                            }

                            .name {
                                &[data-v-587c61aa] {
                                    line-height: 30px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #282828;
                                    cursor: pointer;
                                }

                                &[data-v-587c61aa]:hover {
                                    color: #0092EF;
                                }
                            }

                            span[data-v-587c61aa] {
                                line-height: 30px;
                                font-size: 15px;
                                color: #F56C6C;
                                margin-left: 15px;
                            }
                        }

                        .basic {
                            &[data-v-587c61aa] {
                                width: 100%;
                                margin-top: 5px;
                            }

                            div[data-v-587c61aa] {
                                float: left;
                                line-height: 25px;
                                font-size: 14px;
                                color: #F56C6C;
                                margin-right: 15px;
                            }

                            span[data-v-587c61aa] {
                                float: left;
                                line-height: 25px;
                                font-size: 12px;
                                color: #909399;
                                margin-right: 10px;
                            }
                        }
                    }

                    .right {
                        &[data-v-587c61aa] {
                            width: 350px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .logo {
                            &[data-v-587c61aa] {
                                width: 60px;
                            }

                            img[data-v-587c61aa] {
                                width: 50px;
                                height: 50px;
                                border-radius: 5px;
                                border: 1px #EEE solid;
                            }
                        }

                        .names {
                            &[data-v-587c61aa] {
                                width: calc(100% - 60px);
                            }

                            .name {
                                &[data-v-587c61aa] {
                                    width: 100%;
                                    line-height: 20px;
                                    font-size: 16px;
                                    color: #282828;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    cursor: pointer;
                                }

                                &[data-v-587c61aa]:hover {
                                    color: #0092EF;
                                }
                            }

                            .tag {
                                &[data-v-587c61aa] {
                                    width: 100%;
                                    margin-top: 10px;
                                }

                                span[data-v-587c61aa] {
                                    font-size: 12px;
                                    color: #909399;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }

                .down {
                    &[data-v-587c61aa] {
                        width: 100%;
                        padding: 0px 20px;
                        height: 50px;
                        background: linear-gradient(to right, #F3FDFF, #FFF);
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                    .left {
                        &[data-v-587c61aa] {
                            width: calc(100% - 350px);
                            padding: 10px 0;
                            height: 30px;
                            display: flex;
                            align-items: center;
                        }

                        .avatar {
                            &[data-v-587c61aa] {
                                width: 35px;
                            }

                            img[data-v-587c61aa] {
                                width: 25px;
                                height: 25px;
                                border-radius: 100%;
                            }
                        }

                        .name[data-v-587c61aa] {
                            width: calc(100% - 35px);
                            font-size: 14px;
                            color: #909399;
                        }
                    }

                    .right {
                        &[data-v-587c61aa] {
                            width: 350px;
                        }

                        .tag[data-v-587c61aa] {
                            width: auto;
                            padding: 3px 10px;
                            border-radius: 3px;
                            background-color: #F4F6F9;
                            font-size: 12px;
                            color: #A8ABB2;
                            margin-right: 10px;
                        }
                    }
                }

                &[data-v-587c61aa]:hover {
                    box-shadow: 0px 0px 10px 3px #EEF1F5;
                }
            }

            .pager[data-v-587c61aa] {
                width: 100%;
                margin-top: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .menu[data-v-587c61aa] {
            float: right;
            width: 285px;
        }
    }
}

.popitem {
    &[data-v-587c61aa] {
        float: left;
        width: calc(100% + -0px);
        padding: 0 5px;
        height: 32px;
        line-height: 32px;
        color: #303133;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer
    }

    &[data-v-587c61aa]:hover {
        background-color: #f5f7fa;
        color: #0092ef
    }
}

.popactive[data-v-587c61aa] {
    color: #0092ef
}

.inputyes[data-v-587c61aa] {
    width: 980px
}

.inputno[data-v-587c61aa] {
    width: 880px
}

.historyyes[data-v-587c61aa] {
    width: 800px
}

.historyno[data-v-587c61aa] {
    width: 700px
}

.app-qrocde {
    &[data-v-587c61aa] {
        text-align: center
    }

    img[data-v-587c61aa] {
        width: 120px;
        height: 120px;
        border-radius: 5px;
    }
}

.emptybox {
    &[data-v-587c61aa] {
        width: 100%;
        margin-top: 100px
    }

    .img {
        &[data-v-587c61aa] {
            width: 100%;
            text-align: center;
        }

        img[data-v-587c61aa] {
            width: 250px;
        }
    }

    .hint[data-v-587c61aa] {
        width: 100%;
        margin-top: 0px;
        text-align: center;
        font-size: 14px;
        color: #B8BBCC;
    }

    .btn[data-v-587c61aa] {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

.emptybox[data-v-587c61aa] {
    background-color: #fff;
    height: 500px;
    margin-top: 15px;
    padding-top: 100px
}

.el-scrollbar .el-scrollbar__bar.is-vertical {
    opacity: 1;
    width: 4px
}

.el-scrollbar .el-scrollbar__bar {
    border-radius: 2px
}

.el-scrollbar .el-scrollbar__thumb:hover {
    background-color: #bdbdbd
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10c"
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10d"
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f121"
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f122"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: #2b333fb3;
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: #73859f80;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: #73859f80
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: #2b333fb3
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: #2b333fb3;
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: #2b333fb3
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white
}

.video-js *:not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: #000c
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: #73859f80
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: #2b333fb3
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: #000c
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
    display: block
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control,
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time,
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate>.vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-x-small .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: #2b333fbf;
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: #2b333fbf
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none
}

.video-js *:focus:not(:focus-visible) {
    outline: none
}

* {
    box-sizing: border-box
}

html {
    height: 100%;
    font-size: 14px
}

body {
    height: 100%;
    color: #333;
    min-width: 1240px;
    font: 1em/1.4 Microsoft Yahei, PingFang SC, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif
}

body,
ul,
h1,
h3,
h4,
p,
dl,
dd {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none;
    color: #333;
    outline: none
}

i {
    font-style: normal
}

input[type=text],
input[type=search],
input[type=password],
input[type=checkbox] {
    padding: 0;
    outline: none;
    border: none;
    -webkit-appearance: none
}

input[type=text]::placeholder,
input[type=search]::placeholder,
input[type=password]::placeholder,
input[type=checkbox]::placeholder {
    color: #ccc
}

ul {
    list-style: none
}

.container {
    width: 1240px;
    margin: 0 auto;
    position: relative
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ellipsis-2 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    clear: both
}

.el-breadcrumb__inner.is-link {
    font-weight: 400 !important
}

:root {
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary-rgb: 64, 158, 255;
    --el-color-success-rgb: 103, 194, 58;
    --el-color-warning-rgb: 230, 162, 60;
    --el-color-danger-rgb: 245, 108, 108;
    --el-color-error-rgb: 245, 108, 108;
    --el-color-info-rgb: 144, 147, 153;
    --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-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, sans-serif;
    --el-font-weight-primary: 500;
    --el-font-line-height-primary: 24px;
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;
    --el-border-radius-base: 4px;
    --el-border-radius-small: 2px;
    --el-border-radius-round: 20px;
    --el-border-radius-circle: 100%;
    --el-transition-duration: .3s;
    --el-transition-duration-fast: .2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(.23, 1, .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-box-shadow: box-shadow 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);
    --el-component-size-large: 40px;
    --el-component-size: 32px;
    --el-component-size-small: 24px;
    color-scheme: light;
    --el-color-primary: #409eff;
    --el-color-primary-light-3: #79bbff;
    --el-color-primary-light-5: #a0cfff;
    --el-color-primary-light-7: #c6e2ff;
    --el-color-primary-light-8: #d9ecff;
    --el-color-primary-light-9: #ecf5ff;
    --el-color-primary-dark-2: #337ecc;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #ffffff;
    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #ffffff;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, .8);
    --el-overlay-color-light: rgba(0, 0, 0, .7);
    --el-overlay-color-lighter: rgba(0, 0, 0, .5);
    --el-mask-color: rgba(255, 255, 255, .9);
    --el-mask-color-extra-light: rgba(255, 255, 255, .3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color)
}

.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);
    transform-origin: center top;
    transition: var(--el-transition-md-fade)
}

.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);
    transform-origin: center bottom;
    transition: var(--el-transition-md-fade)
}

.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);
    transform-origin: top left;
    transition: var(--el-transition-md-fade)
}

.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
}

.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
    transition: var(--el-transition-duration) max-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-to {
    opacity: 0;
    transform: translateY(-30px)
}

.el-list-leave-active {
    position: absolute !important
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.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(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.el-icon {
    --color: inherit;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
    fill: currentColor;
    color: var(--color);
    font-size: inherit
}

.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: 14px;
    --el-alert-title-with-description-font-size: 16px;
    --el-alert-description-font-size: 14px;
    --el-alert-close-font-size: 16px;
    --el-alert-close-customed-font-size: 14px;
    --el-alert-icon-size: 16px;
    --el-alert-icon-large-size: 28px;
    align-items: center;
    background-color: var(--el-color-white);
    border-radius: var(--el-alert-border-radius-base);
    box-sizing: border-box;
    display: flex;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: var(--el-alert-padding);
    position: relative;
    transition: opacity var(--el-transition-duration-fast);
    width: 100%
}

.el-alert.is-light .el-alert__close-btn {
    color: var(--el-text-color-placeholder)
}

.el-alert.is-dark .el-alert__close-btn,
.el-alert.is-dark .el-alert__description {
    color: var(--el-color-white)
}

.el-alert.is-center {
    justify-content: center
}

.el-alert--success {
    --el-alert-bg-color: var(--el-color-success-light-9)
}

.el-alert--success.is-light {
    background-color: var(--el-alert-bg-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-bg-color: var(--el-color-info-light-9)
}

.el-alert--info.is-light {
    background-color: var(--el-alert-bg-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-bg-color: var(--el-color-warning-light-9)
}

.el-alert--warning.is-light {
    background-color: var(--el-alert-bg-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-bg-color: var(--el-color-error-light-9)
}

.el-alert--error.is-light {
    background-color: var(--el-alert-bg-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: flex;
    flex-direction: column;
    gap: 4px
}

.el-alert .el-alert__icon {
    font-size: var(--el-alert-icon-size);
    margin-right: 8px;
    width: var(--el-alert-icon-size)
}

.el-alert .el-alert__icon.is-big {
    font-size: var(--el-alert-icon-large-size);
    margin-right: 12px;
    width: var(--el-alert-icon-large-size)
}

.el-alert__title {
    font-size: var(--el-alert-title-font-size);
    line-height: 24px
}

.el-alert__title.with-description {
    font-size: var(--el-alert-title-with-description-font-size)
}

.el-alert .el-alert__description {
    font-size: var(--el-alert-description-font-size);
    margin: 0
}

.el-alert .el-alert__close-btn {
    cursor: pointer;
    font-size: var(--el-alert-close-font-size);
    opacity: 1;
    position: absolute;
    right: 16px;
    top: 12px
}

.el-alert .el-alert__close-btn.is-customed {
    font-size: var(--el-alert-close-customed-font-size);
    font-style: normal;
    line-height: 24px;
    top: 8px
}

.el-alert-fade-enter-from,
.el-alert-fade-leave-active {
    opacity: 0
}

.el-aside {
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: auto;
    width: var(--el-aside-width, 300px)
}

.el-autocomplete {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    display: inline-block;
    position: relative;
    width: var(--el-input-width)
}

.el-autocomplete__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-autocomplete__popper.el-popper,
.el-autocomplete__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-autocomplete__popper.el-popper[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 {
    box-sizing: border-box;
    max-height: 280px;
    padding: 10px 0
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-base);
    line-height: 34px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
    background-color: var(--el-fill-color-light)
}

.el-autocomplete-suggestion li.divider {
    border-top: 1px solid var(--el-color-black);
    margin-top: 6px
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    color: var(--el-text-color-secondary);
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    text-align: center
}

.el-autocomplete-suggestion.is-loading li:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: var(--el-bg-color-overlay)
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.el-avatar {
    --el-avatar-text-color: var(--el-color-white);
    --el-avatar-bg-color: var(--el-text-color-disabled);
    --el-avatar-text-size: 14px;
    --el-avatar-icon-size: 18px;
    --el-avatar-border-radius: var(--el-border-radius-base);
    --el-avatar-size-large: 56px;
    --el-avatar-size-small: 24px;
    --el-avatar-size: 40px;
    align-items: center;
    background: var(--el-avatar-bg-color);
    box-sizing: border-box;
    color: var(--el-avatar-text-color);
    display: inline-flex;
    font-size: var(--el-avatar-text-size);
    height: var(--el-avatar-size);
    justify-content: center;
    overflow: hidden;
    text-align: center;
    width: var(--el-avatar-size)
}

.el-avatar>img {
    display: block;
    height: 100%;
    width: 100%
}

.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-size)
}

.el-avatar--small {
    --el-avatar-size: 24px
}

.el-avatar--large {
    --el-avatar-size: 56px
}

.el-backtop {
    --el-backtop-bg-color: var(--el-bg-color-overlay);
    --el-backtop-text-color: var(--el-color-primary);
    --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
    align-items: center;
    background-color: var(--el-backtop-bg-color);
    border-radius: 50%;
    box-shadow: var(--el-box-shadow-lighter);
    color: var(--el-backtop-text-color);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    position: fixed;
    width: 40px;
    z-index: 5
}

.el-backtop:hover {
    background-color: var(--el-backtop-hover-bg-color)
}

.el-backtop__icon {
    font-size: 20px
}

.el-badge {
    --el-badge-bg-color: var(--el-color-danger);
    --el-badge-radius: 10px;
    --el-badge-font-size: 12px;
    --el-badge-padding: 6px;
    --el-badge-size: 18px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: -moz-fit-content;
    width: fit-content
}

.el-badge__content {
    align-items: center;
    background-color: var(--el-badge-bg-color);
    border: 1px solid var(--el-bg-color);
    border-radius: var(--el-badge-radius);
    color: var(--el-color-white);
    display: inline-flex;
    font-size: var(--el-badge-font-size);
    height: var(--el-badge-size);
    justify-content: center;
    padding: 0 var(--el-badge-padding);
    white-space: nowrap
}

.el-badge__content.is-fixed {
    position: absolute;
    right: calc(1px + var(--el-badge-size)/2);
    top: 0;
    transform: translateY(-50%) translate(100%);
    z-index: var(--el-index-normal)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    right: 0;
    width: 8px
}

.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 {
    content: "";
    display: table
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    color: var(--el-text-color-placeholder);
    font-weight: 700;
    margin: 0 9px
}

.el-breadcrumb__separator.el-icon {
    font-weight: 400;
    margin: 0 6px
}

.el-breadcrumb__separator.el-icon svg {
    vertical-align: middle
}

.el-breadcrumb__item {
    align-items: center;
    display: inline-flex;
    float: left
}

.el-breadcrumb__inner {
    color: var(--el-text-color-regular)
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    color: var(--el-text-color-primary);
    font-weight: 700;
    text-decoration: none;
    transition: var(--el-transition-color)
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
    color: var(--el-color-primary);
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: var(--el-text-color-regular);
    cursor: text;
    font-weight: 400
}

.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 {
    content: "";
    display: table
}

.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-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-button-group>.el-button:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
    border-bottom-left-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-top-right-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-bottom-left-radius: 0;
    border-left-color: var(--el-button-divide-border-color);
    border-top-left-radius: 0
}

.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);
    --el-button-bg-color: var(--el-fill-color-blank);
    --el-button-text-color: var(--el-text-color-regular);
    --el-button-disabled-text-color: var(--el-disabled-text-color);
    --el-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color: rgba(255, 255, 255, .5);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-color-primary-light-9);
    --el-button-hover-border-color: var(--el-color-primary-light-7);
    --el-button-active-text-color: var(--el-button-hover-text-color);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-active-bg-color: var(--el-button-hover-bg-color);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-color-info);
    --el-button-active-color: var(--el-text-color-primary);
    align-items: center;
    -webkit-appearance: none;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    box-sizing: border-box;
    color: var(--el-button-text-color);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--el-button-font-weight);
    height: 32px;
    justify-content: center;
    line-height: 1;
    outline: none;
    text-align: center;
    transition: .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.el-button:hover {
    background-color: var(--el-button-hover-bg-color);
    border-color: var(--el-button-hover-border-color);
    color: var(--el-button-hover-text-color);
    outline: none
}

.el-button:active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none
}

.el-button:focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px;
    transition: outline-offset 0s, outline 0s
}

.el-button>span {
    align-items: center;
    display: inline-flex
}

.el-button+.el-button {
    margin-left: 12px
}

.el-button {
    border-radius: var(--el-border-radius-base);
    font-size: var(--el-font-size-base)
}

.el-button,
.el-button.is-round {
    padding: 8px 15px
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon]+span {
    margin-left: 6px
}

.el-button [class*=el-icon] svg {
    vertical-align: bottom
}

.el-button.is-plain {
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-fill-color-blank);
    --el-button-hover-border-color: var(--el-color-primary)
}

.el-button.is-active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none
}

.el-button.is-disabled,
.el-button.is-disabled:hover {
    background-color: var(--el-button-disabled-bg-color);
    background-image: none;
    border-color: var(--el-button-disabled-border-color);
    color: var(--el-button-disabled-text-color);
    cursor: not-allowed
}

.el-button.is-loading {
    pointer-events: none;
    position: relative
}

.el-button.is-loading:before {
    background-color: var(--el-mask-color-extra-light);
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1
}

.el-button.is-round {
    border-radius: var(--el-border-radius-round)
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 8px;
    width: 32px
}

.el-button.is-text {
    background-color: transparent;
    border: 0 solid transparent;
    color: var(--el-button-text-color)
}

.el-button.is-text.is-disabled {
    background-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button.is-text:not(.is-disabled):hover {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled):focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px;
    transition: outline-offset 0s, outline 0s
}

.el-button.is-text:not(.is-disabled):active {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled).is-has-bg:hover {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg:active {
    background-color: var(--el-fill-color-dark)
}

.el-button__text--expand {
    letter-spacing: .3em;
    margin-right: -.3em
}

.el-button.is-link {
    background: transparent;
    border-color: transparent;
    color: var(--el-button-text-color);
    height: auto;
    padding: 2px
}

.el-button.is-link:hover {
    color: var(--el-button-hover-link-text-color)
}

.el-button.is-link.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button.is-link:not(.is-disabled):active,
.el-button.is-link:not(.is-disabled):hover {
    background-color: transparent;
    border-color: transparent
}

.el-button.is-link:not(.is-disabled):active {
    color: var(--el-button-active-color)
}

.el-button--text {
    background: transparent;
    border-color: transparent;
    color: var(--el-color-primary);
    padding-left: 0;
    padding-right: 0
}

.el-button--text.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button--text:not(.is-disabled):hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-color-primary-light-3)
}

.el-button--text:not(.is-disabled):active {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-color-primary-dark-2)
}

.el-button__link--expand {
    letter-spacing: .3em;
    margin-right: -.3em
}

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

.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: var(--el-color-primary-light-9);
    --el-button-border-color: var(--el-color-primary-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:active,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:hover,
.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,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:hover {
    background-color: var(--el-color-primary-light-9);
    border-color: var(--el-color-primary-light-8);
    color: var(--el-color-primary-light-5)
}

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

.el-button--success.is-link,
.el-button--success.is-plain,
.el-button--success.is-text {
    --el-button-text-color: var(--el-color-success);
    --el-button-bg-color: var(--el-color-success-light-9);
    --el-button-border-color: var(--el-color-success-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-success);
    --el-button-hover-border-color: var(--el-color-success);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:active,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:hover,
.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,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:hover {
    background-color: var(--el-color-success-light-9);
    border-color: var(--el-color-success-light-8);
    color: var(--el-color-success-light-5)
}

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

.el-button--warning.is-link,
.el-button--warning.is-plain,
.el-button--warning.is-text {
    --el-button-text-color: var(--el-color-warning);
    --el-button-bg-color: var(--el-color-warning-light-9);
    --el-button-border-color: var(--el-color-warning-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-warning);
    --el-button-hover-border-color: var(--el-color-warning);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:active,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:hover,
.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,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:hover {
    background-color: var(--el-color-warning-light-9);
    border-color: var(--el-color-warning-light-8);
    color: var(--el-color-warning-light-5)
}

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

.el-button--danger.is-link,
.el-button--danger.is-plain,
.el-button--danger.is-text {
    --el-button-text-color: var(--el-color-danger);
    --el-button-bg-color: var(--el-color-danger-light-9);
    --el-button-border-color: var(--el-color-danger-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-danger);
    --el-button-hover-border-color: var(--el-color-danger);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:active,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:hover,
.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,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:hover {
    background-color: var(--el-color-danger-light-9);
    border-color: var(--el-color-danger-light-8);
    color: var(--el-color-danger-light-5)
}

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

.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
    --el-button-text-color: var(--el-color-info);
    --el-button-bg-color: var(--el-color-info-light-9);
    --el-button-border-color: var(--el-color-info-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-info);
    --el-button-hover-border-color: var(--el-color-info);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:active,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:hover,
.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,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:hover {
    background-color: var(--el-color-info-light-9);
    border-color: var(--el-color-info-light-8);
    color: var(--el-color-info-light-5)
}

.el-button--large {
    --el-button-size: 40px;
    height: var(--el-button-size)
}

.el-button--large [class*=el-icon]+span {
    margin-left: 8px
}

.el-button--large {
    border-radius: var(--el-border-radius-base);
    font-size: var(--el-font-size-base);
    padding: 12px 19px
}

.el-button--large.is-round {
    padding: 12px 19px
}

.el-button--large.is-circle {
    padding: 12px;
    width: var(--el-button-size)
}

.el-button--small {
    --el-button-size: 24px;
    height: var(--el-button-size)
}

.el-button--small [class*=el-icon]+span {
    margin-left: 4px
}

.el-button--small {
    border-radius: calc(var(--el-border-radius-base) - 1px);
    font-size: 12px;
    padding: 5px 11px
}

.el-button--small.is-round {
    padding: 5px 11px
}

.el-button--small.is-circle {
    padding: 5px;
    width: var(--el-button-size)
}

.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-bg-color: var(--el-color-primary-light-9);
    --el-calendar-cell-width: 85px;
    background-color: var(--el-fill-color-blank)
}

.el-calendar__header {
    border-bottom: var(--el-calendar-header-border-bottom);
    display: flex;
    justify-content: space-between;
    padding: 12px 20px
}

.el-calendar__title {
    align-self: center;
    color: var(--el-text-color)
}

.el-calendar__body {
    padding: 12px 20px 35px
}

.el-calendar-table {
    table-layout: fixed;
    width: 100%
}

.el-calendar-table thead th {
    color: var(--el-text-color-regular);
    font-weight: 400;
    padding: 12px 0
}

.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);
    transition: background-color var(--el-transition-duration-fast) ease;
    vertical-align: top
}

.el-calendar-table td.is-selected {
    background-color: var(--el-calendar-selected-bg-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;
    height: var(--el-calendar-cell-width);
    padding: 8px
}

.el-calendar-table .el-calendar-day:hover {
    background-color: var(--el-calendar-selected-bg-color);
    cursor: pointer
}

.el-card {
    --el-card-border-color: var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding: 20px;
    --el-card-bg-color: var(--el-fill-color-blank);
    background-color: var(--el-card-bg-color);
    border: 1px solid var(--el-card-border-color);
    border-radius: var(--el-card-border-radius);
    color: var(--el-text-color-primary);
    overflow: hidden;
    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 {
    border-bottom: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
}

.el-card__body {
    padding: var(--el-card-padding)
}

.el-card__footer {
    border-top: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
}

.el-carousel__item {
    display: inline-block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.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__item--card-vertical {
    height: 50%;
    width: 100%
}

.el-carousel__mask {
    background-color: var(--el-color-white);
    height: 100%;
    left: 0;
    opacity: .24;
    position: absolute;
    top: 0;
    transition: var(--el-transition-duration-fast);
    width: 100%
}

.el-carousel {
    --el-carousel-arrow-font-size: 12px;
    --el-carousel-arrow-size: 36px;
    --el-carousel-arrow-background: rgba(31, 45, 61, .11);
    --el-carousel-arrow-hover-background: rgba(31, 45, 61, .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,
.el-carousel--vertical {
    overflow: hidden
}

.el-carousel__container {
    height: 300px;
    position: relative
}

.el-carousel__arrow {
    align-items: center;
    background-color: var(--el-carousel-arrow-background);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-carousel-arrow-font-size);
    height: var(--el-carousel-arrow-size);
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--el-transition-duration);
    width: var(--el-carousel-arrow-size);
    z-index: 10
}

.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 {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: calc(var(--el-index-normal) + 1)
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translate(-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);
    position: static;
    text-align: center;
    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--right {
    right: 0
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    text-align: center;
    transform: none
}

.el-carousel__indicators--labels .el-carousel__button {
    color: #000;
    font-size: 12px;
    height: auto;
    padding: 2px 18px;
    width: auto
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    background-color: transparent;
    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 {
    height: calc(var(--el-carousel-indicator-width)/2);
    width: var(--el-carousel-indicator-height)
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    height: var(--el-carousel-indicator-height);
    margin: 0;
    opacity: .48;
    outline: none;
    padding: 0;
    transition: var(--el-transition-duration);
    width: var(--el-carousel-indicator-width)
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
    opacity: 0;
    transform: translateY(-50%) translate(-10px)
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
    opacity: 0;
    transform: translateY(-50%) translate(10px)
}

.el-transitioning {
    filter: url(#elCarouselHorizontal)
}

.el-transitioning-vertical {
    filter: url(#elCarouselVertical)
}

.el-cascader-panel {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --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-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color);
    border-radius: var(--el-cascader-menu-radius);
    display: flex;
    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 {
    border-right: var(--el-cascader-menu-border);
    box-sizing: border-box;
    color: var(--el-cascader-menu-text-color);
    min-width: 180px
}

.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 {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    min-height: 100%;
    padding: 6px 0;
    position: relative
}

.el-cascader-menu__hover-zone {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.el-cascader-menu__empty-text {
    align-items: center;
    color: var(--el-cascader-color-empty);
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-cascader-menu__empty-text .is-loading {
    margin-right: 2px
}

.el-cascader-node {
    align-items: center;
    display: flex;
    height: 34px;
    line-height: 34px;
    outline: none;
    padding: 0 30px 0 20px;
    position: relative
}

.el-cascader-node.is-selectable.in-active-path {
    color: var(--el-cascader-menu-text-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-text-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 {
    left: 10px;
    position: absolute
}

.el-cascader-node__postfix {
    position: absolute;
    right: 10px
}

.el-cascader-node__label {
    flex: 1;
    overflow: hidden;
    padding: 0 8px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-cascader-node>.el-checkbox,
.el-cascader-node>.el-radio {
    margin-right: 0
}

.el-cascader-node>.el-radio .el-radio__label {
    padding-left: 0
}

.el-cascader {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --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-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color);
    display: inline-block;
    font-size: var(--el-font-size-base);
    line-height: 32px;
    outline: none;
    position: relative;
    vertical-align: middle
}

.el-cascader:not(.is-disabled):hover .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
    cursor: pointer
}

.el-cascader .el-input {
    cursor: pointer;
    display: flex
}

.el-cascader .el-input .el-input__inner {
    cursor: pointer;
    text-overflow: ellipsis
}

.el-cascader .el-input .el-input__suffix-inner .el-icon {
    height: calc(100% - 2px)
}

.el-cascader .el-input .el-input__suffix-inner .el-icon svg {
    vertical-align: middle
}

.el-cascader .el-input .icon-arrow-down {
    font-size: 14px;
    transition: transform var(--el-transition-duration)
}

.el-cascader .el-input .icon-arrow-down.is-reverse {
    transform: rotate(180deg)
}

.el-cascader .el-input .icon-circle-close:hover {
    color: var(--el-input-clear-hover-color, var(--el-text-color-secondary))
}

.el-cascader .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
}

.el-cascader--large {
    font-size: 14px;
    line-height: 40px
}

.el-cascader--small {
    font-size: 12px;
    line-height: 24px
}

.el-cascader.is-disabled .el-cascader__label {
    color: var(--el-disabled-text-color);
    z-index: calc(var(--el-index-normal) + 1)
}

.el-cascader__dropdown {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --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-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color);
    border-radius: var(--el-cascader-menu-radius);
    font-size: var(--el-cascader-menu-font-size)
}

.el-cascader__dropdown.el-popper {
    background: var(--el-cascader-menu-fill)
}

.el-cascader__dropdown.el-popper,
.el-cascader__dropdown.el-popper .el-popper__arrow:before {
    border: var(--el-cascader-menu-border)
}

.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-cascader__dropdown.el-popper {
    box-shadow: var(--el-cascader-menu-shadow)
}

.el-cascader__tags {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    line-height: normal;
    position: absolute;
    right: 30px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%)
}

.el-cascader__tags .el-tag {
    align-items: center;
    background: var(--el-cascader-tag-background);
    display: inline-flex;
    margin: 2px 0 2px 6px;
    max-width: 100%;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag.el-tag--dark,
.el-cascader__tags .el-tag.el-tag--plain {
    background-color: var(--el-tag-bg-color)
}

.el-cascader__tags .el-tag:not(.is-hit) {
    border-color: transparent
}

.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,
.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain {
    border-color: var(--el-tag-border-color)
}

.el-cascader__tags .el-tag>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    color: var(--el-color-white);
    flex: none
}

.el-cascader__tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-cascader__tags.is-validate {
    right: 55px
}

.el-cascader__collapse-tags {
    white-space: normal;
    z-index: var(--el-index-normal)
}

.el-cascader__collapse-tags .el-tag {
    align-items: center;
    background: var(--el-fill-color);
    display: inline-flex;
    margin: 2px 0 2px 6px;
    max-width: 100%;
    text-overflow: ellipsis
}

.el-cascader__collapse-tags .el-tag.el-tag--dark,
.el-cascader__collapse-tags .el-tag.el-tag--plain {
    background-color: var(--el-tag-bg-color)
}

.el-cascader__collapse-tags .el-tag:not(.is-hit) {
    border-color: transparent
}

.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,
.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain {
    border-color: var(--el-tag-border-color)
}

.el-cascader__collapse-tags .el-tag>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__collapse-tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    color: var(--el-color-white);
    flex: none
}

.el-cascader__collapse-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 {
    color: var(--el-cascader-menu-text-color);
    font-size: var(--el-font-size-base);
    margin: 0;
    max-height: 204px;
    padding: 6px 0;
    text-align: center
}

.el-cascader__suggestion-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: space-between;
    outline: none;
    padding: 0 15px;
    text-align: left
}

.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-text-color);
    font-weight: 700
}

.el-cascader__suggestion-item>span {
    margin-right: 10px
}

.el-cascader__empty-text {
    color: var(--el-cascader-color-empty);
    margin: 10px 0
}

.el-cascader__search-input {
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--el-cascader-menu-text-color);
    flex: 1;
    height: 24px;
    margin: 2px 0 2px 11px;
    min-width: 60px;
    outline: none;
    padding: 0
}

.el-cascader__search-input::-moz-placeholder {
    color: transparent
}

.el-cascader__search-input::placeholder {
    color: transparent
}

.el-check-tag {
    background-color: var(--el-color-info-light-9);
    border-radius: var(--el-border-radius-base);
    color: var(--el-color-info);
    cursor: pointer;
    display: inline-block;
    font-size: var(--el-font-size-base);
    font-weight: 700;
    line-height: var(--el-font-size-base);
    padding: 7px 15px;
    transition: var(--el-transition-all)
}

.el-check-tag:hover {
    background-color: var(--el-color-info-light-7)
}

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

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

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

.el-check-tag.is-checked.el-check-tag--success:hover {
    background-color: var(--el-color-success-light-7)
}

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

.el-check-tag.is-checked.el-check-tag--warning:hover {
    background-color: var(--el-color-warning-light-7)
}

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

.el-check-tag.is-checked.el-check-tag--danger:hover {
    background-color: var(--el-color-danger-light-7)
}

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

.el-check-tag.is-checked.el-check-tag--error:hover {
    background-color: var(--el-color-error-light-7)
}

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

.el-check-tag.is-checked.el-check-tag--info:hover {
    background-color: var(--el-color-info-light-7)
}

.el-checkbox-button {
    --el-checkbox-button-checked-bg-color: var(--el-color-primary);
    --el-checkbox-button-checked-text-color: var(--el-color-white);
    --el-checkbox-button-checked-border-color: var(--el-color-primary);
    display: inline-block;
    position: relative
}

.el-checkbox-button__inner {
    -webkit-appearance: none;
    background: var(--el-button-bg-color, var(--el-fill-color-blank));
    border: var(--el-border);
    border-left-color: transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--el-button-text-color, var(--el-text-color-regular));
    cursor: pointer;
    display: inline-block;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-checkbox-font-weight);
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    transition: var(--el-transition-all);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.el-checkbox-button__inner.is-round {
    padding: 8px 15px
}

.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 {
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    background-color: var(--el-checkbox-button-checked-bg-color);
    border-color: var(--el-checkbox-button-checked-border-color);
    box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
    color: var(--el-checkbox-button-checked-text-color)
}

.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 {
    background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
    box-shadow: none;
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.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-bottom-left-radius: var(--el-border-radius-base);
    border-left: var(--el-border);
    border-top-left-radius: 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-bottom-right-radius: var(--el-border-radius-base);
    border-top-right-radius: var(--el-border-radius-base)
}

.el-checkbox-button--large .el-checkbox-button__inner {
    border-radius: 0;
    font-size: var(--el-font-size-base);
    padding: 12px 19px
}

.el-checkbox-button--large .el-checkbox-button__inner.is-round {
    padding: 12px 19px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 5px 11px
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 5px 11px
}

.el-checkbox-group {
    font-size: 0;
    line-height: 0
}

.el-checkbox {
    --el-checkbox-font-size: 14px;
    --el-checkbox-font-weight: var(--el-font-weight-primary);
    --el-checkbox-text-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-bg-color: var(--el-fill-color-blank);
    --el-checkbox-input-border: var(--el-border);
    --el-checkbox-disabled-border-color: var(--el-border-color);
    --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
    --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);
    --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
    --el-checkbox-checked-text-color: var(--el-color-primary);
    --el-checkbox-checked-input-border-color: var(--el-color-primary);
    --el-checkbox-checked-bg-color: var(--el-color-primary);
    --el-checkbox-checked-icon-color: var(--el-color-white);
    --el-checkbox-input-border-color-hover: var(--el-color-primary);
    align-items: center;
    color: var(--el-checkbox-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-checkbox-font-weight);
    height: var(--el-checkbox-height, 32px);
    margin-right: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-checkbox.is-disabled {
    cursor: not-allowed
}

.el-checkbox.is-bordered {
    border: var(--el-border);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    padding: 0 15px 0 9px
}

.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)
}

.el-checkbox.is-bordered.el-checkbox--large {
    border-radius: var(--el-border-radius-base);
    padding: 0 19px 0 11px
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
    font-size: var(--el-font-size-base)
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    border-radius: calc(var(--el-border-radius-base) - 1px);
    padding: 0 11px 0 7px
}

.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--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox input:focus-visible+.el-checkbox__inner {
    border-radius: var(--el-checkbox-border-radius);
    outline: 2px solid var(--el-checkbox-input-border-color-hover);
    outline-offset: 1px
}

.el-checkbox__input {
    cursor: pointer;
    display: inline-flex;
    outline: none;
    position: relative;
    white-space: nowrap
}

.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 {
    border-color: var(--el-checkbox-disabled-icon-color);
    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-disabled-text-color);
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color: var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    border-color: var(--el-checkbox-checked-icon-color);
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--el-checkbox-checked-text-color)
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color: var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    background-color: var(--el-checkbox-checked-icon-color);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px;
    transform: scale(.5)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    background-color: var(--el-checkbox-bg-color);
    border: var(--el-checkbox-input-border);
    border-radius: var(--el-checkbox-border-radius);
    box-sizing: border-box;
    display: inline-block;
    height: var(--el-checkbox-input-height);
    position: relative;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46), outline .25s cubic-bezier(.71, -.46, .29, 1.46);
    width: var(--el-checkbox-input-width);
    z-index: var(--el-index-normal)
}

.el-checkbox__inner:hover {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__inner:after {
    border: 1px solid transparent;
    border-left: 0;
    border-top: 0;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.el-checkbox__original {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    width: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    font-size: var(--el-checkbox-font-size);
    line-height: 1;
    padding-left: 8px
}

.el-checkbox.el-checkbox--large {
    height: 40px
}

.el-checkbox.el-checkbox--large .el-checkbox__label {
    font-size: 14px
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.el-checkbox--small {
    height: 24px
}

.el-checkbox.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    top: 4px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

[class*=el-col-] {
    box-sizing: border-box
}

[class*=el-col-].is-guttered {
    display: block;
    min-height: 1px
}

.el-col-0 {
    flex: 0 0 0%;
    max-width: 0
}

.el-col-0,
.el-col-0.is-guttered {
    display: none
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    position: relative;
    right: 0
}

.el-col-push-0 {
    left: 0;
    position: relative
}

.el-col-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%
}

.el-col-1,
.el-col-1.is-guttered {
    display: block
}

.el-col-offset-1 {
    margin-left: 4.1666666667%
}

.el-col-pull-1 {
    position: relative;
    right: 4.1666666667%
}

.el-col-push-1 {
    left: 4.1666666667%;
    position: relative
}

.el-col-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.el-col-2,
.el-col-2.is-guttered {
    display: block
}

.el-col-offset-2 {
    margin-left: 8.3333333333%
}

.el-col-pull-2 {
    position: relative;
    right: 8.3333333333%
}

.el-col-push-2 {
    left: 8.3333333333%;
    position: relative
}

.el-col-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.el-col-3,
.el-col-3.is-guttered {
    display: block
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    position: relative;
    right: 12.5%
}

.el-col-push-3 {
    left: 12.5%;
    position: relative
}

.el-col-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.el-col-4,
.el-col-4.is-guttered {
    display: block
}

.el-col-offset-4 {
    margin-left: 16.6666666667%
}

.el-col-pull-4 {
    position: relative;
    right: 16.6666666667%
}

.el-col-push-4 {
    left: 16.6666666667%;
    position: relative
}

.el-col-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%
}

.el-col-5,
.el-col-5.is-guttered {
    display: block
}

.el-col-offset-5 {
    margin-left: 20.8333333333%
}

.el-col-pull-5 {
    position: relative;
    right: 20.8333333333%
}

.el-col-push-5 {
    left: 20.8333333333%;
    position: relative
}

.el-col-6 {
    flex: 0 0 25%;
    max-width: 25%
}

.el-col-6,
.el-col-6.is-guttered {
    display: block
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    position: relative;
    right: 25%
}

.el-col-push-6 {
    left: 25%;
    position: relative
}

.el-col-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%
}

.el-col-7,
.el-col-7.is-guttered {
    display: block
}

.el-col-offset-7 {
    margin-left: 29.1666666667%
}

.el-col-pull-7 {
    position: relative;
    right: 29.1666666667%
}

.el-col-push-7 {
    left: 29.1666666667%;
    position: relative
}

.el-col-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.el-col-8,
.el-col-8.is-guttered {
    display: block
}

.el-col-offset-8 {
    margin-left: 33.3333333333%
}

.el-col-pull-8 {
    position: relative;
    right: 33.3333333333%
}

.el-col-push-8 {
    left: 33.3333333333%;
    position: relative
}

.el-col-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.el-col-9,
.el-col-9.is-guttered {
    display: block
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    position: relative;
    right: 37.5%
}

.el-col-push-9 {
    left: 37.5%;
    position: relative
}

.el-col-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.el-col-10,
.el-col-10.is-guttered {
    display: block
}

.el-col-offset-10 {
    margin-left: 41.6666666667%
}

.el-col-pull-10 {
    position: relative;
    right: 41.6666666667%
}

.el-col-push-10 {
    left: 41.6666666667%;
    position: relative
}

.el-col-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%
}

.el-col-11,
.el-col-11.is-guttered {
    display: block
}

.el-col-offset-11 {
    margin-left: 45.8333333333%
}

.el-col-pull-11 {
    position: relative;
    right: 45.8333333333%
}

.el-col-push-11 {
    left: 45.8333333333%;
    position: relative
}

.el-col-12 {
    flex: 0 0 50%;
    max-width: 50%
}

.el-col-12,
.el-col-12.is-guttered {
    display: block
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    position: relative;
    right: 50%
}

.el-col-push-12 {
    left: 50%;
    position: relative
}

.el-col-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%
}

.el-col-13,
.el-col-13.is-guttered {
    display: block
}

.el-col-offset-13 {
    margin-left: 54.1666666667%
}

.el-col-pull-13 {
    position: relative;
    right: 54.1666666667%
}

.el-col-push-13 {
    left: 54.1666666667%;
    position: relative
}

.el-col-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.el-col-14,
.el-col-14.is-guttered {
    display: block
}

.el-col-offset-14 {
    margin-left: 58.3333333333%
}

.el-col-pull-14 {
    position: relative;
    right: 58.3333333333%
}

.el-col-push-14 {
    left: 58.3333333333%;
    position: relative
}

.el-col-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.el-col-15,
.el-col-15.is-guttered {
    display: block
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    position: relative;
    right: 62.5%
}

.el-col-push-15 {
    left: 62.5%;
    position: relative
}

.el-col-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.el-col-16,
.el-col-16.is-guttered {
    display: block
}

.el-col-offset-16 {
    margin-left: 66.6666666667%
}

.el-col-pull-16 {
    position: relative;
    right: 66.6666666667%
}

.el-col-push-16 {
    left: 66.6666666667%;
    position: relative
}

.el-col-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%
}

.el-col-17,
.el-col-17.is-guttered {
    display: block
}

.el-col-offset-17 {
    margin-left: 70.8333333333%
}

.el-col-pull-17 {
    position: relative;
    right: 70.8333333333%
}

.el-col-push-17 {
    left: 70.8333333333%;
    position: relative
}

.el-col-18 {
    flex: 0 0 75%;
    max-width: 75%
}

.el-col-18,
.el-col-18.is-guttered {
    display: block
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    position: relative;
    right: 75%
}

.el-col-push-18 {
    left: 75%;
    position: relative
}

.el-col-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%
}

.el-col-19,
.el-col-19.is-guttered {
    display: block
}

.el-col-offset-19 {
    margin-left: 79.1666666667%
}

.el-col-pull-19 {
    position: relative;
    right: 79.1666666667%
}

.el-col-push-19 {
    left: 79.1666666667%;
    position: relative
}

.el-col-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.el-col-20,
.el-col-20.is-guttered {
    display: block
}

.el-col-offset-20 {
    margin-left: 83.3333333333%
}

.el-col-pull-20 {
    position: relative;
    right: 83.3333333333%
}

.el-col-push-20 {
    left: 83.3333333333%;
    position: relative
}

.el-col-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.el-col-21,
.el-col-21.is-guttered {
    display: block
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    position: relative;
    right: 87.5%
}

.el-col-push-21 {
    left: 87.5%;
    position: relative
}

.el-col-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.el-col-22,
.el-col-22.is-guttered {
    display: block
}

.el-col-offset-22 {
    margin-left: 91.6666666667%
}

.el-col-pull-22 {
    position: relative;
    right: 91.6666666667%
}

.el-col-push-22 {
    left: 91.6666666667%;
    position: relative
}

.el-col-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%
}

.el-col-23,
.el-col-23.is-guttered {
    display: block
}

.el-col-offset-23 {
    margin-left: 95.8333333333%
}

.el-col-pull-23 {
    position: relative;
    right: 95.8333333333%
}

.el-col-push-23 {
    left: 95.8333333333%;
    position: relative
}

.el-col-24 {
    flex: 0 0 100%;
    max-width: 100%
}

.el-col-24,
.el-col-24.is-guttered {
    display: block
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    position: relative;
    right: 100%
}

.el-col-push-24 {
    left: 100%;
    position: relative
}

@media only screen and (max-width:767px) {
    .el-col-xs-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-xs-0.is-guttered {
        display: none
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xs-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-xs-1,
    .el-col-xs-1.is-guttered {
        display: block
    }

    .el-col-xs-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-xs-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-xs-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-xs-2,
    .el-col-xs-2.is-guttered {
        display: block
    }

    .el-col-xs-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-xs-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-xs-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-xs-3,
    .el-col-xs-3.is-guttered {
        display: block
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xs-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-xs-4,
    .el-col-xs-4.is-guttered {
        display: block
    }

    .el-col-xs-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-xs-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-xs-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-xs-5,
    .el-col-xs-5.is-guttered {
        display: block
    }

    .el-col-xs-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-xs-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-xs-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-xs-6,
    .el-col-xs-6.is-guttered {
        display: block
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xs-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-xs-7,
    .el-col-xs-7.is-guttered {
        display: block
    }

    .el-col-xs-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-xs-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-xs-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-xs-8,
    .el-col-xs-8.is-guttered {
        display: block
    }

    .el-col-xs-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-xs-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-xs-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-xs-9,
    .el-col-xs-9.is-guttered {
        display: block
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xs-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-xs-10.is-guttered {
        display: block
    }

    .el-col-xs-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-xs-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-xs-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-xs-11.is-guttered {
        display: block
    }

    .el-col-xs-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-xs-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-xs-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-xs-12.is-guttered {
        display: block
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xs-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-xs-13.is-guttered {
        display: block
    }

    .el-col-xs-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-xs-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-xs-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-xs-14.is-guttered {
        display: block
    }

    .el-col-xs-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-xs-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-xs-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-xs-15.is-guttered {
        display: block
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xs-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-xs-16.is-guttered {
        display: block
    }

    .el-col-xs-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-xs-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-xs-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-xs-17.is-guttered {
        display: block
    }

    .el-col-xs-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-xs-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-xs-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-xs-18.is-guttered {
        display: block
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xs-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-xs-19.is-guttered {
        display: block
    }

    .el-col-xs-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-xs-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-xs-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-xs-20.is-guttered {
        display: block
    }

    .el-col-xs-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-xs-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-xs-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-xs-21.is-guttered {
        display: block
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xs-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-xs-22.is-guttered {
        display: block
    }

    .el-col-xs-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-xs-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-xs-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-xs-23.is-guttered {
        display: block
    }

    .el-col-xs-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-xs-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-xs-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-xs-24.is-guttered {
        display: block
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:768px) {
    .el-col-sm-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-sm-0.is-guttered {
        display: none
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        left: 0;
        position: relative
    }

    .el-col-sm-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-sm-1,
    .el-col-sm-1.is-guttered {
        display: block
    }

    .el-col-sm-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-sm-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-sm-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-sm-2,
    .el-col-sm-2.is-guttered {
        display: block
    }

    .el-col-sm-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-sm-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-sm-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-sm-3,
    .el-col-sm-3.is-guttered {
        display: block
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-sm-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-sm-4,
    .el-col-sm-4.is-guttered {
        display: block
    }

    .el-col-sm-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-sm-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-sm-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-sm-5,
    .el-col-sm-5.is-guttered {
        display: block
    }

    .el-col-sm-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-sm-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-sm-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-sm-6,
    .el-col-sm-6.is-guttered {
        display: block
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-sm-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-sm-7,
    .el-col-sm-7.is-guttered {
        display: block
    }

    .el-col-sm-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-sm-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-sm-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-sm-8,
    .el-col-sm-8.is-guttered {
        display: block
    }

    .el-col-sm-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-sm-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-sm-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-sm-9,
    .el-col-sm-9.is-guttered {
        display: block
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-sm-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-sm-10.is-guttered {
        display: block
    }

    .el-col-sm-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-sm-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-sm-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-sm-11.is-guttered {
        display: block
    }

    .el-col-sm-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-sm-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-sm-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-sm-12.is-guttered {
        display: block
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-sm-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-sm-13.is-guttered {
        display: block
    }

    .el-col-sm-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-sm-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-sm-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-sm-14.is-guttered {
        display: block
    }

    .el-col-sm-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-sm-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-sm-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-sm-15.is-guttered {
        display: block
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-sm-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-sm-16.is-guttered {
        display: block
    }

    .el-col-sm-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-sm-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-sm-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-sm-17.is-guttered {
        display: block
    }

    .el-col-sm-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-sm-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-sm-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-sm-18.is-guttered {
        display: block
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-sm-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-sm-19.is-guttered {
        display: block
    }

    .el-col-sm-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-sm-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-sm-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-sm-20.is-guttered {
        display: block
    }

    .el-col-sm-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-sm-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-sm-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-sm-21.is-guttered {
        display: block
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-sm-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-sm-22.is-guttered {
        display: block
    }

    .el-col-sm-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-sm-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-sm-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-sm-23.is-guttered {
        display: block
    }

    .el-col-sm-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-sm-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-sm-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-sm-24.is-guttered {
        display: block
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:992px) {
    .el-col-md-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-md-0.is-guttered {
        display: none
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        left: 0;
        position: relative
    }

    .el-col-md-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-md-1,
    .el-col-md-1.is-guttered {
        display: block
    }

    .el-col-md-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-md-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-md-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-md-2,
    .el-col-md-2.is-guttered {
        display: block
    }

    .el-col-md-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-md-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-md-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-md-3,
    .el-col-md-3.is-guttered {
        display: block
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-md-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-md-4,
    .el-col-md-4.is-guttered {
        display: block
    }

    .el-col-md-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-md-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-md-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-md-5,
    .el-col-md-5.is-guttered {
        display: block
    }

    .el-col-md-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-md-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-md-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-md-6,
    .el-col-md-6.is-guttered {
        display: block
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-md-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-md-7,
    .el-col-md-7.is-guttered {
        display: block
    }

    .el-col-md-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-md-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-md-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-md-8,
    .el-col-md-8.is-guttered {
        display: block
    }

    .el-col-md-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-md-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-md-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-md-9,
    .el-col-md-9.is-guttered {
        display: block
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-md-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-md-10.is-guttered {
        display: block
    }

    .el-col-md-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-md-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-md-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-md-11.is-guttered {
        display: block
    }

    .el-col-md-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-md-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-md-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-md-12.is-guttered {
        display: block
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-md-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-md-13.is-guttered {
        display: block
    }

    .el-col-md-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-md-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-md-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-md-14.is-guttered {
        display: block
    }

    .el-col-md-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-md-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-md-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-md-15.is-guttered {
        display: block
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-md-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-md-16.is-guttered {
        display: block
    }

    .el-col-md-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-md-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-md-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-md-17.is-guttered {
        display: block
    }

    .el-col-md-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-md-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-md-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-md-18.is-guttered {
        display: block
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-md-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-md-19.is-guttered {
        display: block
    }

    .el-col-md-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-md-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-md-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-md-20.is-guttered {
        display: block
    }

    .el-col-md-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-md-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-md-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-md-21.is-guttered {
        display: block
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-md-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-md-22.is-guttered {
        display: block
    }

    .el-col-md-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-md-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-md-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-md-23.is-guttered {
        display: block
    }

    .el-col-md-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-md-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-md-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-md-24.is-guttered {
        display: block
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:1200px) {
    .el-col-lg-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-lg-0.is-guttered {
        display: none
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        left: 0;
        position: relative
    }

    .el-col-lg-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-lg-1,
    .el-col-lg-1.is-guttered {
        display: block
    }

    .el-col-lg-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-lg-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-lg-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-lg-2,
    .el-col-lg-2.is-guttered {
        display: block
    }

    .el-col-lg-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-lg-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-lg-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-lg-3,
    .el-col-lg-3.is-guttered {
        display: block
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-lg-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-lg-4,
    .el-col-lg-4.is-guttered {
        display: block
    }

    .el-col-lg-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-lg-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-lg-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-lg-5,
    .el-col-lg-5.is-guttered {
        display: block
    }

    .el-col-lg-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-lg-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-lg-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-lg-6,
    .el-col-lg-6.is-guttered {
        display: block
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-lg-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-lg-7,
    .el-col-lg-7.is-guttered {
        display: block
    }

    .el-col-lg-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-lg-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-lg-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-lg-8,
    .el-col-lg-8.is-guttered {
        display: block
    }

    .el-col-lg-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-lg-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-lg-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-lg-9,
    .el-col-lg-9.is-guttered {
        display: block
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-lg-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-lg-10.is-guttered {
        display: block
    }

    .el-col-lg-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-lg-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-lg-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-lg-11.is-guttered {
        display: block
    }

    .el-col-lg-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-lg-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-lg-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-lg-12.is-guttered {
        display: block
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-lg-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-lg-13.is-guttered {
        display: block
    }

    .el-col-lg-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-lg-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-lg-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-lg-14.is-guttered {
        display: block
    }

    .el-col-lg-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-lg-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-lg-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-lg-15.is-guttered {
        display: block
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-lg-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-lg-16.is-guttered {
        display: block
    }

    .el-col-lg-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-lg-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-lg-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-lg-17.is-guttered {
        display: block
    }

    .el-col-lg-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-lg-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-lg-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-lg-18.is-guttered {
        display: block
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-lg-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-lg-19.is-guttered {
        display: block
    }

    .el-col-lg-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-lg-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-lg-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-lg-20.is-guttered {
        display: block
    }

    .el-col-lg-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-lg-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-lg-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-lg-21.is-guttered {
        display: block
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-lg-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-lg-22.is-guttered {
        display: block
    }

    .el-col-lg-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-lg-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-lg-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-lg-23.is-guttered {
        display: block
    }

    .el-col-lg-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-lg-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-lg-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-lg-24.is-guttered {
        display: block
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:1920px) {
    .el-col-xl-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-xl-0.is-guttered {
        display: none
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xl-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-xl-1,
    .el-col-xl-1.is-guttered {
        display: block
    }

    .el-col-xl-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-xl-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-xl-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-xl-2,
    .el-col-xl-2.is-guttered {
        display: block
    }

    .el-col-xl-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-xl-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-xl-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-xl-3,
    .el-col-xl-3.is-guttered {
        display: block
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xl-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-xl-4,
    .el-col-xl-4.is-guttered {
        display: block
    }

    .el-col-xl-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-xl-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-xl-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-xl-5,
    .el-col-xl-5.is-guttered {
        display: block
    }

    .el-col-xl-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-xl-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-xl-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-xl-6,
    .el-col-xl-6.is-guttered {
        display: block
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xl-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-xl-7,
    .el-col-xl-7.is-guttered {
        display: block
    }

    .el-col-xl-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-xl-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-xl-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-xl-8,
    .el-col-xl-8.is-guttered {
        display: block
    }

    .el-col-xl-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-xl-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-xl-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-xl-9,
    .el-col-xl-9.is-guttered {
        display: block
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xl-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-xl-10.is-guttered {
        display: block
    }

    .el-col-xl-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-xl-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-xl-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-xl-11.is-guttered {
        display: block
    }

    .el-col-xl-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-xl-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-xl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-xl-12.is-guttered {
        display: block
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xl-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-xl-13.is-guttered {
        display: block
    }

    .el-col-xl-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-xl-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-xl-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-xl-14.is-guttered {
        display: block
    }

    .el-col-xl-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-xl-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-xl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-xl-15.is-guttered {
        display: block
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xl-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-xl-16.is-guttered {
        display: block
    }

    .el-col-xl-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-xl-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-xl-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-xl-17.is-guttered {
        display: block
    }

    .el-col-xl-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-xl-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-xl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-xl-18.is-guttered {
        display: block
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xl-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-xl-19.is-guttered {
        display: block
    }

    .el-col-xl-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-xl-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-xl-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-xl-20.is-guttered {
        display: block
    }

    .el-col-xl-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-xl-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-xl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-xl-21.is-guttered {
        display: block
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xl-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-xl-22.is-guttered {
        display: block
    }

    .el-col-xl-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-xl-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-xl-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-xl-23.is-guttered {
        display: block
    }

    .el-col-xl-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-xl-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-xl-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-xl-24.is-guttered {
        display: block
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        left: 100%;
        position: relative
    }
}

.el-collapse {
    --el-collapse-border-color: var(--el-border-color-lighter);
    --el-collapse-header-height: 48px;
    --el-collapse-header-bg-color: var(--el-fill-color-blank);
    --el-collapse-header-text-color: var(--el-text-color-primary);
    --el-collapse-header-font-size: 13px;
    --el-collapse-content-bg-color: var(--el-fill-color-blank);
    --el-collapse-content-font-size: 13px;
    --el-collapse-content-text-color: var(--el-text-color-primary);
    border-bottom: 1px solid var(--el-collapse-border-color);
    border-top: 1px solid var(--el-collapse-border-color)
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-collapse-item__header {
    align-items: center;
    background-color: var(--el-collapse-header-bg-color);
    border: none;
    border-bottom: 1px solid var(--el-collapse-border-color);
    color: var(--el-collapse-header-text-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-collapse-header-font-size);
    font-weight: 500;
    height: var(--el-collapse-header-height);
    line-height: var(--el-collapse-header-height);
    outline: none;
    padding: 0;
    transition: border-bottom-color var(--el-transition-duration);
    width: 100%
}

.el-collapse-item__arrow {
    font-weight: 300;
    margin: 0 8px 0 auto;
    transition: transform var(--el-transition-duration)
}

.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 {
    background-color: var(--el-collapse-content-bg-color);
    border-bottom: 1px solid var(--el-collapse-border-color);
    box-sizing: border-box;
    overflow: hidden;
    will-change: height
}

.el-collapse-item__content {
    color: var(--el-collapse-content-text-color);
    font-size: var(--el-collapse-content-font-size);
    line-height: 1.7692307692;
    padding-bottom: 25px
}

.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 {
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    margin: 0 0 8px 8px;
    width: 20px
}

.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 {
    border-radius: 3px;
    display: flex;
    height: 100%
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
    background-color: red;
    box-sizing: border-box;
    float: right;
    height: 12px;
    padding: 0 2px;
    position: relative;
    width: 280px
}

.el-color-hue-slider__bar {
    background: linear-gradient(90deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00);
    height: 100%;
    position: relative
}

.el-color-hue-slider__thumb {
    background: #fff;
    border: 1px solid var(--el-border-color-lighter);
    border-radius: 1px;
    box-shadow: 0 0 2px #0009;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.el-color-hue-slider.is-vertical {
    height: 180px;
    padding: 2px 0;
    width: 12px
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(180deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-svpanel {
    height: 180px;
    position: relative;
    width: 280px
}

.el-color-svpanel__black,
.el-color-svpanel__white {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.el-color-svpanel__white {
    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0))
}

.el-color-svpanel__black {
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0))
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;
    cursor: head;
    height: 4px;
    transform: translate(-2px, -2px);
    width: 4px
}

.el-color-alpha-slider {
    background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
    background-position: 0 0, 6px 0, 6px -6px, 0 6px;
    background-size: 12px 12px;
    box-sizing: border-box;
    height: 12px;
    position: relative;
    width: 280px
}

.el-color-alpha-slider__bar {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--el-bg-color) 100%);
    height: 100%;
    position: relative
}

.el-color-alpha-slider__thumb {
    background: #fff;
    border: 1px solid var(--el-border-color-lighter);
    border-radius: 1px;
    box-shadow: 0 0 2px #0009;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.el-color-alpha-slider.is-vertical {
    height: 180px;
    width: 20px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255))
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    clear: both;
    content: "";
    display: table
}

.el-color-dropdown__btns {
    margin-top: 12px;
    text-align: right
}

.el-color-dropdown__value {
    color: #000;
    float: left;
    font-size: 12px;
    line-height: 26px;
    width: 160px
}

.el-color-picker {
    display: inline-block;
    line-height: normal;
    outline: none;
    position: relative
}

.el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
    border-color: var(--el-border-color-hover)
}

.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
    outline: 2px solid var(--el-color-primary);
    outline-offset: 1px
}

.el-color-picker.is-focused .el-color-picker__trigger {
    border-color: var(--el-color-primary)
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--large {
    height: 40px
}

.el-color-picker--large .el-color-picker__trigger {
    height: 40px;
    width: 40px
}

.el-color-picker--large .el-color-picker__mask {
    height: 38px;
    width: 38px
}

.el-color-picker--small {
    height: 24px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 24px;
    width: 24px
}

.el-color-picker--small .el-color-picker__mask {
    height: 22px;
    width: 22px
}

.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
    transform: scale(.8)
}

.el-color-picker__mask {
    background-color: #ffffffb3;
    border-radius: 4px;
    cursor: not-allowed;
    height: 30px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 30px;
    z-index: 1
}

.el-color-picker__trigger {
    align-items: center;
    border: 1px solid var(--el-border-color);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-size: 0;
    height: 32px;
    justify-content: center;
    padding: 4px;
    position: relative;
    width: 32px
}

.el-color-picker__color {
    border: 1px solid var(--el-text-color-secondary);
    border-radius: var(--el-border-radius-small);
    box-sizing: border-box;
    display: block;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%
}

.el-color-picker__color.is-alpha {
    background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
    background-position: 0 0, 6px 0, 6px -6px, 0 6px;
    background-size: 12px 12px
}

.el-color-picker__color-inner {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.el-color-picker .el-color-picker__empty {
    color: var(--el-text-color-secondary);
    font-size: 12px
}

.el-color-picker .el-color-picker__icon {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    justify-content: center
}

.el-color-picker__panel {
    background-color: #fff;
    border-radius: var(--el-border-radius-base);
    box-shadow: var(--el-box-shadow-light);
    box-sizing: content-box;
    padding: 6px;
    position: absolute;
    z-index: 10
}

.el-color-picker__panel.el-popper {
    border: 1px solid var(--el-border-color-lighter)
}

.el-color-picker,
.el-color-picker__panel {
    --el-color-picker-alpha-bg-a: #ccc;
    --el-color-picker-alpha-bg-b: transparent
}

.dark .el-color-picker,
.dark .el-color-picker__panel {
    --el-color-picker-alpha-bg-a: #333333
}

.el-container {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-basis: auto;
    flex-direction: row;
    min-width: 0
}

.el-container.is-vertical {
    flex-direction: column
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: var(--el-datepicker-text-color)
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table td {
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 32px
}

.el-date-table td .el-date-table-cell {
    box-sizing: border-box;
    height: 30px;
    padding: 3px 0
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
    border-radius: 50%;
    display: block;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 24px
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: var(--el-datepicker-off-text-color)
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today .el-date-table-cell__text {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-date-table td.today.end-date .el-date-table-cell__text,
.el-date-table td.today.start-date .el-date-table-cell__text {
    color: #fff
}

.el-date-table td.available:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-date-table td.in-range .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table td.in-range .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px
}

.el-date-table td.end-date .el-date-table-cell,
.el-date-table td.start-date .el-date-table-cell {
    color: #fff
}

.el-date-table td.end-date .el-date-table-cell__text,
.el-date-table td.start-date .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color)
}

.el-date-table td.start-date .el-date-table-cell {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table td.end-date .el-date-table-cell {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table td.disabled .el-date-table-cell {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
    opacity: 1
}

.el-date-table td.selected .el-date-table-cell {
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px
}

.el-date-table td.selected .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    border-radius: 15px;
    color: #fff
}

.el-date-table td.week {
    color: var(--el-datepicker-header-text-color);
    font-size: 80%
}

.el-date-table td:focus {
    outline: none
}

.el-date-table th {
    border-bottom: 1px solid var(--el-border-color-lighter);
    color: var(--el-datepicker-header-text-color);
    font-weight: 400;
    padding: 5px
}

.el-month-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-month-table td {
    cursor: pointer;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 68px
}

.el-month-table td div {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0
}

.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: var(--el-fill-color-light);
    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 {
    border-radius: 18px;
    color: var(--el-datepicker-text-color);
    display: block;
    height: 36px;
    left: 50%;
    line-height: 36px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 54px
}

.el-month-table td .cell:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-month-table td.in-range div {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-month-table td.in-range div:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-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 {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-month-table td.start-date div {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    margin-left: 3px
}

.el-month-table td.end-date div {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
    margin-right: 3px
}

.el-month-table td.current:not(.disabled) div {
    border-radius: 24px;
    margin-left: 3px;
    margin-right: 3px
}

.el-month-table td.current:not(.disabled) .cell {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-month-table td:focus-visible {
    outline: none
}

.el-month-table td:focus-visible .cell {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px
}

.el-year-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-year-table .el-icon {
    color: var(--el-datepicker-icon-color)
}

.el-year-table td {
    cursor: pointer;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 68px
}

.el-year-table td div {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0
}

.el-year-table td.today .cell {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-year-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    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 {
    border-radius: 18px;
    color: var(--el-datepicker-text-color);
    display: block;
    height: 36px;
    left: 50%;
    line-height: 36px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 54px
}

.el-year-table td .cell:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-year-table td.current:not(.disabled) div {
    border-radius: 24px;
    margin-left: 3px;
    margin-right: 3px
}

.el-year-table td.current:not(.disabled) .cell {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-year-table td:focus-visible {
    outline: none
}

.el-year-table td:focus-visible .cell {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    display: inline-block;
    max-height: 192px;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 50%
}

.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;
    overflow: hidden;
    text-align: center
}

.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(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: default
}

.el-time-spinner__arrow {
    color: var(--el-text-color-secondary);
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--el-index-normal)
}

.el-time-spinner__arrow:hover {
    color: var(--el-color-primary)
}

.el-time-spinner__arrow.arrow-up {
    top: 10px
}

.el-time-spinner__arrow.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 {
    list-style: none;
    margin: 0
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    height: 80px;
    width: 100%
}

.el-time-spinner__item {
    color: var(--el-text-color-regular);
    font-size: 12px;
    height: 32px;
    line-height: 32px
}

.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: pointer
}

.el-time-spinner__item.is-active:not(.is-disabled) {
    color: var(--el-text-color-primary);
    font-weight: 700
}

.el-time-spinner__item.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-picker__popper {
    --el-datepicker-border-color: var(--el-disabled-border-color)
}

.el-picker__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-picker__popper.el-popper,
.el-picker__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-datepicker-border-color)
}

.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-picker__popper.el-popper[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;
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.el-date-editor.el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.el-date-editor.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
    height: var(--el-input-height, var(--el-component-size));
    width: var(--el-date-editor-width)
}

.el-date-editor--monthrange {
    --el-date-editor-width: var(--el-date-editor-monthrange-width)
}

.el-date-editor--daterange,
.el-date-editor--timerange {
    --el-date-editor-width: var(--el-date-editor-daterange-width)
}

.el-date-editor--datetimerange {
    --el-date-editor-width: var(--el-date-editor-datetimerange-width)
}

.el-date-editor--dates .el-input__wrapper {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .clear-icon,
.el-date-editor .close-icon {
    cursor: pointer
}

.el-date-editor .clear-icon:hover {
    color: var(--el-text-color-secondary)
}

.el-date-editor .el-range__icon {
    color: var(--el-text-color-placeholder);
    float: left;
    font-size: 14px;
    height: inherit
}

.el-date-editor .el-range__icon svg {
    vertical-align: middle
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--el-text-color-regular);
    display: inline-block;
    font-size: var(--el-font-size-base);
    height: 30px;
    line-height: 30px;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    width: 39%
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-date-editor .el-range-input::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-date-editor .el-range-separator {
    align-items: center;
    color: var(--el-text-color-primary);
    display: inline-flex;
    flex: 1;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    margin: 0;
    overflow-wrap: break-word;
    padding: 0 5px
}

.el-date-editor .el-range__close-icon {
    color: var(--el-text-color-placeholder);
    cursor: pointer;
    font-size: 14px;
    height: inherit;
    width: unset
}

.el-date-editor .el-range__close-icon:hover {
    color: var(--el-text-color-secondary)
}

.el-date-editor .el-range__close-icon svg {
    vertical-align: middle
}

.el-date-editor .el-range__close-icon--hidden {
    opacity: 0;
    visibility: hidden
}

.el-range-editor.el-input__wrapper {
    align-items: center;
    display: inline-flex;
    padding: 0 10px
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-range-editor--large {
    line-height: var(--el-component-size-large)
}

.el-range-editor--large.el-input__wrapper {
    height: var(--el-component-size-large)
}

.el-range-editor--large .el-range-separator {
    font-size: 14px;
    line-height: 40px
}

.el-range-editor--large .el-range-input {
    font-size: 14px;
    height: 38px;
    line-height: 38px
}

.el-range-editor--small {
    line-height: var(--el-component-size-small)
}

.el-range-editor--small.el-input__wrapper {
    height: var(--el-component-size-small)
}

.el-range-editor--small .el-range-separator {
    font-size: 12px;
    line-height: 24px
}

.el-range-editor--small .el-range-input {
    font-size: 12px;
    height: 22px;
    line-height: 22px
}

.el-range-editor.is-disabled {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    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-color)
}

.el-range-editor.is-disabled input {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.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-text-color)
}

.el-picker-panel {
    background: var(--el-bg-color-overlay);
    border-radius: var(--el-border-radius-base);
    color: var(--el-text-color-regular);
    line-height: 30px
}

.el-picker-panel .el-time-panel {
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-datepicker-border-color);
    box-shadow: var(--el-box-shadow-light);
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    clear: both;
    content: "";
    display: table
}

.el-picker-panel__content {
    margin: 15px;
    position: relative
}

.el-picker-panel__footer {
    background-color: var(--el-bg-color-overlay);
    border-top: 1px solid var(--el-datepicker-inner-border-color);
    font-size: 0;
    padding: 4px 12px;
    position: relative;
    text-align: right
}

.el-picker-panel__shortcut {
    background-color: transparent;
    border: 0;
    color: var(--el-datepicker-text-color);
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 28px;
    outline: none;
    padding-left: 12px;
    text-align: left;
    width: 100%
}

.el-picker-panel__shortcut:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: var(--el-datepicker-active-color)
}

.el-picker-panel__btn {
    background-color: transparent;
    border: 1px solid var(--el-fill-color-darker);
    border-radius: 2px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: none;
    padding: 0 20px
}

.el-picker-panel__btn[disabled] {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    background: transparent;
    border: 0;
    color: var(--el-datepicker-icon-color);
    cursor: pointer;
    font-size: 12px;
    margin-top: 8px;
    outline: none
}

.el-picker-panel__icon-btn:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__icon-btn:focus-visible {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__icon-btn.is-disabled {
    color: var(--el-text-color-disabled)
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__icon-btn .el-icon {
    cursor: pointer;
    font-size: inherit
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    background-color: var(--el-bg-color-overlay);
    border-right: 1px solid var(--el-datepicker-inner-border-color);
    bottom: 0;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 6px;
    position: absolute;
    top: 0;
    width: 110px
}

.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-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-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 {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-picker__time-header {
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    border-bottom: 1px solid var(--el-border-color-lighter);
    margin-bottom: 0;
    padding-bottom: 12px
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 5px;
    text-align: center
}

.el-date-picker__header-label:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-date-picker__header-label:focus-visible {
    color: var(--el-datepicker-hover-text-color);
    outline: none
}

.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 {
    cursor: pointer;
    float: left;
    line-height: 30px;
    margin-left: 10px
}

.el-date-picker .el-time-panel {
    position: absolute
}

.el-date-range-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary);
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.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 {
    height: 28px;
    position: relative;
    text-align: center
}

.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 {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 16px;
    width: 50%
}

.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 {
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    color: var(--el-datepicker-icon-color);
    display: table-cell;
    font-size: 20px;
    vertical-align: middle
}

.el-date-range-picker__time-picker-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1
}

.el-date-range-picker__time-picker-wrap .el-time-panel {
    position: absolute
}

.el-time-range-picker {
    overflow: visible;
    width: 354px
}

.el-time-range-picker__content {
    padding: 10px;
    position: relative;
    text-align: center;
    z-index: 1
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%
}

.el-time-range-picker__header {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center
}

.el-time-range-picker__body {
    border: 1px solid var(--el-datepicker-border-color);
    border-radius: 2px
}

.el-time-panel {
    border-radius: 2px;
    box-sizing: content-box;
    left: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 180px;
    z-index: var(--el-index-top)
}

.el-time-panel__content {
    font-size: 0;
    overflow: hidden;
    position: relative
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    box-sizing: border-box;
    content: "";
    height: 32px;
    left: 0;
    margin-top: -16px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: -1
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    border-bottom: 1px solid var(--el-border-color-light);
    border-top: 1px solid var(--el-border-color-light);
    margin-left: 12%;
    margin-right: 12%;
    padding-left: 50%
}

.el-time-panel__content.has-seconds:after {
    left: 66.6666666667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.3333333333%
}

.el-time-panel__footer {
    border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
    box-sizing: border-box;
    height: 36px;
    line-height: 25px;
    padding: 4px;
    text-align: right
}

.el-time-panel__btn {
    background-color: transparent;
    border: none;
    color: var(--el-text-color-primary);
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 0 5px;
    outline: none;
    padding: 0 5px
}

.el-time-panel__btn.confirm {
    color: var(--el-timepicker-active-color, var(--el-color-primary));
    font-weight: 800
}

.el-descriptions {
    --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
    --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
    box-sizing: border-box;
    color: var(--el-text-color-primary);
    font-size: var(--el-font-size-base)
}

.el-descriptions__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.el-descriptions__title {
    color: var(--el-text-color-primary);
    font-size: 16px;
    font-weight: 700
}

.el-descriptions__body {
    background-color: var(--el-fill-color-blank)
}

.el-descriptions__body .el-descriptions__table {
    border-collapse: collapse;
    width: 100%
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-align: left
}

.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__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    border: var(--el-descriptions-table-border);
    padding: 8px 11px
}

.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 12px
}

.el-descriptions--large {
    font-size: 14px
}

.el-descriptions--large .el-descriptions__header {
    margin-bottom: 20px
}

.el-descriptions--large .el-descriptions__header .el-descriptions__title {
    font-size: 16px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    font-size: 14px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    padding: 12px 15px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 16px
}

.el-descriptions--small {
    font-size: 12px
}

.el-descriptions--small .el-descriptions__header {
    margin-bottom: 12px
}

.el-descriptions--small .el-descriptions__header .el-descriptions__title {
    font-size: 14px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    font-size: 12px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    padding: 4px 7px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 8px
}

.el-descriptions__label.el-descriptions__cell.is-bordered-label {
    background: var(--el-descriptions-item-bordered-label-background);
    color: var(--el-text-color-regular);
    font-weight: 700
}

.el-descriptions__label:not(.is-bordered-label) {
    color: var(--el-text-color-primary);
    margin-right: 16px
}

.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 6px
}

.el-descriptions__content.el-descriptions__cell.is-bordered-content {
    color: var(--el-text-color-primary)
}

.el-descriptions__content:not(.is-bordered-label) {
    color: var(--el-text-color-regular)
}

.el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
    margin-right: 16px
}

.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 8px
}

.el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
    margin-right: 12px
}

.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 4px
}

:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity: .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 {
    background: var(--el-popup-modal-bg-color);
    height: 100%;
    left: 0;
    opacity: var(--el-popup-modal-opacity);
    position: fixed;
    top: 0;
    width: 100%
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-dialog {
    --el-dialog-width: 50%;
    --el-dialog-margin-top: 15vh;
    --el-dialog-bg-color: var(--el-bg-color);
    --el-dialog-box-shadow: var(--el-box-shadow);
    --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: 16px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
    margin: var(--el-dialog-margin-top, 15vh) auto 50px;
    overflow-wrap: break-word;
    padding: var(--el-dialog-padding-primary);
    position: relative;
    width: var(--el-dialog-width, 50%)
}

.el-dialog:focus {
    outline: none !important
}

.el-dialog.is-align-center {
    margin: auto
}

.el-dialog.is-fullscreen {
    --el-dialog-width: 100%;
    --el-dialog-margin-top: 0;
    height: 100%;
    margin-bottom: 0;
    overflow: auto
}

.el-dialog__wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0
}

.el-dialog.is-draggable .el-dialog__header {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-dialog__header {
    padding-bottom: var(--el-dialog-padding-primary)
}

.el-dialog__header.show-close {
    padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))
}

.el-dialog__headerbtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    height: 48px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.el-dialog__headerbtn .el-dialog__close {
    color: var(--el-color-info);
    font-size: inherit
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--el-color-primary)
}

.el-dialog__title {
    color: var(--el-text-color-primary);
    font-size: var(--el-dialog-title-font-size);
    line-height: var(--el-dialog-font-line-height)
}

.el-dialog__body {
    color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size)
}

.el-dialog__footer {
    box-sizing: border-box;
    padding-top: var(--el-dialog-padding-primary);
    text-align: right
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: initial
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.el-overlay-dialog {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 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% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.el-divider {
    position: relative
}

.el-divider--horizontal {
    border-top: 1px var(--el-border-color) var(--el-border-style);
    display: block;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.el-divider--vertical {
    border-left: 1px var(--el-border-color) var(--el-border-style);
    display: inline-block;
    height: 1em;
    margin: 0 8px;
    position: relative;
    vertical-align: middle;
    width: 1px
}

.el-divider__text {
    background-color: var(--el-bg-color);
    color: var(--el-text-color-primary);
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    position: absolute
}

.el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    transform: translate(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.el-drawer {
    --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
    --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
    background-color: var(--el-drawer-bg-color);
    box-shadow: var(--el-box-shadow-dark);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: absolute;
    transition: all var(--el-transition-duration)
}

.el-drawer .btt,
.el-drawer .ltr,
.el-drawer .rtl,
.el-drawer .ttb {
    transform: translate(0)
}

.el-drawer__sr-focus:focus {
    outline: none !important
}

.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 {
    flex: 1;
    font-size: 16px;
    line-height: inherit;
    margin: 0
}

.el-drawer__footer {
    padding: var(--el-drawer-padding-primary);
    padding-top: 10px;
    text-align: right
}

.el-drawer__close-btn {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-extra-large);
    outline: none
}

.el-drawer__close-btn:focus i,
.el-drawer__close-btn:hover i {
    color: var(--el-color-primary)
}

.el-drawer__body {
    flex: 1;
    overflow: auto;
    padding: var(--el-drawer-padding-primary)
}

.el-drawer__body>* {
    box-sizing: border-box
}

.el-drawer.ltr,
.el-drawer.rtl {
    bottom: 0;
    height: 100%;
    top: 0
}

.el-drawer.btt,
.el-drawer.ttb {
    left: 0;
    right: 0;
    width: 100%
}

.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,
.el-drawer-fade-leave-active {
    transition: all var(--el-transition-duration)
}

.el-drawer-fade-enter-active,
.el-drawer-fade-enter-from,
.el-drawer-fade-enter-to,
.el-drawer-fade-leave-active,
.el-drawer-fade-leave-from,
.el-drawer-fade-leave-to {
    overflow: hidden !important
}

.el-drawer-fade-enter-from,
.el-drawer-fade-leave-to {
    opacity: 0
}

.el-drawer-fade-enter-to,
.el-drawer-fade-leave-from {
    opacity: 1
}

.el-drawer-fade-enter-from .rtl,
.el-drawer-fade-leave-to .rtl {
    transform: translate(100%)
}

.el-drawer-fade-enter-from .ltr,
.el-drawer-fade-leave-to .ltr {
    transform: translate(-100%)
}

.el-drawer-fade-enter-from .ttb,
.el-drawer-fade-leave-to .ttb {
    transform: translateY(-100%)
}

.el-drawer-fade-enter-from .btt,
.el-drawer-fade-leave-to .btt {
    transform: translateY(100%)
}

.el-dropdown {
    --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);
    --el-dropdown-menu-index: 10;
    color: var(--el-text-color-regular);
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: 1;
    position: relative;
    vertical-align: top
}

.el-dropdown.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.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);
    --el-dropdown-menu-index: 10
}

.el-dropdown__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-dropdown-menu-box-shadow)
}

.el-dropdown__popper.el-popper,
.el-dropdown__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-dropdown__popper.el-popper[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 {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0
}

.el-dropdown .el-dropdown__caret-button {
    align-items: center;
    border-left: none;
    display: inline-flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    width: 32px
}

.el-dropdown .el-dropdown__caret-button>span {
    display: inline-flex
}

.el-dropdown .el-dropdown__caret-button:before {
    background: var(--el-overlay-color-lighter);
    bottom: -1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: -1px;
    width: 1px
}

.el-dropdown .el-dropdown__caret-button.el-button:before {
    background: var(--el-border-color);
    opacity: .5
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    font-size: inherit;
    padding-left: 0
}

.el-dropdown .el-dropdown-selfdefine {
    outline: none
}

.el-dropdown--large .el-dropdown__caret-button {
    width: 40px
}

.el-dropdown--small .el-dropdown__caret-button {
    width: 24px
}

.el-dropdown-menu {
    background-color: var(--el-bg-color-overlay);
    border: none;
    border-radius: var(--el-border-radius-base);
    box-shadow: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    position: relative;
    top: 0;
    z-index: var(--el-dropdown-menu-index)
}

.el-dropdown-menu__item {
    align-items: center;
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: flex;
    font-size: var(--el-font-size-base);
    line-height: 22px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 5px 16px;
    white-space: nowrap
}

.el-dropdown-menu__item:not(.is-disabled):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 {
    border-top: 1px solid var(--el-border-color-lighter);
    margin: 6px 0
}

.el-dropdown-menu__item.is-disabled {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-dropdown-menu--large {
    padding: 7px 0
}

.el-dropdown-menu--large .el-dropdown-menu__item {
    font-size: 14px;
    line-height: 22px;
    padding: 7px 20px
}

.el-dropdown-menu--large .el-dropdown-menu__item--divided {
    margin: 8px 0
}

.el-dropdown-menu--small {
    padding: 3px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 12px
}

.el-dropdown-menu--small .el-dropdown-menu__item--divided {
    margin: 4px 0
}

.el-empty {
    --el-empty-padding: 40px 0;
    --el-empty-image-width: 160px;
    --el-empty-description-margin-top: 20px;
    --el-empty-bottom-margin-top: 20px;
    --el-empty-fill-color-0: var(--el-color-white);
    --el-empty-fill-color-1: #fcfcfd;
    --el-empty-fill-color-2: #f8f9fb;
    --el-empty-fill-color-3: #f7f8fc;
    --el-empty-fill-color-4: #eeeff3;
    --el-empty-fill-color-5: #edeef2;
    --el-empty-fill-color-6: #e9ebef;
    --el-empty-fill-color-7: #e5e7e9;
    --el-empty-fill-color-8: #e0e3e9;
    --el-empty-fill-color-9: #d5d7de;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--el-empty-padding);
    text-align: center
}

.el-empty__image {
    width: var(--el-empty-image-width)
}

.el-empty__image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    width: 100%
}

.el-empty__image svg {
    color: var(--el-svg-monochrome-grey);
    fill: currentColor;
    height: 100%;
    vertical-align: top;
    width: 100%
}

.el-empty__description {
    margin-top: var(--el-empty-description-margin-top)
}

.el-empty__description p {
    color: var(--el-text-color-secondary);
    font-size: var(--el-font-size-base);
    margin: 0
}

.el-empty__bottom {
    margin-top: var(--el-empty-bottom-margin-top)
}

.el-footer {
    --el-footer-padding: 0 20px;
    --el-footer-height: 60px;
    box-sizing: border-box;
    flex-shrink: 0;
    height: var(--el-footer-height);
    padding: var(--el-footer-padding)
}

.el-form {
    --el-form-label-font-size: var(--el-font-size-base);
    --el-form-inline-content-width: 220px
}

.el-form--inline .el-form-item {
    display: inline-flex;
    margin-right: 32px;
    vertical-align: middle
}

.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;
    --font-size: 14px;
    margin-bottom: 18px
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--large {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 22px
}

.el-form-item--large .el-form-item__label {
    height: 40px;
    line-height: 40px
}

.el-form-item--large .el-form-item__content {
    line-height: 40px
}

.el-form-item--large .el-form-item__error {
    padding-top: 4px
}

.el-form-item--default {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--default .el-form-item__label {
    height: 32px;
    line-height: 32px
}

.el-form-item--default .el-form-item__content {
    line-height: 32px
}

.el-form-item--default .el-form-item__error {
    padding-top: 2px
}

.el-form-item--small {
    --font-size: 12px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--small .el-form-item__label {
    height: 24px;
    line-height: 24px
}

.el-form-item--small .el-form-item__content {
    line-height: 24px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item--label-left .el-form-item__label {
    justify-content: flex-start
}

.el-form-item--label-top {
    display: block
}

.el-form-item--label-top .el-form-item__label {
    display: block;
    height: auto;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: left
}

.el-form-item__label-wrap {
    display: flex
}

.el-form-item__label {
    align-items: flex-start;
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--el-form-label-font-size);
    height: 32px;
    justify-content: flex-end;
    line-height: 32px;
    padding: 0 12px 0 0
}

.el-form-item__content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    font-size: var(--font-size);
    line-height: 32px;
    min-width: 0;
    position: relative
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: var(--el-color-danger);
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding-top: 2px;
    position: absolute;
    top: 100%
}

.el-form-item__error--inline {
    display: inline-block;
    left: auto;
    margin-left: 10px;
    position: relative;
    top: auto
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
    color: var(--el-color-danger);
    content: "*";
    margin-right: 4px
}

.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 {
    color: var(--el-color-danger);
    content: "*";
    margin-left: 4px
}

.el-form-item.is-error .el-input__wrapper,
.el-form-item.is-error .el-input__wrapper.is-focus,
.el-form-item.is-error .el-input__wrapper:focus,
.el-form-item.is-error .el-input__wrapper:hover,
.el-form-item.is-error .el-select__wrapper,
.el-form-item.is-error .el-select__wrapper.is-focus,
.el-form-item.is-error .el-select__wrapper:focus,
.el-form-item.is-error .el-select__wrapper:hover,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner.is-focus,
.el-form-item.is-error .el-textarea__inner:focus,
.el-form-item.is-error .el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
    box-shadow: inset 0 0 0 1px transparent
}

.el-form-item.is-error .el-input-group__append .el-input__validateIcon,
.el-form-item.is-error .el-input-group__prepend .el-input__validateIcon {
    display: none
}

.el-form-item.is-error .el-input__validateIcon {
    color: var(--el-color-danger)
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-flex
}

.el-header {
    --el-header-padding: 0 20px;
    --el-header-height: 60px;
    box-sizing: border-box;
    flex-shrink: 0;
    height: var(--el-header-height);
    padding: var(--el-header-padding)
}

.el-image-viewer__wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.el-image-viewer__btn {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: .8;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.el-image-viewer__btn .el-icon {
    cursor: pointer;
    font-size: inherit
}

.el-image-viewer__close {
    font-size: 40px;
    height: 40px;
    right: 40px;
    top: 40px;
    width: 40px
}

.el-image-viewer__canvas {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.el-image-viewer__actions {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    border-radius: 22px;
    bottom: 30px;
    height: 44px;
    left: 50%;
    padding: 0 23px;
    transform: translate(-50%);
    width: 282px
}

.el-image-viewer__actions__inner {
    align-items: center;
    color: #fff;
    cursor: default;
    display: flex;
    font-size: 23px;
    height: 100%;
    justify-content: space-around;
    width: 100%
}

.el-image-viewer__prev {
    left: 40px
}

.el-image-viewer__next,
.el-image-viewer__prev {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px
}

.el-image-viewer__close {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    width: 44px
}

.el-image-viewer__mask {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.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% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes viewer-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
}

.el-image__error,
.el-image__inner,
.el-image__placeholder,
.el-image__wrapper {
    height: 100%;
    width: 100%
}

.el-image {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.el-image__inner {
    opacity: 1;
    vertical-align: top
}

.el-image__inner.is-loading {
    opacity: 0
}

.el-image__wrapper {
    left: 0;
    position: absolute;
    top: 0
}

.el-image__error,
.el-image__placeholder {
    background: var(--el-fill-color-light)
}

.el-image__error {
    align-items: center;
    color: var(--el-text-color-placeholder);
    display: flex;
    font-size: 14px;
    justify-content: center;
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}

.el-textarea {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    display: inline-block;
    font-size: var(--el-font-size-base);
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.el-textarea__inner {
    -webkit-appearance: none;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    padding: 5px 11px;
    position: relative;
    resize: vertical;
    transition: var(--el-transition-box-shadow);
    width: 100%
}

.el-textarea__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-textarea__inner:focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
    outline: none
}

.el-textarea .el-input__count {
    background: var(--el-fill-color-blank);
    bottom: 5px;
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-exceed .el-textarea__inner {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-textarea.is-exceed .el-input__count {
    color: var(--el-color-danger)
}

.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    --el-input-height: var(--el-component-size);
    box-sizing: border-box;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: var(--el-input-height);
    position: relative;
    vertical-align: middle;
    width: var(--el-input-width)
}

.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    background: var(--el-text-color-disabled);
    border-radius: 5px;
    width: 6px
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track-piece {
    background: var(--el-fill-color-blank);
    width: 6px
}

.el-input .el-input__clear,
.el-input .el-input__password {
    color: var(--el-input-icon-color);
    cursor: pointer;
    font-size: 14px
}

.el-input .el-input__clear:hover,
.el-input .el-input__password:hover {
    color: var(--el-input-clear-hover-color)
}

.el-input .el-input__count {
    align-items: center;
    color: var(--el-color-info);
    display: inline-flex;
    font-size: 12px;
    height: 100%
}

.el-input .el-input__count .el-input__count-inner {
    background: var(--el-fill-color-blank);
    display: inline-block;
    line-height: normal;
    padding-left: 8px
}

.el-input__wrapper {
    align-items: center;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: text;
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    padding: 1px 11px;
    transform: translateZ(0);
    transition: var(--el-transition-box-shadow)
}

.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    -webkit-appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    flex-grow: 1;
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    outline: none;
    padding: 0;
    width: 100%
}

.el-input__inner:focus {
    outline: none
}

.el-input__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner[type=password]::-ms-reveal {
    display: none
}

.el-input__inner[type=number] {
    line-height: 1
}

.el-input__prefix {
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap
}

.el-input__prefix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.el-input__prefix-inner>:last-child {
    margin-right: 8px
}

.el-input__prefix-inner>:first-child,
.el-input__prefix-inner>:first-child.el-input__icon {
    margin-left: 0
}

.el-input__suffix {
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap
}

.el-input__suffix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.el-input__suffix-inner>:first-child {
    margin-left: 8px
}

.el-input .el-input__icon {
    align-items: center;
    display: flex;
    height: inherit;
    justify-content: center;
    line-height: inherit;
    margin-left: 8px;
    transition: all var(--el-transition-duration)
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset
}

.el-input.is-disabled {
    cursor: not-allowed
}

.el-input.is-disabled .el-input__wrapper {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset
}

.el-input.is-disabled .el-input__inner {
    color: var(--el-disabled-text-color);
    -webkit-text-fill-color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.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__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: var(--el-color-danger)
}

.el-input--large {
    --el-input-height: var(--el-component-size-large);
    font-size: 14px
}

.el-input--large .el-input__wrapper {
    padding: 1px 15px
}

.el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input--small {
    --el-input-height: var(--el-component-size-small);
    font-size: 12px
}

.el-input--small .el-input__wrapper {
    padding: 1px 7px
}

.el-input--small .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
}

.el-input-group {
    align-items: stretch;
    display: inline-flex;
    width: 100%
}

.el-input-group__append,
.el-input-group__prepend {
    align-items: center;
    background-color: var(--el-fill-color-light);
    border-radius: var(--el-input-border-radius);
    color: var(--el-color-info);
    display: inline-flex;
    justify-content: center;
    min-height: 100%;
    padding: 0 20px;
    position: relative;
    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: 0 -20px
}

.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper,
.el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
    background-color: transparent;
    border-color: transparent;
    color: inherit
}

.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-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group__append {
    border-left: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend>.el-input__wrapper,
.el-input-group__append {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group--append>.el-input__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-hidden {
    display: none !important
}

.el-input-number {
    display: inline-flex;
    line-height: 30px;
    position: relative;
    width: 150px
}

.el-input-number .el-input__wrapper {
    padding-left: 42px;
    padding-right: 42px
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    line-height: 1;
    text-align: center
}

.el-input-number .el-input__inner::-webkit-inner-spin-button,
.el-input-number .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-input-number__decrease,
.el-input-number__increase {
    align-items: center;
    background: var(--el-fill-color-light);
    bottom: 1px;
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    height: auto;
    justify-content: center;
    position: absolute;
    top: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 32px;
    z-index: 1
}

.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__wrapper,
.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input-number__increase {
    border-left: var(--el-border);
    border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
    right: 1px
}

.el-input-number__decrease {
    border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
    border-right: var(--el-border);
    left: 1px
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-border-color)
}

.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-color);
    cursor: not-allowed
}

.el-input-number--large {
    line-height: 38px;
    width: 180px
}

.el-input-number--large .el-input-number__decrease,
.el-input-number--large .el-input-number__increase {
    font-size: 14px;
    width: 40px
}

.el-input-number--large .el-input--large .el-input__wrapper {
    padding-left: 47px;
    padding-right: 47px
}

.el-input-number--small {
    line-height: 22px;
    width: 120px
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    font-size: 12px;
    width: 24px
}

.el-input-number--small .el-input--small .el-input__wrapper {
    padding-left: 31px;
    padding-right: 31px
}

.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.is-without-controls .el-input__wrapper {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__wrapper {
    padding-left: 15px;
    padding-right: 42px
}

.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
    --el-input-number-controls-height: 15px;
    height: var(--el-input-number-controls-height);
    line-height: var(--el-input-number-controls-height)
}

.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-bottom: var(--el-border);
    border-radius: 0 var(--el-border-radius-base) 0 0;
    bottom: auto;
    left: auto
}

.el-input-number.is-controls-right .el-input-number__decrease {
    border-left: var(--el-border);
    border-radius: 0 0 var(--el-border-radius-base) 0;
    border-right: none;
    left: auto;
    right: 1px;
    top: auto
}

.el-input-number.is-controls-right[class*=large] [class*=decrease],
.el-input-number.is-controls-right[class*=large] [class*=increase] {
    --el-input-number-controls-height: 19px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],
.el-input-number.is-controls-right[class*=small] [class*=increase] {
    --el-input-number-controls-height: 11px
}

.el-link {
    --el-link-font-size: var(--el-font-size-base);
    --el-link-font-weight: var(--el-font-weight-primary);
    --el-link-text-color: var(--el-text-color-regular);
    --el-link-hover-text-color: var(--el-color-primary);
    --el-link-disabled-text-color: var(--el-text-color-placeholder);
    align-items: center;
    color: var(--el-link-text-color);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-size: var(--el-link-font-size);
    font-weight: var(--el-link-font-weight);
    justify-content: center;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

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

.el-link.is-underline:hover:after {
    border-bottom: 1px solid var(--el-link-hover-text-color);
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0
}

.el-link.is-disabled {
    color: var(--el-link-disabled-text-color);
    cursor: not-allowed
}

.el-link [class*=el-icon-]+span {
    margin-left: 5px
}

.el-link.el-link--default:after {
    border-color: var(--el-link-hover-text-color)
}

.el-link__inner {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.el-link.el-link--primary {
    --el-link-text-color: var(--el-color-primary);
    --el-link-hover-text-color: var(--el-color-primary-light-3);
    --el-link-disabled-text-color: var(--el-color-primary-light-5)
}

.el-link.el-link--primary.is-underline:hover:after,
.el-link.el-link--primary:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--success {
    --el-link-text-color: var(--el-color-success);
    --el-link-hover-text-color: var(--el-color-success-light-3);
    --el-link-disabled-text-color: var(--el-color-success-light-5)
}

.el-link.el-link--success.is-underline:hover:after,
.el-link.el-link--success:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--warning {
    --el-link-text-color: var(--el-color-warning);
    --el-link-hover-text-color: var(--el-color-warning-light-3);
    --el-link-disabled-text-color: var(--el-color-warning-light-5)
}

.el-link.el-link--warning.is-underline:hover:after,
.el-link.el-link--warning:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--danger {
    --el-link-text-color: var(--el-color-danger);
    --el-link-hover-text-color: var(--el-color-danger-light-3);
    --el-link-disabled-text-color: var(--el-color-danger-light-5)
}

.el-link.el-link--danger.is-underline:hover:after,
.el-link.el-link--danger:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--error {
    --el-link-text-color: var(--el-color-error);
    --el-link-hover-text-color: var(--el-color-error-light-3);
    --el-link-disabled-text-color: var(--el-color-error-light-5)
}

.el-link.el-link--error.is-underline:hover:after,
.el-link.el-link--error:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--info {
    --el-link-text-color: var(--el-color-info);
    --el-link-hover-text-color: var(--el-color-info-light-3);
    --el-link-disabled-text-color: var(--el-color-info-light-5)
}

.el-link.el-link--info.is-underline:hover:after,
.el-link.el-link--info:after {
    border-color: var(--el-link-text-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 {
    background-color: var(--el-mask-color);
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity var(--el-transition-duration);
    z-index: 2000
}

.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 {
    margin-top: calc((0px - var(--el-loading-spinner-size))/2);
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.el-loading-spinner .el-loading-text {
    color: var(--el-color-primary);
    font-size: 14px;
    margin: 3px 0
}

.el-loading-spinner .circular {
    animation: loading-rotate 2s linear infinite;
    display: inline;
    height: var(--el-loading-spinner-size);
    width: var(--el-loading-spinner-size)
}

.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;
    box-sizing: border-box;
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    padding: var(--el-main-padding)
}

:root {
    --el-menu-active-color: var(--el-color-primary);
    --el-menu-text-color: var(--el-text-color-primary);
    --el-menu-hover-text-color: var(--el-color-primary);
    --el-menu-bg-color: var(--el-fill-color-blank);
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-item-height: 56px;
    --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
    --el-menu-horizontal-height: 60px;
    --el-menu-horizontal-sub-item-height: 36px;
    --el-menu-item-font-size: var(--el-font-size-base);
    --el-menu-item-hover-fill: var(--el-color-primary-light-9);
    --el-menu-border-color: var(--el-border-color);
    --el-menu-base-level-padding: 20px;
    --el-menu-level-padding: 20px;
    --el-menu-icon-width: 24px
}

.el-menu {
    background-color: var(--el-menu-bg-color);
    border-right: 1px solid var(--el-menu-border-color);
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative
}

.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title {
    padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));
    white-space: nowrap
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
    padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))
}

.el-menu--horizontal {
    border-right: none;
    display: flex;
    flex-wrap: nowrap;
    height: var(--el-menu-horizontal-height)
}

.el-menu--horizontal.el-menu--popup-container {
    height: unset
}

.el-menu--horizontal.el-menu {
    border-bottom: 1px solid var(--el-menu-border-color)
}

.el-menu--horizontal>.el-menu-item {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: var(--el-menu-text-color);
    display: inline-flex;
    height: 100%;
    justify-content: center;
    margin: 0
}

.el-menu--horizontal>.el-menu-item a,
.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.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-menu-hover-text-color)
}

.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
    border-bottom: 2px solid var(--el-menu-active-color);
    color: var(--el-menu-active-color)
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
    border-bottom: 2px solid transparent;
    color: var(--el-menu-text-color);
    height: 100%
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
    background-color: var(--el-menu-bg-color)
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-sub-menu__title {
    align-items: center;
    background-color: var(--el-menu-bg-color);
    color: var(--el-menu-text-color);
    display: flex;
    height: var(--el-menu-horizontal-sub-item-height);
    line-height: var(--el-menu-horizontal-sub-item-height);
    padding: 0 10px
}

.el-menu--horizontal .el-menu .el-sub-menu__title {
    padding-right: 40px
}

.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-menu-active-color)
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    background-color: var(--el-menu-hover-bg-color);
    color: var(--el-menu-hover-text-color);
    outline: none
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid var(--el-menu-active-color);
    color: var(--el-menu-active-color) !important
}

.el-menu--collapse {
    width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)
}

.el-menu--collapse>.el-menu-item [class^=el-icon],
.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],
.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon] {
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: var(--el-menu-icon-width)
}

.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .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-group>ul>.el-sub-menu>.el-sub-menu__title>span,
.el-menu--collapse>.el-menu-item>span,
.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
}

.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.is-active .el-sub-menu__title {
    color: var(--el-menu-active-color)
}

.el-menu--popup {
    border: none;
    border-radius: var(--el-border-radius-small);
    box-shadow: var(--el-box-shadow-light);
    min-width: 200px;
    padding: 5px 0;
    z-index: 100
}

.el-menu .el-icon {
    flex-shrink: 0
}

.el-menu-item {
    align-items: center;
    box-sizing: border-box;
    color: var(--el-menu-text-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-menu-item-font-size);
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    list-style: none;
    padding: 0 var(--el-menu-base-level-padding);
    position: relative;
    transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: bottom
}

.el-menu-item i {
    color: inherit
}

.el-menu-item:focus,
.el-menu-item:hover {
    outline: none
}

.el-menu-item:hover {
    background-color: var(--el-menu-hover-bg-color)
}

.el-menu-item.is-disabled {
    background: none !important;
    cursor: not-allowed;
    opacity: .25
}

.el-menu-item [class^=el-icon] {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: var(--el-menu-icon-width)
}

.el-menu-item.is-active {
    color: var(--el-menu-active-color)
}

.el-menu-item.is-active i {
    color: inherit
}

.el-menu-item .el-menu-tooltip__trigger {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    height: 100%;
    left: 0;
    padding: 0 var(--el-menu-base-level-padding);
    position: absolute;
    top: 0;
    width: 100%
}

.el-sub-menu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-sub-menu__title {
    align-items: center;
    box-sizing: border-box;
    color: var(--el-menu-text-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-menu-item-font-size);
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    list-style: none;
    padding: 0 var(--el-menu-base-level-padding);
    position: relative;
    transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
    white-space: nowrap
}

.el-sub-menu__title * {
    vertical-align: bottom
}

.el-sub-menu__title i {
    color: inherit
}

.el-sub-menu__title:focus,
.el-sub-menu__title:hover {
    outline: none
}

.el-sub-menu__title.is-disabled {
    background: none !important;
    cursor: not-allowed;
    opacity: .25
}

.el-sub-menu__title:hover {
    background-color: var(--el-menu-hover-bg-color)
}

.el-sub-menu .el-menu {
    border: none
}

.el-sub-menu .el-menu-item {
    height: var(--el-menu-sub-item-height);
    line-height: var(--el-menu-sub-item-height)
}

.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
    display: none !important
}

.el-sub-menu.is-active .el-sub-menu__title {
    border-bottom-color: var(--el-menu-active-color)
}

.el-sub-menu.is-disabled .el-menu-item,
.el-sub-menu.is-disabled .el-sub-menu__title {
    background: none !important;
    cursor: not-allowed;
    opacity: .25
}

.el-sub-menu .el-icon {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: var(--el-menu-icon-width)
}

.el-sub-menu .el-icon.el-sub-menu__icon-more {
    margin-right: 0 !important
}

.el-sub-menu .el-sub-menu__icon-arrow {
    font-size: 12px;
    margin-right: 0;
    margin-top: -6px;
    position: absolute;
    right: var(--el-menu-base-level-padding);
    top: 50%;
    transition: transform var(--el-transition-duration);
    width: inherit
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    color: var(--el-text-color-secondary);
    font-size: 12px;
    line-height: normal;
    padding: 7px 0 7px var(--el-menu-base-level-padding)
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
    opacity: 0;
    transition: var(--el-transition-duration-fast)
}

.el-message-box {
    --el-messagebox-title-color: var(--el-text-color-primary);
    --el-messagebox-width: 420px;
    --el-messagebox-border-radius: 4px;
    --el-messagebox-box-shadow: var(--el-box-shadow);
    --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: 12px;
    --el-messagebox-font-line-height: var(--el-font-line-height-primary);
    backface-visibility: hidden;
    background-color: var(--el-bg-color);
    border-radius: var(--el-messagebox-border-radius);
    box-shadow: var(--el-messagebox-box-shadow);
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--el-messagebox-font-size);
    max-width: var(--el-messagebox-width);
    overflow: hidden;
    overflow-wrap: break-word;
    padding: var(--el-messagebox-padding-primary);
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.el-message-box:focus {
    outline: none !important
}

.el-overlay.is-message-box .el-overlay-message-box {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 16px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0
}

.el-overlay.is-message-box .el-overlay-message-box:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-message-box.is-draggable .el-message-box__header {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-message-box__header {
    padding-bottom: var(--el-messagebox-padding-primary)
}

.el-message-box__header.show-close {
    padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))
}

.el-message-box__title {
    color: var(--el-messagebox-title-color);
    font-size: var(--el-messagebox-font-size);
    line-height: var(--el-messagebox-font-line-height)
}

.el-message-box__headerbtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    height: 40px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.el-message-box__headerbtn .el-message-box__close {
    color: var(--el-color-info);
    font-size: inherit
}

.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 {
    color: var(--el-messagebox-content-color);
    font-size: var(--el-messagebox-content-font-size)
}

.el-message-box__container {
    align-items: center;
    display: flex;
    gap: 12px
}

.el-message-box__input {
    padding-top: 12px
}

.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 {
    font-size: 24px
}

.el-message-box__status.el-message-box-icon--success {
    --el-messagebox-color: var(--el-color-success);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--info {
    --el-messagebox-color: var(--el-color-info);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--warning {
    --el-messagebox-color: var(--el-color-warning);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-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 {
    line-height: var(--el-messagebox-font-line-height);
    margin: 0
}

.el-message-box__errormsg {
    color: var(--el-color-error);
    font-size: var(--el-messagebox-error-font-size);
    line-height: var(--el-messagebox-font-line-height)
}

.el-message-box__btns {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: var(--el-messagebox-padding-primary)
}

.el-message-box--center .el-message-box__title {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    font-size: inherit
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__container {
    justify-content: center
}

.fade-in-linear-enter-active .el-overlay-message-box {
    animation: msgbox-fade-in var(--el-transition-duration)
}

.fade-in-linear-leave-active .el-overlay-message-box {
    animation: msgbox-fade-in var(--el-transition-duration) reverse
}

@keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.el-message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-border-color-lighter);
    --el-message-padding: 11px 15px;
    --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);
    align-items: center;
    background-color: var(--el-message-bg-color);
    border-color: var(--el-message-border-color);
    border-radius: var(--el-border-radius-base);
    border-style: var(--el-border-style);
    border-width: var(--el-border-width);
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: var(--el-message-padding);
    position: fixed;
    top: 20px;
    transform: translate(-50%);
    transition: opacity var(--el-transition-duration), transform .4s, top .4s;
    width: -moz-fit-content;
    width: fit-content
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-plain {
    background-color: var(--el-bg-color-overlay);
    border-color: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-message p {
    margin: 0
}

.el-message--success {
    --el-message-bg-color: var(--el-color-success-light-9);
    --el-message-border-color: var(--el-color-success-light-8);
    --el-message-text-color: var(--el-color-success)
}

.el-message--success .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

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

.el-message--info {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-color-info-light-8);
    --el-message-text-color: var(--el-color-info)
}

.el-message--info .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

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

.el-message--warning {
    --el-message-bg-color: var(--el-color-warning-light-9);
    --el-message-border-color: var(--el-color-warning-light-8);
    --el-message-text-color: var(--el-color-warning)
}

.el-message--warning .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

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

.el-message--error {
    --el-message-bg-color: var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color: var(--el-color-error)
}

.el-message--error .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

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

.el-message .el-message__badge {
    position: absolute;
    right: -8px;
    top: -8px
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0
}

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

.el-message .el-message__closeBtn {
    color: var(--el-message-close-icon-color);
    cursor: pointer;
    font-size: var(--el-message-close-size)
}

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

.el-message .el-message__closeBtn:hover {
    color: var(--el-message-close-hover-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);
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-notification-border-color);
    border-radius: var(--el-notification-radius);
    box-shadow: var(--el-notification-shadow);
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: var(--el-notification-padding);
    position: fixed;
    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);
    width: var(--el-notification-width);
    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 {
    color: var(--el-notification-title-color);
    font-size: var(--el-notification-title-font-size);
    font-weight: 700;
    line-height: var(--el-notification-icon-size);
    margin: 0
}

.el-notification__content {
    color: var(--el-notification-content-color);
    font-size: var(--el-notification-content-font-size);
    line-height: 24px;
    margin: 6px 0 0
}

.el-notification__content p {
    margin: 0
}

.el-notification .el-notification__icon {
    font-size: var(--el-notification-icon-size);
    height: var(--el-notification-icon-size);
    width: var(--el-notification-icon-size)
}

.el-notification .el-notification__closeBtn {
    color: var(--el-notification-close-color);
    cursor: pointer;
    font-size: var(--el-notification-close-font-size);
    position: absolute;
    right: 15px;
    top: 18px
}

.el-notification .el-notification__closeBtn:hover {
    color: var(--el-notification-close-hover-color)
}

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

.el-notification .el-notification--info {
    --el-notification-icon-color: var(--el-color-info);
    color: var(--el-notification-icon-color)
}

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

.el-notification .el-notification--error {
    --el-notification-icon-color: var(--el-color-error);
    color: var(--el-notification-icon-color)
}

.el-notification-fade-enter-from.right {
    right: 0;
    transform: translate(100%)
}

.el-notification-fade-enter-from.left {
    left: 0;
    transform: translate(-100%)
}

.el-notification-fade-leave-to {
    opacity: 0
}

.el-overlay {
    background-color: var(--el-overlay-color-lighter);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000
}

.el-overlay .el-overlay-root {
    height: 0
}

.el-page-header.is-contentful .el-page-header__main {
    border-top: 1px solid var(--el-border-color-light);
    margin-top: 16px
}

.el-page-header__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 24px
}

.el-page-header__left {
    align-items: center;
    display: flex;
    margin-right: 40px;
    position: relative
}

.el-page-header__back {
    align-items: center;
    cursor: pointer;
    display: flex
}

.el-page-header__left .el-divider--vertical {
    margin: 0 16px
}

.el-page-header__icon {
    align-items: center;
    display: flex;
    font-size: 16px;
    margin-right: 10px
}

.el-page-header__icon .el-icon {
    font-size: inherit
}

.el-page-header__title {
    font-size: 14px;
    font-weight: 500
}

.el-page-header__content {
    color: var(--el-text-color-primary);
    font-size: 18px
}

.el-page-header__breadcrumb {
    margin-bottom: 16px
}

.el-pagination {
    --el-pagination-font-size: 14px;
    --el-pagination-bg-color: var(--el-fill-color-blank);
    --el-pagination-text-color: var(--el-text-color-primary);
    --el-pagination-border-radius: 2px;
    --el-pagination-button-color: var(--el-text-color-primary);
    --el-pagination-button-width: 32px;
    --el-pagination-button-height: 32px;
    --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
    --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-pagination-button-bg-color: var(--el-fill-color);
    --el-pagination-hover-color: var(--el-color-primary);
    --el-pagination-font-size-small: 12px;
    --el-pagination-button-width-small: 24px;
    --el-pagination-button-height-small: 24px;
    --el-pagination-button-width-large: 40px;
    --el-pagination-button-height-large: 40px;
    --el-pagination-item-gap: 16px;
    align-items: center;
    color: var(--el-pagination-text-color);
    display: flex;
    font-size: var(--el-pagination-font-size);
    font-weight: 400;
    white-space: nowrap
}

.el-pagination .el-input__inner {
    -moz-appearance: textfield;
    text-align: center
}

.el-pagination .el-select {
    width: 128px
}

.el-pagination button {
    align-items: center;
    background: var(--el-pagination-bg-color);
    border: none;
    border-radius: var(--el-pagination-border-radius);
    box-sizing: border-box;
    color: var(--el-pagination-button-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-pagination-font-size);
    height: var(--el-pagination-button-height);
    justify-content: center;
    line-height: var(--el-pagination-button-height);
    min-width: var(--el-pagination-button-width);
    padding: 0 4px;
    text-align: center
}

.el-pagination button * {
    pointer-events: none
}

.el-pagination button:focus {
    outline: none
}

.el-pagination button.is-active,
.el-pagination button:hover {
    color: var(--el-pagination-hover-color)
}

.el-pagination button.is-active {
    cursor: default;
    font-weight: 700
}

.el-pagination button.is-active.is-disabled {
    color: var(--el-text-color-secondary);
    font-weight: 700
}

.el-pagination button.is-disabled,
.el-pagination button:disabled {
    background-color: var(--el-pagination-button-disabled-bg-color);
    color: var(--el-pagination-button-disabled-color);
    cursor: not-allowed
}

.el-pagination button:focus-visible {
    outline: 1px solid var(--el-pagination-hover-color);
    outline-offset: -1px
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700;
    width: inherit
}

.el-pagination>.is-first {
    margin-left: 0 !important
}

.el-pagination>.is-last {
    margin-right: 0 !important
}

.el-pagination .btn-prev {
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__sizes,
.el-pagination__total {
    color: var(--el-text-color-regular);
    font-weight: 400;
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__total[disabled=true] {
    color: var(--el-text-color-placeholder)
}

.el-pagination__jump {
    align-items: center;
    color: var(--el-text-color-regular);
    display: flex;
    font-weight: 400;
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__jump[disabled=true] {
    color: var(--el-text-color-placeholder)
}

.el-pagination__goto {
    margin-right: 8px
}

.el-pagination__editor {
    box-sizing: border-box;
    text-align: center
}

.el-pagination__editor.el-input {
    width: 56px
}

.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__classifier {
    margin-left: 8px
}

.el-pagination__rightwrapper {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background-color: var(--el-pagination-button-bg-color);
    margin: 0 4px
}

.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
    background-color: var(--el-color-primary);
    color: var(--el-color-white)
}

.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.is-disabled,
.el-pagination.is-background .el-pager li:disabled {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-text-color-placeholder)
}

.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-prev:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active {
    background-color: var(--el-fill-color-dark);
    color: var(--el-text-color-secondary)
}

.el-pagination.is-background .btn-prev {
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li {
    font-size: var(--el-pagination-font-size-small);
    height: var(--el-pagination-button-height-small);
    line-height: var(--el-pagination-button-height-small);
    min-width: var(--el-pagination-button-width-small)
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    font-size: var(--el-pagination-font-size-small)
}

.el-pagination--small .el-select {
    width: 100px
}

.el-pagination--large .btn-next,
.el-pagination--large .btn-prev,
.el-pagination--large .el-pager li {
    height: var(--el-pagination-button-height-large);
    line-height: var(--el-pagination-button-height-large);
    min-width: var(--el-pagination-button-width-large)
}

.el-pagination--large .el-select .el-input {
    width: 160px
}

.el-pager {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-pager,
.el-pager li {
    align-items: center;
    display: flex
}

.el-pager li {
    background: var(--el-pagination-bg-color);
    border: none;
    border-radius: var(--el-pagination-border-radius);
    box-sizing: border-box;
    color: var(--el-pagination-button-color);
    cursor: pointer;
    font-size: var(--el-pagination-font-size);
    height: var(--el-pagination-button-height);
    justify-content: center;
    line-height: var(--el-pagination-button-height);
    min-width: var(--el-pagination-button-width);
    padding: 0 4px;
    text-align: center
}

.el-pager li * {
    pointer-events: none
}

.el-pager li:focus {
    outline: none
}

.el-pager li.is-active,
.el-pager li:hover {
    color: var(--el-pagination-hover-color)
}

.el-pager li.is-active {
    cursor: default;
    font-weight: 700
}

.el-pager li.is-active.is-disabled {
    color: var(--el-text-color-secondary);
    font-weight: 700
}

.el-pager li.is-disabled,
.el-pager li:disabled {
    background-color: var(--el-pagination-button-disabled-bg-color);
    color: var(--el-pagination-button-disabled-color);
    cursor: not-allowed
}

.el-pager li:focus-visible {
    outline: 1px solid var(--el-pagination-hover-color);
    outline-offset: -1px
}

.el-popconfirm__main {
    align-items: center;
    display: flex
}

.el-popconfirm__icon {
    margin-right: 5px
}

.el-popconfirm__action {
    margin-top: 8px;
    text-align: right
}

.el-popover {
    --el-popover-bg-color: var(--el-bg-color-overlay);
    --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-text-color: var(--el-text-color-primary);
    --el-popover-border-radius: 4px
}

.el-popover.el-popper {
    background: var(--el-popover-bg-color);
    border: 1px solid var(--el-popover-border-color);
    border-radius: var(--el-popover-border-radius);
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    font-size: var(--el-popover-font-size);
    line-height: 1.4;
    min-width: 150px;
    overflow-wrap: break-word;
    padding: var(--el-popover-padding);
    z-index: var(--el-index-popper)
}

.el-popover.el-popper--plain {
    padding: var(--el-popover-padding-large)
}

.el-popover__title {
    color: var(--el-popover-title-text-color);
    font-size: var(--el-popover-title-font-size);
    line-height: 1;
    margin-bottom: 12px
}

.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.el-popover.el-popper.is-dark {
    --el-popover-bg-color: var(--el-text-color-primary);
    --el-popover-border-color: var(--el-text-color-primary);
    --el-popover-title-text-color: var(--el-bg-color);
    color: var(--el-bg-color)
}

.el-popover.el-popper:focus,
.el-popover.el-popper:focus:active {
    outline-width: 0
}

.el-progress {
    align-items: center;
    display: flex;
    line-height: 1;
    position: relative
}

.el-progress__text {
    color: var(--el-text-color-regular);
    font-size: 14px;
    line-height: 1;
    margin-left: 5px;
    min-width: 50px
}

.el-progress__text i {
    display: block;
    vertical-align: middle
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    display: inline-block;
    vertical-align: middle
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    display: block;
    margin-right: 0;
    padding-right: 0
}

.el-progress--text-inside .el-progress-bar {
    margin-right: 0;
    padding-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 {
    box-sizing: border-box;
    flex-grow: 1
}

.el-progress-bar__outer {
    background-color: var(--el-border-color-lighter);
    border-radius: 100px;
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    background-color: var(--el-color-primary);
    border-radius: 100px;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    transition: width .6s ease;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__inner--indeterminate {
    animation: indeterminate 3s infinite;
    transform: translateZ(0)
}

.el-progress-bar__inner--striped {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 75%, transparent 0, transparent);
    background-size: 1.25em 1.25em
}

.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
    animation: striped-flow 3s linear infinite
}

.el-progress-bar__innerText {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: middle
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

@keyframes indeterminate {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes striped-flow {
    0% {
        background-position: -100%
    }

    to {
        background-position: 100%
    }
}

.el-radio-button {
    --el-radio-button-checked-bg-color: var(--el-color-primary);
    --el-radio-button-checked-text-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 {
    display: inline-block;
    outline: none;
    position: relative
}

.el-radio-button__inner {
    -webkit-appearance: none;
    background: var(--el-button-bg-color, var(--el-fill-color-blank));
    border: var(--el-border);
    border-left: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--el-button-text-color, var(--el-text-color-regular));
    cursor: pointer;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
    line-height: 1;
    margin: 0;
    padding: 8px 15px;
    text-align: center;
    transition: var(--el-transition-all);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.el-radio-button__inner.is-round {
    padding: 8px 15px
}

.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: var(--el-border);
    border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
    box-shadow: none !important
}

.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner {
    background-color: var(--el-radio-button-checked-bg-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));
    color: var(--el-radio-button-checked-text-color, var(--el-color-white))
}

.el-radio-button__original-radio {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1
}

.el-radio-button__original-radio:focus-visible+.el-radio-button__inner {
    border-left: var(--el-border);
    border-left-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
    border-radius: var(--el-border-radius-base);
    box-shadow: none;
    outline: 2px solid var(--el-radio-button-checked-border-color);
    outline-offset: 1px;
    z-index: 2
}

.el-radio-button__original-radio:disabled+.el-radio-button__inner {
    background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
    box-shadow: none;
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.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--large .el-radio-button__inner {
    border-radius: 0;
    font-size: var(--el-font-size-base);
    padding: 12px 19px
}

.el-radio-button--large .el-radio-button__inner.is-round {
    padding: 12px 19px
}

.el-radio-button--small .el-radio-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 5px 11px
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 5px 11px
}

.el-radio-group {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 0
}

.el-radio {
    --el-radio-font-size: var(--el-font-size-base);
    --el-radio-text-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-bg-color: var(--el-fill-color-blank);
    --el-radio-input-border: var(--el-border);
    --el-radio-input-border-color: var(--el-border-color);
    --el-radio-input-border-color-hover: var(--el-color-primary);
    align-items: center;
    color: var(--el-radio-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-radio-font-weight);
    height: 32px;
    margin-right: 32px;
    outline: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-radio.el-radio--large {
    height: 40px
}

.el-radio.el-radio--small {
    height: 24px
}

.el-radio.is-bordered {
    border: var(--el-border);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    padding: 0 15px 0 9px
}

.el-radio.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-radio.is-bordered.is-disabled {
    border-color: var(--el-border-color-lighter);
    cursor: not-allowed
}

.el-radio.is-bordered.el-radio--large {
    border-radius: var(--el-border-radius-base);
    padding: 0 19px 0 11px
}

.el-radio.is-bordered.el-radio--large .el-radio__label {
    font-size: var(--el-font-size-base)
}

.el-radio.is-bordered.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.is-bordered.el-radio--small {
    border-radius: var(--el-border-radius-base);
    padding: 0 11px 0 7px
}

.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:last-child {
    margin-right: 0
}

.el-radio__input {
    cursor: pointer;
    display: inline-flex;
    outline: none;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.el-radio__input.is-disabled .el-radio__inner {
    border-color: var(--el-disabled-border-color)
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled .el-radio__inner:after {
    background-color: var(--el-disabled-bg-color);
    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-bg-color);
    border-color: var(--el-disabled-border-color)
}

.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 {
    background: var(--el-color-primary);
    border-color: 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 {
    background-color: var(--el-radio-input-bg-color);
    border: var(--el-radio-input-border);
    border-radius: var(--el-radio-input-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: var(--el-radio-input-height);
    position: relative;
    width: var(--el-radio-input-width)
}

.el-radio__inner:hover {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner:after {
    background-color: var(--el-color-white);
    border-radius: var(--el-radio-input-border-radius);
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in;
    width: 4px
}

.el-radio__original {
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.el-radio__original:focus-visible+.el-radio__inner {
    border-radius: var(--el-radio-input-border-radius);
    outline: 2px solid var(--el-radio-input-border-color-hover);
    outline-offset: 1px
}

.el-radio:focus:not(:focus-visible):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: 8px
}

.el-radio.el-radio--large .el-radio__label {
    font-size: 14px
}

.el-radio.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.el-radio--small .el-radio__inner {
    height: 12px;
    width: 12px
}

.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-void-color: var(--el-border-color-darker);
    --el-rate-fill-color: #f7ba2a;
    --el-rate-disabled-void-color: var(--el-fill-color);
    --el-rate-text-color: var(--el-text-color-primary);
    align-items: center;
    display: inline-flex;
    height: 32px
}

.el-rate:active,
.el-rate:focus {
    outline: none
}

.el-rate__item {
    color: var(--el-rate-void-color);
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    line-height: normal;
    position: relative;
    vertical-align: middle
}

.el-rate .el-rate__icon {
    display: inline-block;
    font-size: var(--el-rate-icon-size);
    margin-right: var(--el-rate-icon-margin);
    position: relative;
    transition: var(--el-transition-duration)
}

.el-rate .el-rate__icon.hover {
    transform: scale(1.15)
}

.el-rate .el-rate__icon .path2 {
    left: 0;
    position: absolute;
    top: 0
}

.el-rate .el-rate__icon.is-active {
    color: var(--el-rate-fill-color)
}

.el-rate__decimal {
    color: var(--el-rate-fill-color);
    display: inline-block;
    overflow: hidden
}

.el-rate__decimal,
.el-rate__decimal--box {
    left: 0;
    position: absolute;
    top: 0
}

.el-rate__text {
    color: var(--el-rate-text-color);
    font-size: var(--el-rate-font-size);
    vertical-align: middle
}

.el-rate--large {
    height: 40px
}

.el-rate--small {
    height: 24px
}

.el-rate--small .el-rate__icon {
    font-size: 14px
}

.el-rate.is-disabled .el-rate__item {
    color: var(--el-rate-disabled-void-color);
    cursor: auto
}

.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;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--el-result-padding);
    text-align: center
}

.el-result__icon svg {
    height: var(--el-result-icon-font-size);
    width: var(--el-result-icon-font-size)
}

.el-result__title {
    margin-top: var(--el-result-title-margin-top)
}

.el-result__title p {
    color: var(--el-text-color-primary);
    font-size: var(--el-result-title-font-size);
    line-height: 1.3;
    margin: 0
}

.el-result__subtitle {
    margin-top: var(--el-result-subtitle-margin-top)
}

.el-result__subtitle p {
    color: var(--el-text-color-regular);
    font-size: var(--el-font-size-base);
    line-height: 1.3;
    margin: 0
}

.el-result__extra {
    margin-top: var(--el-result-extra-margin-top)
}

.el-result .icon-primary {
    --el-result-color: var(--el-color-primary);
    color: var(--el-result-color)
}

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

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

.el-result .icon-danger {
    --el-result-color: var(--el-color-danger);
    color: var(--el-result-color)
}

.el-result .icon-error {
    --el-result-color: var(--el-color-error);
    color: var(--el-result-color)
}

.el-result .icon-info {
    --el-result-color: var(--el-color-info);
    color: var(--el-result-color)
}

.el-row {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.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-justify-space-evenly {
    justify-content: space-evenly
}

.el-row.is-align-top {
    align-items: flex-start
}

.el-row.is-align-middle {
    align-items: center
}

.el-row.is-align-bottom {
    align-items: flex-end
}

.el-scrollbar {
    --el-scrollbar-opacity: .3;
    --el-scrollbar-bg-color: var(--el-text-color-secondary);
    --el-scrollbar-hover-opacity: .5;
    --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
    height: 100%;
    overflow: hidden;
    position: relative
}

.el-scrollbar__wrap {
    height: 100%;
    overflow: auto
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    display: none
}

.el-scrollbar__thumb {
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
    border-radius: inherit;
    cursor: pointer;
    display: block;
    height: 0;
    opacity: var(--el-scrollbar-opacity, .3);
    position: relative;
    transition: var(--el-transition-duration) background-color;
    width: 0
}

.el-scrollbar__thumb:hover {
    background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
    opacity: var(--el-scrollbar-hover-opacity, .5)
}

.el-scrollbar__bar {
    border-radius: 4px;
    bottom: 2px;
    position: absolute;
    right: 2px;
    z-index: 1
}

.el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 6px
}

.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-dropdown {
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    z-index: calc(var(--el-index-top) + 1)
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__empty,
.el-select-dropdown__loading {
    color: var(--el-text-color-secondary);
    font-size: var(--el-select-font-size);
    margin: 0;
    padding: 10px 0;
    text-align: center
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 6px 0
}

.el-select-dropdown__list.el-vl__window {
    margin: 6px 0;
    padding: 0
}

.el-select-dropdown__header {
    border-bottom: 1px solid var(--el-border-color-light);
    padding: 10px
}

.el-select-dropdown__footer {
    border-top: 1px solid var(--el-border-color-light);
    padding: 10px
}

.el-select-dropdown__item {
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-base);
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 32px 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select-dropdown__item.is-hovering {
    background-color: var(--el-fill-color-light)
}

.el-select-dropdown__item.is-selected {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-select-dropdown__item.is-disabled {
    background-color: unset;
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
    background-color: var(--el-color-primary);
    background-position: 50%;
    background-repeat: no-repeat;
    border-right: none;
    border-top: none;
    content: "";
    height: 12px;
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after {
    background-color: var(--el-text-color-placeholder)
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.el-select-group__title {
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 34px;
    padding-left: 20px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select {
    --el-select-border-color-hover: var(--el-border-color-hover);
    --el-select-disabled-color: var(--el-disabled-text-color);
    --el-select-disabled-border: var(--el-disabled-border-color);
    --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;
    --el-select-width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: var(--el-select-width)
}

.el-select__wrapper {
    align-items: center;
    background-color: var(--el-fill-color-blank);
    border-radius: var(--el-border-radius-base);
    box-shadow: 0 0 0 1px var(--el-border-color) inset;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    gap: 6px;
    line-height: 24px;
    min-height: 32px;
    padding: 4px 12px;
    position: relative;
    text-align: left;
    transition: var(--el-transition-duration)
}

.el-select__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-text-color) inset
}

.el-select__wrapper.is-filterable {
    cursor: text
}

.el-select__wrapper.is-focused {
    box-shadow: 0 0 0 1px var(--el-color-primary) inset
}

.el-select__wrapper.is-hovering:not(.is-focused) {
    box-shadow: 0 0 0 1px var(--el-border-color-hover) inset
}

.el-select__wrapper.is-disabled {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-select__wrapper.is-disabled,
.el-select__wrapper.is-disabled:hover {
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
}

.el-select__wrapper.is-disabled.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-select__wrapper.is-disabled .el-select__selected-item {
    color: var(--el-select-disabled-color)
}

.el-select__wrapper.is-disabled .el-select__caret,
.el-select__wrapper.is-disabled .el-tag {
    cursor: not-allowed
}

.el-select__prefix,
.el-select__suffix {
    align-items: center;
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: flex;
    flex-shrink: 0;
    gap: 6px
}

.el-select__caret {
    color: var(--el-select-input-color);
    cursor: pointer;
    font-size: var(--el-select-input-font-size);
    transform: rotate(0);
    transition: var(--el-transition-duration)
}

.el-select__caret.is-reverse {
    transform: rotate(180deg)
}

.el-select__selection {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    position: relative
}

.el-select__selection.is-near {
    margin-left: -8px
}

.el-select__selection .el-tag {
    border-color: transparent;
    cursor: pointer
}

.el-select__selection .el-tag.el-tag--plain {
    border-color: var(--el-tag-border-color)
}

.el-select__selection .el-tag .el-tag__content {
    min-width: 0
}

.el-select__selected-item {
    display: flex;
    flex-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-select__tags-text {
    line-height: normal
}

.el-select__placeholder,
.el-select__tags-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select__placeholder {
    color: var(--el-input-text-color, var(--el-text-color-regular));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.el-select__placeholder.is-transparent {
    color: var(--el-text-color-placeholder);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-select__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-select__popper.el-popper,
.el-select__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-select__input-wrapper {
    max-width: 100%
}

.el-select__input-wrapper.is-hidden {
    opacity: 0;
    position: absolute
}

.el-select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--el-select-multiple-input-color);
    font-family: inherit;
    font-size: inherit;
    height: 24px;
    max-width: 100%;
    outline: none;
    padding: 0
}

.el-select__input.is-disabled {
    cursor: not-allowed
}

.el-select__input-calculator {
    left: 0;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: pre
}

.el-select--large .el-select__wrapper {
    font-size: 14px;
    gap: 6px;
    line-height: 24px;
    min-height: 40px;
    padding: 8px 16px
}

.el-select--large .el-select__selection {
    gap: 6px
}

.el-select--large .el-select__selection.is-near {
    margin-left: -8px
}

.el-select--large .el-select__prefix,
.el-select--large .el-select__suffix {
    gap: 6px
}

.el-select--large .el-select__input {
    height: 24px
}

.el-select--small .el-select__wrapper {
    font-size: 12px;
    gap: 4px;
    line-height: 20px;
    min-height: 24px;
    padding: 2px 8px
}

.el-select--small .el-select__selection {
    gap: 4px
}

.el-select--small .el-select__selection.is-near {
    margin-left: -6px
}

.el-select--small .el-select__prefix,
.el-select--small .el-select__suffix {
    gap: 4px
}

.el-select--small .el-select__input {
    height: 20px
}

.el-skeleton {
    --el-skeleton-circle-size: var(--el-avatar-size)
}

.el-skeleton__item {
    background: var(--el-skeleton-color);
    border-radius: var(--el-border-radius-base);
    display: inline-block;
    height: 16px;
    width: 100%
}

.el-skeleton__circle {
    border-radius: 50%;
    height: var(--el-skeleton-circle-size);
    line-height: var(--el-skeleton-circle-size);
    width: var(--el-skeleton-circle-size)
}

.el-skeleton__button {
    border-radius: 4px;
    height: 40px;
    width: 64px
}

.el-skeleton__p {
    width: 100%
}

.el-skeleton__p.is-last {
    width: 61%
}

.el-skeleton__p.is-first {
    width: 33%
}

.el-skeleton__text {
    height: var(--el-font-size-small);
    width: 100%
}

.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 {
    align-items: center;
    border-radius: 0;
    display: flex;
    justify-content: center;
    width: unset
}

.el-skeleton__image svg {
    color: var(--el-svg-monochrome-grey);
    fill: currentColor;
    height: 22%;
    width: 22%
}

.el-skeleton {
    --el-skeleton-color: var(--el-fill-color);
    --el-skeleton-to-color: var(--el-fill-color-darker)
}

@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 {
    background: var(--el-skeleton-color);
    height: 16px;
    margin-top: 16px
}

.el-skeleton.is-animated .el-skeleton__item {
    animation: el-skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
    background-size: 400% 100%
}

.el-slider {
    --el-slider-main-bg-color: var(--el-color-primary);
    --el-slider-runway-bg-color: var(--el-border-color-light);
    --el-slider-stop-bg-color: var(--el-color-white);
    --el-slider-disabled-color: var(--el-text-color-placeholder);
    --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;
    align-items: center;
    display: flex;
    height: 32px;
    width: 100%
}

.el-slider__runway {
    background-color: var(--el-slider-runway-bg-color);
    border-radius: var(--el-slider-border-radius);
    cursor: pointer;
    flex: 1;
    height: var(--el-slider-height);
    position: relative
}

.el-slider__runway.show-input {
    margin-right: 30px;
    width: auto
}

.el-slider__runway.is-disabled {
    cursor: default
}

.el-slider__runway.is-disabled .el-slider__bar {
    background-color: var(--el-slider-disabled-color)
}

.el-slider__runway.is-disabled .el-slider__button {
    border-color: var(--el-slider-disabled-color)
}

.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,
.el-slider__runway.is-disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.is-disabled .el-slider__button.dragging,
.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover {
    transform: scale(1)
}

.el-slider__runway.is-disabled .el-slider__button.dragging,
.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover {
    cursor: not-allowed
}

.el-slider__input {
    flex-shrink: 0;
    width: 130px
}

.el-slider__bar {
    background-color: var(--el-slider-main-bg-color);
    border-bottom-left-radius: var(--el-slider-border-radius);
    border-top-left-radius: var(--el-slider-border-radius);
    height: var(--el-slider-height);
    position: absolute
}

.el-slider__button-wrapper {
    background-color: transparent;
    height: var(--el-slider-button-wrapper-size);
    line-height: normal;
    outline: none;
    position: absolute;
    text-align: center;
    top: var(--el-slider-button-wrapper-offset);
    transform: translate(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: var(--el-slider-button-wrapper-size);
    z-index: 1
}

.el-slider__button-wrapper:after {
    content: "";
    display: inline-block;
    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 {
    background-color: var(--el-color-white);
    border: 2px solid var(--el-slider-main-bg-color);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: var(--el-slider-button-size);
    transition: var(--el-transition-duration-fast);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: var(--el-slider-button-size)
}

.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 {
    background-color: var(--el-slider-stop-bg-color);
    border-radius: var(--el-border-radius-circle);
    height: var(--el-slider-height);
    position: absolute;
    transform: translate(-50%);
    width: var(--el-slider-height)
}

.el-slider__marks {
    height: 100%;
    left: 12px;
    top: 0;
    width: 18px
}

.el-slider__marks-text {
    color: var(--el-color-info);
    font-size: 14px;
    margin-top: 15px;
    position: absolute;
    transform: translate(-50%);
    white-space: pre
}

.el-slider.is-vertical {
    display: inline-flex;
    flex: 0;
    height: 100%;
    position: relative;
    width: auto
}

.el-slider.is-vertical .el-slider__runway {
    height: 100%;
    margin: 0 16px;
    width: var(--el-slider-height)
}

.el-slider.is-vertical .el-slider__bar {
    border-radius: 0 0 3px 3px;
    height: auto;
    width: var(--el-slider-height)
}

.el-slider.is-vertical .el-slider__button-wrapper {
    left: var(--el-slider-button-wrapper-offset);
    top: auto;
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__marks-text {
    left: 15px;
    margin-top: 0;
    transform: translateY(50%)
}

.el-slider--large {
    height: 40px
}

.el-slider--small {
    height: 24px
}

.el-space {
    display: inline-flex;
    vertical-align: top
}

.el-space__item {
    display: flex;
    flex-wrap: wrap
}

.el-space__item>* {
    flex: 1
}

.el-space--vertical {
    flex-direction: column
}

.el-time-spinner {
    white-space: nowrap;
    width: 100%
}

.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-spinner-inner {
    animation: rotate 2s linear infinite;
    height: 50px;
    width: 50px
}

.el-spinner-inner .path {
    stroke: var(--el-border-color-lighter);
    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 {
    flex-shrink: 1;
    position: relative
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    flex-basis: auto !important;
    flex-grow: 0;
    flex-shrink: 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 {
    border-color: var(--el-text-color-primary);
    color: var(--el-text-color-primary)
}

.el-step__head.is-wait {
    border-color: var(--el-text-color-placeholder);
    color: var(--el-text-color-placeholder)
}

.el-step__head.is-success {
    border-color: var(--el-color-success);
    color: var(--el-color-success)
}

.el-step__head.is-error {
    border-color: var(--el-color-danger);
    color: var(--el-color-danger)
}

.el-step__head.is-finish {
    border-color: var(--el-color-primary);
    color: var(--el-color-primary)
}

.el-step__icon {
    align-items: center;
    background: var(--el-bg-color);
    box-sizing: border-box;
    display: inline-flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    position: relative;
    transition: .15s ease-out;
    width: 24px;
    z-index: 1
}

.el-step__icon.is-text {
    border: 2px solid;
    border-color: inherit;
    border-radius: 50%
}

.el-step__icon.is-icon {
    width: 40px
}

.el-step__icon-inner {
    color: inherit;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.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 {
    background-color: var(--el-text-color-placeholder);
    border-color: inherit;
    position: absolute
}

.el-step__line-inner {
    border: 1px solid;
    border-color: inherit;
    box-sizing: border-box;
    display: block;
    height: 0;
    transition: .15s ease-out;
    width: 0
}

.el-step__main {
    text-align: left;
    white-space: normal
}

.el-step__title {
    font-size: 16px;
    line-height: 38px
}

.el-step__title.is-process {
    color: var(--el-text-color-primary);
    font-weight: 700
}

.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 {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -5px;
    padding-right: 10%
}

.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;
    left: 0;
    right: 0;
    top: 11px
}

.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 {
    flex-grow: 1;
    padding-left: 10px
}

.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.el-step.is-vertical .el-step__line {
    bottom: 0;
    left: 11px;
    top: 0;
    width: 2px
}

.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 {
    align-items: center;
    display: flex
}

.el-step.is-simple .el-step__head {
    font-size: 0;
    padding-right: 10px;
    width: auto
}

.el-step.is-simple .el-step__icon {
    background: transparent;
    font-size: 12px;
    height: 16px;
    width: 16px
}

.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 {
    align-items: stretch;
    display: flex;
    flex-grow: 1;
    position: relative
}

.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%;
    overflow-wrap: break-word
}

.el-step.is-simple .el-step__arrow {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.el-step.is-simple .el-step__arrow:after,
.el-step.is-simple .el-step__arrow:before {
    background: var(--el-text-color-placeholder);
    content: "";
    display: inline-block;
    height: 15px;
    position: absolute;
    width: 1px
}

.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 {
    background: var(--el-fill-color-light);
    border-radius: 4px;
    padding: 13px 8%
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    flex-flow: column;
    height: 100%
}

.el-switch {
    --el-switch-on-color: var(--el-color-primary);
    --el-switch-off-color: var(--el-border-color);
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    color: var(--el-text-color-primary);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    transition: var(--el-transition-duration-fast);
    vertical-align: middle
}

.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 * {
    display: inline-block;
    font-size: 14px;
    line-height: 1
}

.el-switch__label .el-icon {
    height: inherit
}

.el-switch__label .el-icon svg {
    vertical-align: middle
}

.el-switch__input {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.el-switch__input:focus-visible~.el-switch__core {
    outline: 2px solid var(--el-switch-on-color);
    outline-offset: 1px
}

.el-switch__core {
    align-items: center;
    background: var(--el-switch-off-color);
    border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: 20px;
    min-width: 40px;
    outline: none;
    position: relative;
    transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration)
}

.el-switch__core .el-switch__inner {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    overflow: hidden;
    padding: 0 4px 0 18px;
    transition: all var(--el-transition-duration);
    width: 100%
}

.el-switch__core .el-switch__inner .is-icon,
.el-switch__core .el-switch__inner .is-text {
    color: var(--el-color-white);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-switch__core .el-switch__action {
    align-items: center;
    background-color: var(--el-color-white);
    border-radius: var(--el-border-radius-circle);
    color: var(--el-switch-off-color);
    display: flex;
    height: 16px;
    justify-content: center;
    left: 1px;
    position: absolute;
    transition: all var(--el-transition-duration);
    width: 16px
}

.el-switch.is-checked .el-switch__core {
    background-color: var(--el-switch-on-color);
    border-color: var(--el-switch-border-color, var(--el-switch-on-color))
}

.el-switch.is-checked .el-switch__core .el-switch__action {
    color: var(--el-switch-on-color);
    left: calc(100% - 17px)
}

.el-switch.is-checked .el-switch__core .el-switch__inner {
    padding: 0 18px 0 4px
}

.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-switch--large {
    font-size: 14px;
    height: 40px;
    line-height: 24px
}

.el-switch--large .el-switch__label {
    font-size: 14px;
    height: 24px
}

.el-switch--large .el-switch__label * {
    font-size: 14px
}

.el-switch--large .el-switch__core {
    border-radius: 12px;
    height: 24px;
    min-width: 50px
}

.el-switch--large .el-switch__core .el-switch__inner {
    height: 20px;
    padding: 0 6px 0 22px
}

.el-switch--large .el-switch__core .el-switch__action {
    height: 20px;
    width: 20px
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 21px)
}

.el-switch--large.is-checked .el-switch__core .el-switch__inner {
    padding: 0 22px 0 6px
}

.el-switch--small {
    font-size: 12px;
    height: 24px;
    line-height: 16px
}

.el-switch--small .el-switch__label {
    font-size: 12px;
    height: 16px
}

.el-switch--small .el-switch__label * {
    font-size: 12px
}

.el-switch--small .el-switch__core {
    border-radius: 8px;
    height: 16px;
    min-width: 30px
}

.el-switch--small .el-switch__core .el-switch__inner {
    height: 12px;
    padding: 0 2px 0 14px
}

.el-switch--small .el-switch__core .el-switch__action {
    height: 12px;
    width: 12px
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 13px)
}

.el-switch--small.is-checked .el-switch__core .el-switch__inner {
    padding: 0 14px 0 2px
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    background-color: #fff;
    border: 1px solid var(--el-border-color-lighter);
    border-radius: 2px;
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box
}

.el-table-filter__list {
    list-style: none;
    margin: 0;
    min-width: 100px;
    padding: 5px 0
}

.el-table-filter__list-item {
    cursor: pointer;
    font-size: var(--el-font-size-base);
    line-height: 36px;
    padding: 0 10px
}

.el-table-filter__list-item:hover {
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary)
}

.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-disabled-text-color);
    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 {
    align-items: center;
    display: flex;
    height: unset;
    margin-bottom: 12px;
    margin-left: 5px;
    margin-right: 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-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-text-color-secondary);
    --el-table-row-hover-bg-color: var(--el-fill-color-light);
    --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--el-bg-color);
    --el-table-fixed-box-shadow: var(--el-box-shadow-light);
    --el-table-bg-color: var(--el-fill-color-blank);
    --el-table-tr-bg-color: var(--el-bg-color);
    --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-index: var(--el-index-normal);
    background-color: var(--el-table-bg-color);
    box-sizing: border-box;
    color: var(--el-table-text-color);
    font-size: 14px;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.el-table__inner-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.el-table__inner-wrapper:before {
    bottom: 0;
    height: 1px;
    left: 0
}

.el-table tbody:focus-visible {
    outline: none
}

.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell {
    border-bottom-color: transparent
}

.el-table__empty-block {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 60px;
    position: sticky;
    text-align: center;
    width: 100%
}

.el-table__empty-text {
    color: var(--el-text-color-secondary);
    line-height: 60px;
    width: 50%
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-table__expand-icon {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    position: relative;
    transition: transform var(--el-transition-duration-fast) ease-in-out
}

.el-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    font-size: 12px
}

.el-table__expanded-cell {
    background-color: var(--el-table-expanded-cell-bg-color)
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-bottom: 0;
    border-right: 0
}

.el-table--fit .el-table__cell.gutter {
    border-right-width: 1px
}

.el-table--fit .el-table__inner-wrapper:before {
    width: 100%
}

.el-table thead {
    color: var(--el-table-header-text-color)
}

.el-table thead th {
    font-weight: 600
}

.el-table thead.is-group th.el-table__cell {
    background: var(--el-fill-color-light)
}

.el-table .el-table__cell {
    box-sizing: border-box;
    min-width: 0;
    padding: 8px 0;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: var(--el-table-index)
}

.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 {
    border-bottom-width: 0;
    border-right-width: 0;
    padding: 0;
    width: 15px
}

.el-table .el-table__cell.is-hidden>* {
    visibility: hidden
}

.el-table .cell {
    box-sizing: border-box;
    line-height: 23px;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: normal
}

.el-table .cell.el-tooltip {
    min-width: 50px;
    white-space: nowrap
}

.el-table--large {
    font-size: var(--el-font-size-base)
}

.el-table--large .el-table__cell {
    padding: 12px 0
}

.el-table--large .cell {
    padding: 0 16px
}

.el-table--default {
    font-size: 14px
}

.el-table--default .el-table__cell {
    padding: 8px 0
}

.el-table--default .cell {
    padding: 0 12px
}

.el-table--small {
    font-size: 12px
}

.el-table--small .el-table__cell {
    padding: 4px 0
}

.el-table--small .cell {
    padding: 0 8px
}

.el-table tr {
    background-color: var(--el-table-tr-bg-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 {
    background-color: var(--el-table-header-bg-color)
}

.el-table th.el-table__cell>.cell.highlight {
    color: var(--el-color-primary)
}

.el-table th.el-table__cell.required>div:before {
    background: #ff4d51;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    vertical-align: middle;
    width: 8px
}

.el-table td.el-table__cell div {
    box-sizing: border-box
}

.el-table td.el-table__cell.gutter {
    width: 0
}

.el-table--border .el-table__inner-wrapper:after,
.el-table--border:after,
.el-table--border:before,
.el-table__inner-wrapper:before {
    background-color: var(--el-table-border-color);
    content: "";
    position: absolute;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table--border .el-table__inner-wrapper:after {
    height: 1px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table--border:before {
    height: 100%;
    left: 0;
    top: -1px;
    width: 1px
}

.el-table--border:after {
    height: 100%;
    right: 0;
    top: -1px;
    width: 1px
}

.el-table--border .el-table__inner-wrapper {
    border-bottom: none;
    border-right: none
}

.el-table--border .el-table__footer-wrapper {
    flex-shrink: 0;
    position: relative
}

.el-table--border .el-table__cell {
    border-right: var(--el-table-border)
}

.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__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__body-wrapper tr td.el-table-fixed-column--left,
.el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right,
.el-table__footer-wrapper tr td.el-table-fixed-column--left,
.el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right,
.el-table__header-wrapper tr td.el-table-fixed-column--left,
.el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
    background: inherit;
    position: sticky !important;
    z-index: calc(var(--el-table-index) + 1)
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
    bottom: -1px;
    box-shadow: none;
    content: "";
    overflow-x: hidden;
    overflow-y: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 10px
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
    left: -10px
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
    box-shadow: none;
    right: -10px
}

.el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch,
.el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch,
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch {
    background: #fff;
    position: sticky !important;
    right: 0;
    z-index: calc(var(--el-table-index) + 1)
}

.el-table__header-wrapper {
    flex-shrink: 0
}

.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table__body,
.el-table__footer,
.el-table__header {
    border-collapse: separate;
    table-layout: fixed
}

.el-table__header-wrapper {
    overflow: hidden
}

.el-table__header-wrapper tbody td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color);
    color: var(--el-table-text-color)
}

.el-table__footer-wrapper {
    flex-shrink: 0;
    overflow: hidden
}

.el-table__footer-wrapper tfoot td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color);
    color: var(--el-table-text-color)
}

.el-table__body-wrapper .el-table-column--selection>.cell,
.el-table__header-wrapper .el-table-column--selection>.cell {
    align-items: center;
    display: inline-flex;
    height: 23px
}

.el-table__body-wrapper .el-table-column--selection .el-checkbox,
.el-table__header-wrapper .el-table-column--selection .el-checkbox {
    height: unset
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before {
    box-shadow: var(--el-table-fixed-right-column)
}

.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: var(--el-table-border)
}

.el-table.is-scrolling-left th.el-table-fixed-column--left {
    background-color: var(--el-table-header-bg-color)
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before {
    box-shadow: var(--el-table-fixed-left-column)
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none
}

.el-table.is-scrolling-right th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none
}

.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before {
    box-shadow: var(--el-table-fixed-right-column)
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before {
    box-shadow: var(--el-table-fixed-left-column)
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before {
    box-shadow: none
}

.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table__body-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper .el-scrollbar__bar {
    z-index: calc(var(--el-table-index) + 2)
}

.el-table .caret-wrapper {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: 14px;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    width: 24px
}

.el-table .sort-caret {
    border: 5px solid transparent;
    height: 0;
    left: 7px;
    position: absolute;
    width: 0
}

.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 {
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: var(--el-fill-color-lighter)
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
    background-color: var(--el-table-current-row-bg-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,
.el-table__body tr>td.hover-cell {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table__body tr.current-row>td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color)
}

.el-table.el-table--scrollable-y .el-table__body-header {
    position: sticky;
    top: 0;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table.el-table--scrollable-y .el-table__body-footer {
    bottom: 0;
    position: sticky;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table__column-resize-proxy {
    border-left: var(--el-table-border);
    bottom: 0;
    left: 200px;
    position: absolute;
    top: 0;
    width: 0;
    z-index: calc(var(--el-table-index) + 9)
}

.el-table__column-filter-trigger {
    cursor: pointer;
    display: inline-block
}

.el-table__column-filter-trigger i {
    color: var(--el-color-info);
    font-size: 14px;
    vertical-align: middle
}

.el-table__border-left-patch {
    height: 100%;
    top: 0;
    width: 1px
}

.el-table__border-bottom-patch,
.el-table__border-left-patch {
    background-color: var(--el-table-border-color);
    left: 0;
    position: absolute;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table__border-bottom-patch {
    height: 1px
}

.el-table__border-right-patch {
    background-color: var(--el-table-border-color);
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: calc(var(--el-table-index) + 2)
}

.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-bg-color)
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 8px;
    text-align: center;
    width: 12px
}

.el-table .el-table.el-table--border .el-table__cell {
    border-right: var(--el-table-border)
}

.el-table:not(.el-table--border) .el-table__cell {
    border-right: none
}

.el-table:not(.el-table--border)>.el-table__inner-wrapper:after {
    content: none
}

.el-table-v2 {
    --el-table-border-color: var(--el-border-color-lighter);
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-text-color-secondary);
    --el-table-row-hover-bg-color: var(--el-fill-color-light);
    --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--el-bg-color);
    --el-table-fixed-box-shadow: var(--el-box-shadow-light);
    --el-table-bg-color: var(--el-fill-color-blank);
    --el-table-tr-bg-color: var(--el-bg-color);
    --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-index: var(--el-index-normal);
    font-size: 14px
}

.el-table-v2 * {
    box-sizing: border-box
}

.el-table-v2__root {
    position: relative
}

.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
    opacity: 1
}

.el-table-v2__main {
    background-color: var(--el-bg-color);
    display: flex;
    flex-direction: column-reverse;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.el-table-v2__main .el-vl__horizontal,
.el-table-v2__main .el-vl__vertical {
    z-index: 2
}

.el-table-v2__left {
    background-color: var(--el-bg-color);
    box-shadow: 2px 0 4px #0000000f;
    display: flex;
    flex-direction: column-reverse;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.el-table-v2__left .el-virtual-scrollbar {
    opacity: 0
}

.el-table-v2__left .el-vl__horizontal,
.el-table-v2__left .el-vl__vertical {
    z-index: -1
}

.el-table-v2__right {
    background-color: var(--el-bg-color);
    box-shadow: -2px 0 4px #0000000f;
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.el-table-v2__right .el-virtual-scrollbar {
    opacity: 0
}

.el-table-v2__right .el-vl__horizontal,
.el-table-v2__right .el-vl__vertical {
    z-index: -1
}

.el-table-v2__header-row,
.el-table-v2__row {
    padding-inline-end: var(--el-table-scrollbar-size)
}

.el-table-v2__header-wrapper {
    overflow: hidden
}

.el-table-v2__header {
    overflow: hidden;
    position: relative
}

.el-table-v2__footer {
    bottom: 0;
    overflow: hidden;
    right: 0
}

.el-table-v2__empty,
.el-table-v2__footer,
.el-table-v2__overlay {
    left: 0;
    position: absolute
}

.el-table-v2__overlay {
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 9999
}

.el-table-v2__header-row {
    border-bottom: var(--el-table-border);
    display: flex
}

.el-table-v2__header-cell {
    align-items: center;
    background-color: var(--el-table-header-bg-color);
    color: var(--el-table-header-text-color);
    display: flex;
    font-weight: 700;
    height: 100%;
    overflow: hidden;
    padding: 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-table-v2__header-cell.is-align-center {
    justify-content: center;
    text-align: center
}

.el-table-v2__header-cell.is-align-right {
    justify-content: flex-end;
    text-align: right
}

.el-table-v2__header-cell.is-sortable {
    cursor: pointer
}

.el-table-v2__header-cell:hover .el-icon {
    display: block
}

.el-table-v2__sort-icon {
    display: none;
    opacity: .6;
    transition: opacity, display var(--el-transition-duration)
}

.el-table-v2__sort-icon.is-sorting {
    display: block;
    opacity: 1
}

.el-table-v2__row {
    align-items: center;
    border-bottom: var(--el-table-border);
    display: flex;
    transition: background-color var(--el-transition-duration)
}

.el-table-v2__row.is-hovered,
.el-table-v2__row:hover {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table-v2__row-cell {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    padding: 0 8px
}

.el-table-v2__row-cell.is-align-center {
    justify-content: center;
    text-align: center
}

.el-table-v2__row-cell.is-align-right {
    justify-content: flex-end;
    text-align: right
}

.el-table-v2__expand-icon {
    cursor: pointer;
    margin: 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-table-v2__expand-icon svg {
    transition: transform var(--el-transition-duration)
}

.el-table-v2__expand-icon.is-expanded svg {
    transform: rotate(90deg)
}

.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-table-v2.is-dynamic .el-table-v2__row {
    align-items: stretch;
    overflow: hidden
}

.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
    overflow-wrap: break-word
}

.el-tabs {
    --el-tabs-header-height: 40px
}

.el-tabs__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.el-tabs__header-vertical {
    flex-direction: column
}

.el-tabs__active-bar {
    background-color: var(--el-color-primary);
    bottom: 0;
    height: 2px;
    left: 0;
    list-style: none;
    position: absolute;
    transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    z-index: 1
}

.el-tabs__new-tab {
    align-items: center;
    border: 1px solid var(--el-border-color);
    border-radius: 3px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    margin: 10px 0 10px 10px;
    text-align: center;
    transition: all .15s;
    width: 20px
}

.el-tabs__new-tab .is-icon-plus {
    height: inherit;
    transform: scale(.8);
    width: inherit
}

.el-tabs__new-tab .is-icon-plus svg {
    vertical-align: middle
}

.el-tabs__new-tab:hover {
    color: var(--el-color-primary)
}

.el-tabs__new-tab-vertical {
    margin-left: 0
}

.el-tabs__nav-wrap {
    flex: 1 auto;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative
}

.el-tabs__nav-wrap:after {
    background-color: var(--el-border-color-light);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: var(--el-index-normal)
}

.el-tabs__nav-wrap.is-scrollable {
    box-sizing: border-box;
    padding: 0 20px
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    color: var(--el-text-color-secondary);
    cursor: pointer;
    font-size: 12px;
    line-height: 44px;
    position: absolute;
    text-align: center;
    width: 20px
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    display: flex;
    float: left;
    position: relative;
    transition: transform var(--el-transition-duration);
    white-space: nowrap;
    z-index: calc(var(--el-index-normal) + 1)
}

.el-tabs__nav.is-stretch {
    display: flex;
    min-width: 100%
}

.el-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
}

.el-tabs__item {
    align-items: center;
    box-sizing: border-box;
    color: var(--el-text-color-primary);
    display: flex;
    font-size: var(--el-font-size-base);
    font-weight: 500;
    height: var(--el-tabs-header-height);
    justify-content: center;
    list-style: none;
    padding: 0 20px;
    position: relative
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus-visible {
    border-radius: 3px;
    box-shadow: 0 0 2px 2px var(--el-color-primary) inset
}

.el-tabs__item .is-icon-close {
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs__item .is-icon-close:before {
    display: inline-block;
    transform: scale(.9)
}

.el-tabs__item .is-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-disabled-text-color);
    cursor: not-allowed
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid var(--el-border-color-light);
    height: var(--el-tabs-header-height)
}

.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 .is-icon-close {
    font-size: 12px;
    height: 14px;
    overflow: hidden;
    position: relative;
    right: -2px;
    transform-origin: 100% 50%;
    width: 0
}

.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) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.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 .is-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: var(--el-bg-color)
}

.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 .is-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: var(--el-fill-color-light);
    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 {
    border: 1px solid transparent;
    color: var(--el-text-color-secondary);
    margin-top: -1px;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.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 {
    background-color: var(--el-bg-color-overlay);
    border-left-color: var(--el-border-color);
    border-right-color: var(--el-border-color);
    color: var(--el-color-primary)
}

.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-disabled-text-color)
}

.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--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--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--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),
.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) {
    padding-left: 20px
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
    padding-left: 13px
}

.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--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--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,
.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 {
    padding-right: 20px
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover {
    padding-right: 13px
}

.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)
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-bottom: 0;
    margin-top: -1px
}

.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 {
    bottom: auto;
    height: auto;
    top: 0;
    width: 2px
}

.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 {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%
}

.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 {
    bottom: 0;
    right: auto
}

.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 {
    bottom: auto;
    height: 100%;
    top: 0;
    width: 2px
}

.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 {
    flex-direction: column
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-left {
    justify-content: flex-end
}

.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-right {
    justify-content: flex-start
}

.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-bottom: none;
    border-left: none;
    border-right: 1px solid var(--el-border-color-light);
    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-bottom: none;
    border-left: none;
    border-right: 1px solid #fff
}

.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-bottom: 1px solid var(--el-border-color-light);
    border-radius: 4px 0 0 4px;
    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 var(--el-border-color)
}

.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: rgb(209, 219, 229) 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-bottom: none;
    border-left: 1px solid #fff;
    border-right: 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-bottom: 1px solid var(--el-border-color-light);
    border-left: none;
    border-radius: 0 4px 4px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid var(--el-border-color)
}

.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: rgb(209, 219, 229) transparent
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter var(--el-transition-duration)
}

.slideInRight-leave {
    animation: slideInRight-leave var(--el-transition-duration);
    left: 0;
    position: absolute;
    right: 0
}

.slideInLeft-enter {
    animation: slideInLeft-enter var(--el-transition-duration)
}

.slideInLeft-leave {
    animation: slideInLeft-leave var(--el-transition-duration);
    left: 0;
    position: absolute;
    right: 0
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform: translate(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }
}

@keyframes slideInRight-leave {
    0% {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translate(100%);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform: translate(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-leave {
    0% {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translate(-100%);
        transform-origin: 0 0
    }
}

.el-tag {
    --el-tag-font-size: 12px;
    --el-tag-border-radius: 4px;
    --el-tag-border-radius-rounded: 9999px;
    align-items: center;
    background-color: var(--el-tag-bg-color);
    border-color: var(--el-tag-border-color);
    border-radius: var(--el-tag-border-radius);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(--el-tag-text-color);
    display: inline-flex;
    font-size: var(--el-tag-font-size);
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0 9px;
    vertical-align: middle;
    white-space: nowrap;
    --el-icon-size: 14px
}

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

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

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

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

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

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

.el-tag.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.is-round {
    border-radius: var(--el-tag-border-radius-rounded)
}

.el-tag .el-tag__close {
    color: var(--el-tag-text-color);
    flex-shrink: 0
}

.el-tag .el-tag__close:hover {
    background-color: var(--el-tag-hover-color);
    color: var(--el-color-white)
}

.el-tag.el-tag--primary {
    --el-tag-text-color: var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-text-color: var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-text-color: var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-text-color: var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-text-color: var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-text-color: var(--el-color-info)
}

.el-tag .el-icon {
    border-radius: 50%;
    cursor: pointer;
    font-size: calc(var(--el-icon-size) - 2px);
    height: var(--el-icon-size);
    width: var(--el-icon-size)
}

.el-tag .el-tag__close {
    margin-left: 6px
}

.el-tag--dark {
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--dark,
.el-tag--dark.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3)
}

.el-tag--dark.el-tag--success {
    --el-tag-bg-color: var(--el-color-success);
    --el-tag-border-color: var(--el-color-success);
    --el-tag-hover-color: var(--el-color-success-light-3)
}

.el-tag--dark.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning);
    --el-tag-border-color: var(--el-color-warning);
    --el-tag-hover-color: var(--el-color-warning-light-3)
}

.el-tag--dark.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger);
    --el-tag-border-color: var(--el-color-danger);
    --el-tag-hover-color: var(--el-color-danger-light-3)
}

.el-tag--dark.el-tag--error {
    --el-tag-bg-color: var(--el-color-error);
    --el-tag-border-color: var(--el-color-error);
    --el-tag-hover-color: var(--el-color-error-light-3)
}

.el-tag--dark.el-tag--info {
    --el-tag-bg-color: var(--el-color-info);
    --el-tag-border-color: var(--el-color-info);
    --el-tag-hover-color: var(--el-color-info-light-3)
}

.el-tag--dark.el-tag--danger,
.el-tag--dark.el-tag--error,
.el-tag--dark.el-tag--info,
.el-tag--dark.el-tag--primary,
.el-tag--dark.el-tag--success,
.el-tag--dark.el-tag--warning {
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--plain,
.el-tag--plain.el-tag--primary {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary)
}

.el-tag--plain.el-tag--success {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-success-light-5);
    --el-tag-hover-color: var(--el-color-success)
}

.el-tag--plain.el-tag--warning {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-warning-light-5);
    --el-tag-hover-color: var(--el-color-warning)
}

.el-tag--plain.el-tag--danger {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-danger-light-5);
    --el-tag-hover-color: var(--el-color-danger)
}

.el-tag--plain.el-tag--error {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-error-light-5);
    --el-tag-hover-color: var(--el-color-error)
}

.el-tag--plain.el-tag--info {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-info-light-5);
    --el-tag-hover-color: var(--el-color-info)
}

.el-tag.is-closable {
    padding-right: 5px
}

.el-tag--large {
    height: 32px;
    padding: 0 11px;
    --el-icon-size: 16px
}

.el-tag--large .el-tag__close {
    margin-left: 8px
}

.el-tag--large.is-closable {
    padding-right: 7px
}

.el-tag--small {
    height: 20px;
    padding: 0 7px;
    --el-icon-size: 12px
}

.el-tag--small .el-tag__close {
    margin-left: 4px
}

.el-tag--small.is-closable {
    padding-right: 3px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag.el-tag--primary.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.el-tag--success.is-hit {
    border-color: var(--el-color-success)
}

.el-tag.el-tag--warning.is-hit {
    border-color: var(--el-color-warning)
}

.el-tag.el-tag--danger.is-hit {
    border-color: var(--el-color-danger)
}

.el-tag.el-tag--error.is-hit {
    border-color: var(--el-color-error)
}

.el-tag.el-tag--info.is-hit {
    border-color: var(--el-color-info)
}

.el-text {
    --el-text-font-size: var(--el-font-size-base);
    --el-text-color: var(--el-text-color-regular);
    align-self: center;
    color: var(--el-text-color);
    font-size: var(--el-text-font-size);
    margin: 0;
    overflow-wrap: break-word;
    padding: 0
}

.el-text.is-truncated {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-text.is-line-clamp {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.el-text--large {
    --el-text-font-size: var(--el-font-size-medium)
}

.el-text--default {
    --el-text-font-size: var(--el-font-size-base)
}

.el-text--small {
    --el-text-font-size: var(--el-font-size-extra-small)
}

.el-text.el-text--primary {
    --el-text-color: var(--el-color-primary)
}

.el-text.el-text--success {
    --el-text-color: var(--el-color-success)
}

.el-text.el-text--warning {
    --el-text-color: var(--el-color-warning)
}

.el-text.el-text--danger {
    --el-text-color: var(--el-color-danger)
}

.el-text.el-text--error {
    --el-text-color: var(--el-color-error)
}

.el-text.el-text--info {
    --el-text-color: var(--el-color-info)
}

.el-text>.el-icon {
    vertical-align: -2px
}

.time-select {
    margin: 5px 0;
    min-width: 0
}

.time-select .el-picker-panel__content {
    margin: 0;
    max-height: 200px
}

.time-select-item {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 10px
}

.time-select-item.disabled {
    color: var(--el-datepicker-border-color);
    cursor: not-allowed
}

.time-select-item:hover {
    background-color: var(--el-fill-color-light);
    cursor: pointer;
    font-weight: 700
}

.time-select .time-select-item.selected:not(.disabled) {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-timeline-item {
    padding-bottom: 20px;
    position: relative
}

.el-timeline-item__wrapper {
    padding-left: 28px;
    position: relative;
    top: -3px
}

.el-timeline-item__tail {
    border-left: 2px solid var(--el-timeline-node-color);
    height: 100%;
    left: 4px;
    position: absolute
}

.el-timeline-item .el-timeline-item__icon {
    color: var(--el-color-white);
    font-size: var(--el-font-size-small)
}

.el-timeline-item__node {
    align-items: center;
    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;
    position: absolute
}

.el-timeline-item__node--normal {
    height: var(--el-timeline-node-size-normal);
    left: -1px;
    width: var(--el-timeline-node-size-normal)
}

.el-timeline-item__node--large {
    height: var(--el-timeline-node-size-large);
    left: -2px;
    width: 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 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.el-timeline-item__content {
    color: var(--el-text-color-primary)
}

.el-timeline-item__timestamp {
    color: var(--el-text-color-secondary);
    font-size: var(--el-font-size-small);
    line-height: 1
}

.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);
    font-size: var(--el-font-size-base);
    list-style: none;
    margin: 0
}

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: none
}

.el-timeline .el-timeline-item__center {
    align-items: center;
    display: flex
}

.el-timeline .el-timeline-item__center .el-timeline-item__wrapper {
    width: 100%
}

.el-timeline .el-timeline-item__center .el-timeline-item__tail {
    top: 0
}

.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail {
    height: calc(50% + 10px);
    top: calc(50% - 10px)
}

.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail {
    display: block;
    height: calc(50% - 10px)
}

.el-tooltip-v2__content {
    --el-tooltip-v2-padding: 5px 10px;
    --el-tooltip-v2-border-radius: 4px;
    --el-tooltip-v2-border-color: var(--el-border-color);
    background-color: var(--el-color-white);
    border: 1px solid var(--el-border-color);
    border-radius: var(--el-tooltip-v2-border-radius);
    color: var(--el-color-black);
    padding: var(--el-tooltip-v2-padding)
}

.el-tooltip-v2__arrow {
    color: var(--el-color-white);
    height: var(--el-tooltip-v2-arrow-height);
    left: var(--el-tooltip-v2-arrow-x);
    pointer-events: none;
    position: absolute;
    top: var(--el-tooltip-v2-arrow-y);
    width: var(--el-tooltip-v2-arrow-width)
}

.el-tooltip-v2__arrow:after,
.el-tooltip-v2__arrow:before {
    border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow {
    bottom: 0
}

.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:before {
    border-bottom: 0;
    border-top-color: var(--el-color-white);
    border-top-width: var(--el-tooltip-v2-arrow-border-width);
    top: calc(100% - 1px)
}

.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:after {
    border-bottom: 0;
    border-top-color: var(--el-border-color);
    border-top-width: var(--el-tooltip-v2-arrow-border-width);
    top: 100%;
    z-index: -1
}

.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow {
    top: 0
}

.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:before {
    border-bottom-color: var(--el-color-white);
    border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
    border-top: 0;
    bottom: calc(100% - 1px)
}

.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:after {
    border-bottom-color: var(--el-border-color);
    border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
    border-top: 0;
    bottom: 100%;
    z-index: -1
}

.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow {
    right: 0
}

.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:before {
    border-left-color: var(--el-color-white);
    border-left-width: var(--el-tooltip-v2-arrow-border-width);
    border-right: 0;
    left: calc(100% - 1px)
}

.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:after {
    border-left-color: var(--el-border-color);
    border-left-width: var(--el-tooltip-v2-arrow-border-width);
    border-right: 0;
    left: 100%;
    z-index: -1
}

.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow {
    left: 0
}

.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:before {
    border-left: 0;
    border-right-color: var(--el-color-white);
    border-right-width: var(--el-tooltip-v2-arrow-border-width);
    right: calc(100% - 1px)
}

.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:after {
    border-left: 0;
    border-right-color: var(--el-border-color);
    border-right-width: var(--el-tooltip-v2-arrow-border-width);
    right: 100%;
    z-index: -1
}

.el-tooltip-v2__content.is-dark {
    --el-tooltip-v2-border-color: transparent;
    color: var(--el-color-white)
}

.el-tooltip-v2__content.is-dark,
.el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow {
    background-color: var(--el-color-black);
    border-color: transparent
}

.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-bg-color: var(--el-fill-color-light);
    --el-transfer-panel-footer-height: 40px;
    --el-transfer-panel-body-height: 278px;
    --el-transfer-item-height: 30px;
    --el-transfer-filter-height: 32px;
    font-size: var(--el-font-size-base)
}

.el-transfer__buttons {
    display: inline-block;
    padding: 0 30px;
    vertical-align: middle
}

.el-transfer__button {
    vertical-align: top
}

.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 .el-icon+span {
    margin-left: 0
}

.el-transfer-panel {
    background: var(--el-bg-color-overlay);
    box-sizing: border-box;
    display: inline-block;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: var(--el-transfer-panel-width)
}

.el-transfer-panel__body {
    border-bottom: 1px solid var(--el-transfer-border-color);
    border-bottom-left-radius: var(--el-transfer-border-radius);
    border-bottom-right-radius: var(--el-transfer-border-radius);
    border-left: 1px solid var(--el-transfer-border-color);
    border-right: 1px solid var(--el-transfer-border-color);
    height: var(--el-transfer-panel-body-height);
    overflow: hidden
}

.el-transfer-panel__body.is-with-footer {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.el-transfer-panel__list {
    box-sizing: border-box;
    height: var(--el-transfer-panel-body-height);
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 6px 0
}

.el-transfer-panel__list.is-filterable {
    height: calc(100% - var(--el-transfer-filter-height) - 30px);
    padding-top: 0
}

.el-transfer-panel__item {
    display: block !important;
    height: var(--el-transfer-item-height);
    line-height: var(--el-transfer-item-height);
    padding-left: 15px
}

.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 {
    box-sizing: border-box;
    display: block;
    line-height: var(--el-transfer-item-height);
    overflow: hidden;
    padding-left: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 8px
}

.el-transfer-panel__filter {
    box-sizing: border-box;
    padding: 15px;
    text-align: center
}

.el-transfer-panel__filter .el-input__inner {
    border-radius: calc(var(--el-transfer-filter-height)/2);
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    height: var(--el-transfer-filter-height);
    width: 100%
}

.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-transfer-panel .el-transfer-panel__header {
    align-items: center;
    background: var(--el-transfer-panel-header-bg-color);
    border: 1px solid var(--el-transfer-border-color);
    border-top-left-radius: var(--el-transfer-border-radius);
    border-top-right-radius: var(--el-transfer-border-radius);
    box-sizing: border-box;
    color: var(--el-color-black);
    display: flex;
    height: var(--el-transfer-panel-header-height);
    margin: 0;
    padding-left: 15px
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    color: var(--el-text-color-primary);
    font-size: 16px;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    color: var(--el-text-color-secondary);
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.el-transfer-panel .el-transfer-panel__footer {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-transfer-border-color);
    border-bottom-left-radius: var(--el-transfer-border-radius);
    border-bottom-right-radius: var(--el-transfer-border-radius);
    height: var(--el-transfer-panel-footer-height);
    margin: 0;
    padding: 0
}

.el-transfer-panel .el-transfer-panel__footer:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    color: var(--el-text-color-regular);
    padding-left: 20px
}

.el-transfer-panel .el-transfer-panel__empty {
    color: var(--el-text-color-secondary);
    height: var(--el-transfer-item-height);
    line-height: var(--el-transfer-item-height);
    margin: 0;
    padding: 6px 15px 0;
    text-align: center
}

.el-transfer-panel .el-checkbox__label {
    padding-left: 8px
}

.el-transfer-panel .el-checkbox__inner {
    border-radius: 3px;
    height: 14px;
    width: 14px
}

.el-transfer-panel .el-checkbox__inner:after {
    height: 6px;
    left: 4px;
    width: 3px
}

.el-tree {
    --el-tree-node-content-height: 26px;
    --el-tree-node-hover-bg-color: var(--el-fill-color-light);
    --el-tree-text-color: var(--el-text-color-regular);
    --el-tree-expand-icon-color: var(--el-text-color-placeholder);
    background: var(--el-fill-color-blank);
    color: var(--el-tree-text-color);
    cursor: default;
    font-size: var(--el-font-size-base);
    position: relative
}

.el-tree__empty-block {
    height: 100%;
    min-height: 60px;
    position: relative;
    text-align: center;
    width: 100%
}

.el-tree__empty-text {
    color: var(--el-text-color-secondary);
    font-size: var(--el-font-size-base);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-tree__drop-indicator {
    background-color: var(--el-color-primary);
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.el-tree-node {
    outline: none;
    white-space: nowrap
}

.el-tree-node:focus>.el-tree-node__content {
    background-color: var(--el-tree-node-hover-bg-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 {
    --el-checkbox-height: var(--el-tree-node-content-height);
    align-items: center;
    cursor: pointer;
    display: flex;
    height: var(--el-tree-node-content-height)
}

.el-tree-node__content>.el-tree-node__expand-icon {
    box-sizing: content-box;
    padding: 6px
}

.el-tree-node__content>label.el-checkbox {
    margin-right: 8px
}

.el-tree-node__content:hover {
    background-color: var(--el-tree-node-hover-bg-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 {
    color: var(--el-tree-expand-icon-color);
    cursor: pointer;
    font-size: 12px;
    transform: rotate(0);
    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;
    visibility: hidden
}

.el-tree-node__expand-icon.is-hidden {
    visibility: hidden
}

.el-tree-node__loading-icon {
    color: var(--el-tree-expand-icon-color);
    font-size: var(--el-font-size-base);
    margin-right: 8px
}

.el-tree-node>.el-tree-node__children {
    background-color: transparent;
    overflow: hidden
}

.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-tree-select {
    --el-tree-node-content-height: 26px;
    --el-tree-node-hover-bg-color: var(--el-fill-color-light);
    --el-tree-text-color: var(--el-text-color-regular);
    --el-tree-expand-icon-color: var(--el-text-color-placeholder)
}

.el-tree-select__popper .el-tree-node__expand-icon {
    margin-left: 8px
}

.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after {
    content: none
}

.el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item {
    padding-left: 32px
}

.el-tree-select__popper .el-select-dropdown__item {
    background: transparent !important;
    flex: 1;
    height: 20px;
    line-height: 20px;
    padding-left: 0
}

.el-upload {
    --el-upload-dragger-padding-horizontal: 40px;
    --el-upload-dragger-padding-vertical: 10px;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    outline: none
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    color: var(--el-text-color-regular);
    font-size: 12px;
    margin-top: 7px
}

.el-upload iframe {
    filter: alpha(opacity=0);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.el-upload--picture-card {
    --el-upload-picture-card-size: 148px;
    align-items: center;
    background-color: var(--el-fill-color-lighter);
    border: 1px dashed var(--el-border-color-darker);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: var(--el-upload-picture-card-size);
    justify-content: center;
    vertical-align: top;
    width: var(--el-upload-picture-card-size)
}

.el-upload--picture-card>i {
    color: var(--el-text-color-secondary);
    font-size: 28px
}

.el-upload--picture-card:hover {
    border-color: var(--el-color-primary);
    color: var(--el-color-primary)
}

.el-upload.is-drag {
    display: block
}

.el-upload:focus {
    color: var(--el-color-primary)
}

.el-upload:focus,
.el-upload:focus .el-upload-dragger {
    border-color: var(--el-color-primary)
}

.el-upload-dragger {
    background-color: var(--el-fill-color-blank);
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
    position: relative;
    text-align: center
}

.el-upload-dragger .el-icon--upload {
    color: var(--el-text-color-placeholder);
    font-size: 67px;
    line-height: 50px;
    margin-bottom: 16px
}

.el-upload-dragger+.el-upload__tip {
    text-align: center
}

.el-upload-dragger~.el-upload__files {
    border-top: var(--el-border);
    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: var(--el-color-primary-light-9);
    border: 2px dashed var(--el-color-primary);
    padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px)
}

.el-upload-list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    position: relative
}

.el-upload-list__item {
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    font-size: 14px;
    margin-bottom: 5px;
    position: relative;
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    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 .el-icon--upload-success {
    color: var(--el-color-success)
}

.el-upload-list__item .el-icon--close {
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: none;
    opacity: .75;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity var(--el-transition-duration)
}

.el-upload-list__item .el-icon--close:hover {
    color: var(--el-color-primary);
    opacity: 1
}

.el-upload-list__item .el-icon--close-tip {
    color: var(--el-color-primary);
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-style: normal;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 1px
}

.el-upload-list__item:hover {
    background-color: var(--el-fill-color-light)
}

.el-upload-list__item:hover .el-icon--close {
    display: inline-flex
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item .el-upload-list__item-info {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4px;
    width: calc(100% - 30px)
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: inline-flex
}

.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:not(.focusing):focus .el-icon--close-tip {
    display: none
}

.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 {
    display: none;
    opacity: 0
}

.el-upload-list__item-name {
    align-items: center;
    color: var(--el-text-color-regular);
    display: inline-flex;
    font-size: var(--el-font-size-base);
    padding: 0 4px;
    text-align: center;
    transition: color var(--el-transition-duration)
}

.el-upload-list__item-name .el-icon {
    color: var(--el-text-color-secondary);
    margin-right: 6px
}

.el-upload-list__item-file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-upload-list__item-status-label {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    line-height: inherit;
    position: absolute;
    right: 5px;
    top: 0;
    transition: opacity var(--el-transition-duration)
}

.el-upload-list__item-delete {
    color: var(--el-text-color-regular);
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0
}

.el-upload-list__item-delete:hover {
    color: var(--el-color-primary)
}

.el-upload-list--picture-card {
    --el-upload-list-picture-card-size: 148px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0
}

.el-upload-list--picture-card .el-upload-list__item {
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-flex;
    height: var(--el-upload-list-picture-card-size);
    margin: 0 8px 8px 0;
    overflow: hidden;
    padding: 0;
    width: var(--el-upload-list-picture-card-size)
}

.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 {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block;
    opacity: 0
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    background: var(--el-color-success);
    height: 24px;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px
}

.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 {
    align-items: center;
    background-color: var(--el-overlay-color-lighter);
    color: #fff;
    cursor: default;
    display: inline-flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity var(--el-transition-duration);
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    cursor: pointer;
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 16px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    color: inherit;
    font-size: inherit;
    position: static
}

.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-flex
}

.el-upload-list--picture-card .el-progress {
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    align-items: center;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
    z-index: 0
}

.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 {
    display: inline-flex;
    opacity: 0
}

.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 i {
    display: none
}

.el-upload-list--picture .el-upload-list__item .el-icon--close {
    top: 5px;
    transform: translateY(0)
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    align-items: center;
    background-color: var(--el-color-white);
    display: inline-flex;
    height: 70px;
    justify-content: center;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 70px;
    z-index: 1
}

.el-upload-list--picture .el-upload-list__item-status-label {
    background: var(--el-color-success);
    height: 26px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: -7px;
    transform: rotate(45deg);
    width: 46px
}

.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 {
    cursor: default;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.el-upload-cover:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    height: 100%;
    width: 100%
}

.el-upload-cover__label {
    background: var(--el-color-success);
    height: 24px;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px
}

.el-upload-cover__label i {
    color: #fff;
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-cover__progress {
    display: inline-block;
    position: static;
    vertical-align: middle;
    width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.el-upload-cover__interact {
    background-color: var(--el-overlay-color-light);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.el-upload-cover__interact .btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-top: 60px;
    transition: var(--el-transition-md-fade);
    vertical-align: middle
}

.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 {
    background-color: #fff;
    bottom: 0;
    color: var(--el-text-color-primary);
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 36px;
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-vl__wrapper {
    position: relative
}

.el-vl__wrapper.always-on .el-virtual-scrollbar,
.el-vl__wrapper:hover .el-virtual-scrollbar {
    opacity: 1
}

.el-vl__window {
    scrollbar-width: none
}

.el-vl__window::-webkit-scrollbar {
    display: none
}

.el-virtual-scrollbar {
    opacity: 0;
    transition: opacity .34s ease-out
}

.el-virtual-scrollbar.always-on {
    opacity: 1
}

.el-vg__wrapper {
    position: relative
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px);
    border-radius: var(--el-popper-border-radius);
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    overflow-wrap: break-word;
    padding: 5px 11px;
    position: absolute;
    visibility: visible;
    z-index: 2000
}

.el-popper.is-dark {
    color: var(--el-bg-color)
}

.el-popper.is-dark,
.el-popper.is-dark .el-popper__arrow:before {
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary)
}

.el-popper.is-dark .el-popper__arrow:before {
    right: 0
}

.el-popper.is-light,
.el-popper.is-light .el-popper__arrow:before {
    background: var(--el-bg-color-overlay);
    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 {
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -1
}

.el-popper__arrow:before {
    background: var(--el-text-color-primary);
    box-sizing: border-box;
    content: " ";
    transform: rotate(45deg)
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
    border-top-right-radius: 2px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
    border-bottom-left-radius: 2px
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent !important;
    border-top-color: transparent !important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent !important;
    border-top-color: transparent !important
}

.el-statistic {
    --el-statistic-title-font-weight: 400;
    --el-statistic-title-font-size: var(--el-font-size-extra-small);
    --el-statistic-title-color: var(--el-text-color-regular);
    --el-statistic-content-font-weight: 400;
    --el-statistic-content-font-size: var(--el-font-size-extra-large);
    --el-statistic-content-color: var(--el-text-color-primary)
}

.el-statistic__head {
    color: var(--el-statistic-title-color);
    font-size: var(--el-statistic-title-font-size);
    font-weight: var(--el-statistic-title-font-weight);
    line-height: 20px;
    margin-bottom: 4px
}

.el-statistic__content {
    color: var(--el-statistic-content-color);
    font-size: var(--el-statistic-content-font-size);
    font-weight: var(--el-statistic-content-font-weight)
}

.el-statistic__value {
    display: inline-block
}

.el-statistic__prefix {
    display: inline-block;
    margin-right: 4px
}

.el-statistic__suffix {
    display: inline-block;
    margin-left: 4px
}

.el-tour {
    --el-tour-width: 520px;
    --el-tour-padding-primary: 12px;
    --el-tour-font-line-height: var(--el-font-line-height-primary);
    --el-tour-title-font-size: 16px;
    --el-tour-title-text-color: var(--el-text-color-primary);
    --el-tour-title-font-weight: 400;
    --el-tour-close-color: var(--el-color-info);
    --el-tour-font-size: 14px;
    --el-tour-color: var(--el-text-color-primary);
    --el-tour-bg-color: var(--el-bg-color);
    --el-tour-border-radius: 4px
}

.el-tour__hollow {
    transition: all var(--el-transition-duration) ease
}

.el-tour__content {
    border-radius: var(--el-tour-border-radius);
    box-shadow: var(--el-box-shadow-light);
    outline: none;
    overflow-wrap: break-word;
    padding: var(--el-tour-padding-primary);
    width: var(--el-tour-width)
}

.el-tour__arrow,
.el-tour__content {
    background: var(--el-tour-bg-color);
    box-sizing: border-box
}

.el-tour__arrow {
    height: 10px;
    pointer-events: none;
    position: absolute;
    transform: rotate(45deg);
    width: 10px
}

.el-tour__content[data-side^=top] .el-tour__arrow {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-tour__content[data-side^=bottom] .el-tour__arrow {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-tour__content[data-side^=left] .el-tour__arrow {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-tour__content[data-side^=right] .el-tour__arrow {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-tour__content[data-side^=top] .el-tour__arrow {
    bottom: -5px
}

.el-tour__content[data-side^=bottom] .el-tour__arrow {
    top: -5px
}

.el-tour__content[data-side^=left] .el-tour__arrow {
    right: -5px
}

.el-tour__content[data-side^=right] .el-tour__arrow {
    left: -5px
}

.el-tour__closebtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    height: 40px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.el-tour__closebtn .el-tour__close {
    color: var(--el-tour-close-color);
    font-size: inherit
}

.el-tour__closebtn:focus .el-tour__close,
.el-tour__closebtn:hover .el-tour__close {
    color: var(--el-color-primary)
}

.el-tour__header {
    padding-bottom: var(--el-tour-padding-primary)
}

.el-tour__header.show-close {
    padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))
}

.el-tour__title {
    color: var(--el-tour-title-text-color);
    font-size: var(--el-tour-title-font-size);
    font-weight: var(--el-tour-title-font-weight);
    line-height: var(--el-tour-font-line-height)
}

.el-tour__body {
    color: var(--el-tour-text-color);
    font-size: var(--el-tour-font-size)
}

.el-tour__body img,
.el-tour__body video {
    max-width: 100%
}

.el-tour__footer {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-top: var(--el-tour-padding-primary)
}

.el-tour__content .el-tour-indicators {
    display: inline-block;
    flex: 1
}

.el-tour__content .el-tour-indicator {
    background: var(--el-color-info-light-9);
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin-right: 6px;
    width: 6px
}

.el-tour__content .el-tour-indicator.is-active {
    background: var(--el-color-primary)
}

.el-tour.el-tour--primary {
    --el-tour-title-text-color: #fff;
    --el-tour-text-color: #fff;
    --el-tour-bg-color: var(--el-color-primary);
    --el-tour-close-color: #fff
}

.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,
.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close {
    color: var(--el-tour-title-text-color)
}

.el-tour.el-tour--primary .el-button--default {
    background: #fff;
    border-color: var(--el-color-primary);
    color: var(--el-color-primary)
}

.el-tour.el-tour--primary .el-button--primary {
    border-color: #fff
}

.el-tour.el-tour--primary .el-tour-indicator {
    background: rgba(255, 255, 255, .15)
}

.el-tour.el-tour--primary .el-tour-indicator.is-active {
    background: #fff
}

.el-tour-parent--hidden {
    overflow: hidden
}

.el-anchor {
    --el-anchor-bg-color: var(--el-bg-color);
    --el-anchor-padding-indent: 14px;
    --el-anchor-line-height: 22px;
    --el-anchor-font-size: 12px;
    --el-anchor-color: var(--el-text-color-secondary);
    --el-anchor-active-color: var(--el-color-primary);
    --el-anchor-marker-bg-color: var(--el-color-primary);
    background-color: var(--el-anchor-bg-color);
    position: relative
}

.el-anchor__marker {
    background-color: var(--el-anchor-marker-bg-color);
    border-radius: 4px;
    opacity: 0;
    position: absolute;
    z-index: 0
}

.el-anchor.el-anchor--vertical .el-anchor__marker {
    height: 14px;
    left: 0;
    top: 8px;
    transition: top .25s ease-in-out, opacity .25s;
    width: 4px
}

.el-anchor.el-anchor--vertical .el-anchor__list {
    padding-left: var(--el-anchor-padding-indent)
}

.el-anchor.el-anchor--vertical.el-anchor--underline:before {
    background-color: #0505050f;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 2px
}

.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
    border-radius: unset;
    width: 2px
}

.el-anchor.el-anchor--horizontal .el-anchor__marker {
    bottom: 0;
    height: 2px;
    transition: left .25s ease-in-out, opacity .25s, width .25s;
    width: 20px
}

.el-anchor.el-anchor--horizontal .el-anchor__list {
    display: flex;
    padding-bottom: 4px
}

.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
    padding-left: 16px
}

.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
    padding-left: 0
}

.el-anchor.el-anchor--horizontal.el-anchor--underline:before {
    background-color: #0505050f;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
    border-radius: unset;
    height: 2px
}

.el-anchor__item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.el-anchor__link {
    cursor: pointer;
    font-size: var(--el-anchor-font-size);
    line-height: var(--el-anchor-line-height);
    max-width: 100%;
    outline: none;
    overflow: hidden;
    padding: 4px 0;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: color var(--el-transition-duration);
    white-space: nowrap
}

.el-anchor__link,
.el-anchor__link:focus,
.el-anchor__link:hover {
    color: var(--el-anchor-color)
}

.el-anchor__link.is-active {
    color: var(--el-anchor-active-color)
}

.el-anchor .el-anchor__list .el-anchor__item a {
    display: inline-block
}

.el-segmented {
    --el-segmented-color: var(--el-text-color-regular);
    --el-segmented-bg-color: var(--el-fill-color-light);
    --el-segmented-padding: 2px;
    --el-segmented-item-selected-color: var(--el-color-white);
    --el-segmented-item-selected-bg-color: var(--el-color-primary);
    --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
    --el-segmented-item-hover-color: var(--el-text-color-primary);
    --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
    --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
    --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
    align-items: stretch;
    background: var(--el-segmented-bg-color);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    color: var(--el-segmented-color);
    display: inline-flex;
    font-size: 14px;
    min-height: 32px;
    padding: var(--el-segmented-padding)
}

.el-segmented__group {
    align-items: stretch;
    display: flex;
    position: relative;
    width: 100%
}

.el-segmented__item-selected {
    background: var(--el-segmented-item-selected-bg-color);
    border-radius: calc(var(--el-border-radius-base) - 2px);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 10px
}

.el-segmented__item-selected.is-disabled {
    background: var(--el-segmented-item-selected-disabled-bg-color)
}

.el-segmented__item-selected.is-focus-visible:before {
    border-radius: inherit;
    content: "";
    inset: 0;
    outline: 2px solid var(--el-segmented-item-selected-bg-color);
    outline-offset: 1px;
    position: absolute
}

.el-segmented__item {
    align-items: center;
    border-radius: calc(var(--el-border-radius-base) - 2px);
    cursor: pointer;
    display: flex;
    flex: 1;
    padding: 0 11px
}

.el-segmented__item:not(.is-disabled):not(.is-selected):hover {
    background: var(--el-segmented-item-hover-bg-color);
    color: var(--el-segmented-item-hover-color)
}

.el-segmented__item:not(.is-disabled):not(.is-selected):active {
    background: var(--el-segmented-item-active-bg-color)
}

.el-segmented__item.is-selected,
.el-segmented__item.is-selected.is-disabled {
    color: var(--el-segmented-item-selected-color)
}

.el-segmented__item.is-disabled {
    color: var(--el-segmented-item-disabled-color);
    cursor: not-allowed
}

.el-segmented__item-input {
    height: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.el-segmented__item-label {
    flex: 1;
    line-height: normal;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap;
    z-index: 1
}

.el-segmented.is-block {
    display: flex
}

.el-segmented.is-block .el-segmented__item {
    min-width: 0
}

.el-segmented--large {
    border-radius: var(--el-border-radius-base);
    font-size: 16px;
    min-height: 40px
}

.el-segmented--large .el-segmented__item,
.el-segmented--large .el-segmented__item-selected {
    border-radius: calc(var(--el-border-radius-base) - 2px)
}

.el-segmented--large .el-segmented__item {
    padding: 0 11px
}

.el-segmented--small {
    border-radius: calc(var(--el-border-radius-base) - 1px);
    font-size: 14px;
    min-height: 24px
}

.el-segmented--small .el-segmented__item,
.el-segmented--small .el-segmented__item-selected {
    border-radius: calc(var(--el-border-radius-base) - 3px)
}

.el-segmented--small .el-segmented__item {
    padding: 0 7px
}