.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    text-decoration: none;
}

/* CSS common */
.clearFloat:after {
    height: 0px;
    content: ".";
    clear: both;
    visibility: hidden;
    display: block;
}

.clearFloat {
    zoom: 1;
}

ul {
    list-style: none;
    padding: 0px;
}

html,
body,
#app,
.el-container {
    height: 100%;
    margin: 0px;
    overflow: hidden;
}

:root {
    --primary-color: #0E1F97;
    /* 默认蓝色 */
}

.el-header {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 80px;
    height: 80px !important;
    background: url("../images1/index20.png") no-repeat center;
    background-size: 100% 100%;
}

.el-link--inner img {
    vertical-align: middle;
}

.headMess a {
    color: #fff;
    font-size: 16px;
}

    .headMess a span {
        color: #fff;
    }

.el-aside {
    background-color: #F9FAFB;
    color: #333;
    text-align: center;
    height: 100%;
    padding: 20px;
}

.headMess .el-link.el-link--default {
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border: none !important;
}

    .headMess .el-link.el-link--default::before {
        position: absolute;
        height: 24px;
        width: 1px;
        background-color: #fff;
        content: ' ';
        left: 0px;
    }

    .headMess .el-link.el-link--default:hover {
        color: #fff;
    }

.headMess .el-link.is-underline:hover:after {
    border: none;
}

.headMess .el-link.skin::before {
    width: 0px;
}

.noline::before {
    width: 0px !important;
}

.el-main {
    background-color: #F9FAFB;
    /* background: red; */
    color: #333;
    text-align: center;
    padding: 10px 10px 10px 0px;
}

.el-menu {
    background: url("../images1/index22.png") no-repeat center bottom;
    background-size: 100% 100%;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    border-right: none;
}

    .el-menu .el-menu {
        background: none;
    }

    .el-menu::-webkit-scrollbar {
        width: 0px;
    }

    .el-menu li {
        text-align: left;
    }

.el-submenu__title {
    color: #364560;
}

.el-menu li li {
    padding-left: 50px !important;
}

.el-menu-item.is-active {
    background: var(--primary-color);
    color: #fff;
}

    .el-menu-item.is-active::before {
        position: absolute;
        left: 4px;
        content: ' ';
        top: 0px;
        bottom: 0px;
        width: 3px;
        background-color: #fff;
    }

.subHead {
    padding: 0px 20px;
    height: 50px;
    background: #fff;
    margin-bottom: 5px;
}

    .subHead .el-breadcrumb__item {
        line-height: 50px;
        font-size: 16px;
        color: #687284;
    }

        .subHead .el-breadcrumb__item:first-child i {
            opacity: 0;
            width: 10px;
        }

        .subHead .el-breadcrumb__item:first-child span {
            color: #333333;
            font-size: 17px;
        }

        .subHead .el-breadcrumb__item:last-child span {
            color: #153063;
        }

        .subHead .el-breadcrumb__item:nth-child(2) i {
            opacity: 0;
            width: 10px;
        }

.subBottom {
    margin-top: 5px;
    padding: 0px 20px;
    background: #fff;
    position: relative;
}

    .subBottom .tab {
        text-align: left;
        height: 46px;
        min-width: 1450px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

        .subBottom .tab::after {
            position: absolute;
            background: #DDE6E9;
            height: 2px;
            content: '';
            bottom: 2px;
            left: 20px;
            right: 20px;
        }

        .subBottom .tab::-webkit-scrollbar {
            height: 2px;
            background-color: none;
        }

        .subBottom .tab::-webkit-scrollbar-thumb {
            background-color: #888;
        }

        .subBottom .tab .el-link {
            margin-right: 2%;
            padding-top: 2px;
            height: 40px;
        }

            .subBottom .tab .el-link.el-link {
                color: #687284;
                font-size: 16px;
                border-bottom: 2px solid transparent;
                position: relative;
                z-index: 11;
            }

                .subBottom .tab .el-link.el-link.active {
                    border-bottom: 2px solid #153063;
                }

                .subBottom .tab .el-link.el-link.active {
                    color: #153063;
                }

            .subBottom .tab .el-link.is-underline:hover:after {
                border: none;
            }

            .subBottom .tab .el-link.el-link:hover {
                border-bottom: 2px solid #153063;
            }

            .subBottom .tab .el-link.el-link:hover {
                color: #153063;
            }

.searchSuffix {
    padding: 18px 10px;
    text-align: left;
    background: #fff;
    color: #222222;
    font-size: 14px;
}

    .searchSuffix .el-select input {
        height: 28px;
        font-size: 14px;
        line-height: 28px;
    }

    .searchSuffix .el-select .el-input__icon {
        line-height: 28px;
    }

    .searchSuffix .el-button {
        background: var(--primary-color);
        border: none;
        height: 30px;
        padding: 0px 10px;
        font-size: 14px;
        margin-right: 10px;
    }

    .searchSuffix .el-button {
        margin-left: 5px;
        margin-right: 0px;
    }

    .searchSuffix .searchdesc {
        margin-left: 10px;
    }

.table {
    padding: 0px 10px;
    background-color: #fff;
    height: calc(100% - 125px);
    overflow-y: auto;
}

.el-table__empty-text {
    background: url("../images1/empty.png") no-repeat center 120px;
    background-size: 116px 116px;
    padding-top: 226px;
    padding-bottom: 5%;
}

.el-table thead th {
    background: #ECF7FF !important;
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 !important;
}

.el-table tr td {
    color: #222222;
    font-size: 14px;
}

.el-table tbody tr .el-table__cell {
    padding: 5px 0px;
}

.editBtn {
    background: url("../images1/index18.png") no-repeat left center;
    padding-left: 20px;
    color: #004E96;
    font-size: 14px;
    text-decoration: underline;
}

.delBtn {
    background: url("../images1/index19.png") no-repeat left center;
    padding-left: 20px;
    color: #004E96;
    font-size: 14px;
    text-decoration: underline;
}

.greenBtn {
    background: url("../images1/index21.png") no-repeat left center;
    padding-left: 20px;
    color: #004E96;
    font-size: 14px;
    text-decoration: underline;
}

.viewBtn {
    background: url("../images1/view.png") no-repeat left center;
    padding-left: 20px;
    color: #004E96;
    font-size: 14px;
    text-decoration: underline;
}

.cancalBtn {
    background: url("../images1/index23.png") no-repeat left center;
    padding-left: 20px;
    color: #F21414;
    font-size: 14px;
    text-decoration: underline;
}

.qiBtn {
    background: url("../images1/pause.png") no-repeat left center;
    padding-left: 20px;
    color: #004E96;
    font-size: 14px;
    text-decoration: underline;
}

.userBtn {
    background: url("../images2/user.png") no-repeat left center;
    padding-left: 20px;
    color: #004E96;
    font-size: 14px;
    text-decoration: underline;
}

.keyBtn {
    background: url("../images2/key.png") no-repeat left center;
    padding-left: 20px;
    color: #004E96;
    font-size: 14px;
    text-decoration: underline;
}

.tingBtn {
    background: url("../images1/stop.png") no-repeat left center;
    padding-left: 20px;
    color: #004E96;
    font-size: 14px;
    text-decoration: underline;
}

.inputSearch {
    width: 190px;
    height: 28px !important;
    line-height: 28px !important;
}

    .inputSearch .el-input__icon {
        color: var(--primary-color);
        line-height: 30px;
    }

    .inputSearch .el-input-group__append {
        margin: 0px;
        background: var(--primary-color);
        border: none;
        height: 28px;
        font-size: 14px;
        color: #fff;
    }

    .inputSearch .el-button {
        margin: 0px;
    }

    .inputSearch.el-input-group > .el-input__inner {
        height: 30px !important;
    }

.el-pagination {
    margin-top: 10px;
}

.el-pager li,
.btn-next,
.btn-next {
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #D9D9D9;
    margin: 0px 4px;
}

    .el-pager li.active {
        border: 1px solid #004E96;
        color: #004E96;
    }

    .el-pager li:hover {
        color: #004E96;
    }

    .el-pager li.active + li {
        border: 1px solid #D9D9D9;
    }

.el-message {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #fff;
    top: 20% !important;
}

    .el-message p {
        color: #153063 !important;
        font-size: 16px;
        font-weight: bold;
    }

    .el-message.el-message--success i {
        display: inline-block;
        width: 29px;
        height: 29px;
        color: transparent;
        background: url("../images1/success.png") no-repeat center;
    }

    .el-message.el-message--error i {
        display: inline-block;
        width: 29px;
        height: 29px;
        color: transparent;
        background: url("../images1/warning2.png") no-repeat center;
    }

.el-dialog__footer {
    text-align: center;
}

    .el-dialog__footer .el-button.el-button--primary {
        width: 120px;
        height: 46px;
        background: #004E96;
        border-radius: 3px;
        font-size: 18px;
    }

    .el-dialog__footer .el-button.el-button--default {
        width: 120px;
        height: 46px;
        border-radius: 3px;
        border: 1px solid #004E96;
        font-size: 18px;
        color: #004E96;
    }

.el-dialog .el-dialog__title {
    font-size: 21px;
    color: #292929;
    line-height: 36px;
}

.el-dialog__header {
    text-align: left;
}

.el-dialog__headerbtn {
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: rgba(153, 153, 153, 1);
    font-size: 20px;
}

.subBox {
    padding-right: 10px;
}

    .subBox p {
        color: rgba(51, 51, 51, 1);
        font-size: 21px;
    }

        .subBox p i {
            color: rgba(255, 15, 15, 1);
            margin-right: 5px;
        }

.el-form-item__label {
    color: rgba(34, 34, 34, 1);
    font-size: 14px;
}

.el-transfer-panel .el-transfer-panel__header {
    background: #ECF7FF;
    color: #4C4D57;
    font-size: 14px;
    text-align: left;
}

.el-transfer__button.is-active,
.el-transfer__button:active {
    background: #004E96 !important;
    border-color: #004E96;
}

.el-transfer__button {
    background: #004E96;
    border-color: #004E96;
}

    .el-transfer__button:hover {
        background: #004E96 !important;
        border-color: #004E96;
    }

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background: #004E96;
    border-color: #004E96;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #004E96;
}

.el-transfer-panel__item:hover {
    color: #004E96;
}

.el-input-group__append,
.el-input-group__prepend {
    border-color: #004E96;
    background: #004E96;
    color: #fff;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #004E96;
    background: #004E96;
}

.el-radio__input.is-checked + .el-radio__label {
    color: #004E96;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #004E96;
}

.tabTop {
    background: #ECF7FF;
    height: 44px;
    line-height: 44px;
    margin: 0px 20px 12px;
    text-align: left;
    font-size: 14px;
    color: #222222;
    padding-left: 15px;
}

    .tabTop .el-button {
        margin-right: 40px;
        height: 28px;
        background: #838FE2;
        border-radius: 3px;
        border: none;
        line-height: 28px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

        .tabTop .el-button.lastBtn {
            margin-right: 0px;
            margin-top: 8px;
            float: right;
        }

.loginBox {
    width: 85%;
    background: #fff;
    overflow: hidden;
    position: fixed;
    left: 7.5%;
    top: 5%;
}

    .loginBox .fl {
        width: 63%;
    }

        .loginBox .fl img {
            width: 100%;
            height: 100%;
        }

    .loginBox .fr {
        width: 37%;
        padding-left: 57px;
        padding-right: 57px;
        box-sizing: border-box;
    }

        .loginBox .fr .logo {
            margin-top: 134px;
        }

        .loginBox .fr p {
            font-size: 24px;
            color: rgba(0, 0, 0, 0.85);
            line-height: 28px;
            margin-top: 40px;
            margin-bottom: 40px;
        }

        .loginBox .fr .el-form-item__content {
            margin-left: 0px !important;
        }

        .loginBox .fr .el-input__inner {
            background: rgba(154, 171, 255, 0.05);
            border-radius: 4px;
            border: none;
        }

        .loginBox .fr .el-checkbox-group {
            line-height: 40px !important;
        }

        .loginBox .fr .el-link {
            display: inline;
            vertical-align: 0px;
            text-decoration: underline;
        }

        .loginBox .fr .el-checkbox-group .el-link:hover {
            display: inline;
            vertical-align: 0px;
            color: #004E96;
        }

        .loginBox .fr .el-checkbox-group .el-link:nth-child(3) {
            text-decoration: none !important;
        }

.loginBtn {
    height: 56px;
    background: var(--primary-color);
    border-radius: 4px;
    font-size: 20px;
    color: #FFFFFF;
    width: 100%;
    border: none;
}

.other {
    text-align: center;
    margin-top: 50px;
}

    .other .el-link {
        text-decoration: none !important;
        padding: 0px 3.5%;
    }

        .other .el-link:last-child {
            border-left: 1px solid rgba(0, 0, 0, 0.65);
            margin-left: 20px;
        }

        .other .el-link img {
            margin-right: 15px;
        }

.loginBox .fr .el-link:hover::after {
    border-bottom: none;
}

.el-input-group__append,
.el-input-group__prepend {
    padding: 0px;
}

.zupload {
    text-align: left;
    border: 1px solid #DCDEE1;
    border-radius: 4px;
    padding: 0px 10px 10px;
    min-height: 300px;
}

    .zupload p {
        font-size: 12px;
        color: #AAAAAA;
        line-height: 22px;
    }

.el-upload--picture-card {
    width: 88px;
    height: 88px;
    line-height: 88px;
    border-radius: 2px;
    border: 1px solid #004E96;
}

    .el-upload--picture-card i {
        color: #004E96;
    }

.el-upload-list--picture-card .el-upload-list__item {
    width: 88px;
    height: 88px;
    border-radius: 2px;
}

.loginBox1 {
    width: 435px;
    border-radius: 20px;
    top: 50%;
    margin-top: -236px;
    left: auto;
    right: 150px;
}

    .loginBox1 .fr {
        width: 100%;
        padding: 30px;
    }

        .loginBox1 .fr .logo {
            margin-top: 0px;
        }

        .loginBox1 .fr p {
            margin-top: 20px;
            margin-bottom: 20px;
        }

    .loginBox1 .other {
        margin-top: 10px;
    }

        .loginBox1 .other .el-link {
            padding-right: 0px;
        }

            .loginBox1 .other .el-link img {
                margin-right: 5px;
            }

            .loginBox1 .other .el-link:first-child {
                padding-left: 0px;
            }

                .loginBox1 .other .el-link:first-child img {
                    margin-right: 10px;
                }

    .loginBox1 .el-form-item {
        margin-bottom: 18px;
    }

.skin img {
    margin-right: 10px;
}

.el-icon-message-solid {
    font-size: 20px;
}

.headMess .el-badge__content.is-fixed.is-dot {
    right: auto;
    left: 23px;
    top: 33px;
}

.headMess .el-badge__content.is-dot {
    width: 6px;
    height: 6px;
}

.color1 {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: linear-gradient(319deg, #071191 0%, #9EBAFB 100%);
    box-shadow: 1px 2px 3px 0px rgba(82, 112, 128, 0.1);
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 10px;
}

.color2 {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: linear-gradient(319deg, #294763 0%, #BFD8FC 100%);
    box-shadow: 1px 2px 3px 0px rgba(82, 112, 128, 0.1);
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 10px;
}

.color3 {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: linear-gradient(319deg, #8F1212 0%, #FFA9A9 100%);
    box-shadow: 1px 2px 3px 0px rgba(82, 112, 128, 0.1);
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 10px;
}

.slelectCol {
    background-color: #EEEEEE;
}

.subTab .el-icon-success {
    color: #CCCCCC;
    display: none !important;
    margin-top: 11px;
    margin-left: 10px;
}

.slelectCol .el-icon-success {
    display: inline-block !important;
}

.comCol1 .el-header {
    background: url(../images1/index20.png) no-repeat center;
    background-size: 100% 100%;
}

.comCol2 .el-header {
    background: url(../images1/index201.png) no-repeat center;
    background-size: 100% 100%;
}

.comCol3 .el-header {
    background: url(../images1/index202.png) no-repeat center;
    background-size: 100% 100%;
}

.comCol1 .el-menu {
    background: url(../images1/index22.png) no-repeat center;
    background-size: 100% 100%;
}

.comCol2 .el-menu {
    background: url(../images1/index221.png) no-repeat center;
    background-size: 100% 100%;
}

.comCol3 .el-menu {
    background: url(../images1/index222.png) no-repeat center;
    background-size: 100% 100%;
}

.comCol1 .cont1_left .left1 .top1 {
    background: url(../images1/home24.png) no-repeat center;
    background-size: 100% 132px;
}

.comCol2 .cont1_left .left1 .top1 {
    background: url(../images1/home25.png) no-repeat center;
    background-size: 100% 132px;
}

.comCol3 .cont1_left .left1 .top1 {
    background: url(../images1/home26.png) no-repeat center;
    background-size: 100% 132px;
}

.index_cont1 {
    padding-right: 20px;
}

.index_top {
    margin: 0px 0px 20px;
    background: linear-gradient(90deg, #FFFFFF 0%, #F7F9FF 100%);
    box-shadow: 2px 5px 7px 0px rgba(128, 141, 188, 0.1);
    border-radius: 4px;
}

    .index_top ul {
        margin-top: 0px;
    }

        .index_top ul li {
            float: left;
            width: 16.6%;
            padding: 25px 0px;
        }

            .index_top ul li .el-link {
                padding: 10px 0px;
                font-size: 14px;
                color: #333333;
                border-right: 1px solid #D7D7D7;
                display: block;
            }

            .index_top ul li:last-child .el-link {
                border: none;
            }

            .index_top ul li .el-link.el-link--default:hover {
                color: #333 !important;
            }

            .index_top ul li .el-link.is-underline:hover:after {
                border: none !important;
            }

            .index_top ul li .el-link img {
                margin-right: 3px;
            }

            .index_top ul li .el-link .el-badge {
                font-size: 24px;
                color: #1C1C28;
                font-weight: bold;
                margin-left: 5px;
                vertical-align: -2px;
            }

.indexTitle {
    font-size: 16px;
    color: #1C1C28;
    font-weight: bold;
    padding: 20px 0px;
    text-align: left;
}

    .indexTitle span {
        position: relative;
        padding-left: 8px;
    }

        .indexTitle span::before {
            width: 3px;
            height: 15px;
            background: var(--primary-color);
            content: ' ';
            display: inline-block;
            margin-top: 4px;
            left: 0px;
            position: absolute;
        }

.index_cont1 .cont1_right {
    background: linear-gradient(90deg, #FFFFFF 0%, #F7F9FF 100%);
    box-shadow: 2px 5px 7px 0px rgba(128, 141, 188, 0.1);
    border-radius: 4px;
    height: 371px;
}

    .index_cont1 .cont1_right ul {
        margin-top: 0px;
    }

        .index_cont1 .cont1_right ul li {
            float: left;
            width: 33.33%;
        }

            .index_cont1 .cont1_right ul li .el-link.el-link--default:hover {
                color: #2C2F35 !important;
            }

            .index_cont1 .cont1_right ul li .el-link.is-underline:hover:after {
                border: none !important;
            }

            .index_cont1 .cont1_right ul li p {
                line-height: 24px;
                font-size: 16px;
                color: #2C2F35;
                font-weight: bold;
            }

.cont1_left {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 3px 4px 13px 0px rgba(11, 24, 70, 0.05);
    height: 371px;
}

    .cont1_left .left1 {
        background: #FFFFFF;
        box-shadow: 3px 4px 13px 0px rgba(11, 24, 70, 0.05);
    }

    .cont1_left .left1 {
        padding-right: 0px !important;
    }

        .cont1_left .left1 .top1 {
            margin: 15px;
            background: url("../images1/BG2.png") no-repeat center top;
            background-size: 100% 132px;
            height: 132px;
            border-bottom: 1px solid rgba(79, 96, 132, 0.2);
            padding-top: 15px;
        }

            .cont1_left .left1 .top1 div {
                background: url("../images1/home23.png") no-repeat center;
                background-size: 64px 64px;
                width: 64px;
                height: 64px;
                margin: 0px auto;
            }

            .cont1_left .left1 .top1 p {
                font-size: 14px;
                color: #FFFFFF;
            }

                .cont1_left .left1 .top1 p span {
                    font-size: 16px;
                }

            .cont1_left .left1 .top1 div img {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                margin-top: 2px;
            }

        .cont1_left .left1 ul {
            padding: 0px 20px;
            margin-bottom: 0px;
        }

            .cont1_left .left1 ul li:last-child .el-link {
                border: none;
            }

            .cont1_left .left1 ul li .el-link.el-link--default:hover {
                color: #333 !important;
            }

            .cont1_left .left1 ul li .el-link.is-underline:hover:after {
                border: none !important;
            }

            .cont1_left .left1 ul li {
                float: left;
                width: 50%;
                margin-bottom: 5px;
                text-align: left;
            }

                .cont1_left .left1 ul li img {
                    width: 42px;
                    height: 42px;
                    margin-right: 15px;
                }

                .cont1_left .left1 ul li span {
                    font-size: 12px;
                    color: #555770;
                }

                .cont1_left .left1 ul li p {
                    font-size: 14px;
                    color: #1C1C28;
                    margin-top: 10px;
                }

    .cont1_left .left2 {
        box-shadow: 3px 4px 13px 0px rgba(11, 24, 70, 0.05);
    }

    .cont1_left .left3 {
        box-shadow: 3px 4px 13px 0px rgba(11, 24, 70, 0.05);
    }

    .cont1_left .top2 span {
        font-size: 24px;
        color: #1C1C28;
        line-height: 28px;
        font-weight: bold;
    }

    .cont1_left .top2 p {
        font-size: 16px;
        color: #1C1C28;
    }

    .cont1_left .top2 {
        padding: 10px 0px;
        border-bottom: 1px solid rgba(79, 96, 132, 0.2);
        margin: 0px 8px;
    }

    .cont1_left .top3 {
        margin: 0px 20px;
    }

    .cont1_left .left4 {
        box-shadow: 3px 4px 13px 0px rgba(11, 24, 70, 0.05);
        padding-bottom: 10px;
    }

        .cont1_left .left4 ul {
            padding: 0px 20px 0px;
            overflow-y: auto;
            margin-bottom: 0px;
        }

            .cont1_left .left4 ul::-webkit-scrollbar {
                width: 0px;
            }

            .cont1_left .left4 ul li {
                border-bottom: 1px solid rgba(79, 96, 132, 0.2);
            }

                .cont1_left .left4 ul li:last-child {
                    border: none;
                }

                .cont1_left .left4 ul li .el-link {
                    padding-bottom: 10px;
                    line-height: 32px;
                }

                .cont1_left .left4 ul li:last-child .el-link {
                    border: none;
                }

                .cont1_left .left4 ul li .el-link.el-link--default:hover {
                    color: #333 !important;
                }

                .cont1_left .left4 ul li .el-link.is-underline:hover:after {
                    border: none !important;
                }

                .cont1_left .left4 ul li div span {
                    font-size: 14px;
                    text-align: left;
                }

                    .cont1_left .left4 ul li div span:first-child {
                        color: #8F90A6;
                        width: 80px;
                        float: left;
                    }

                    .cont1_left .left4 ul li div span:last-child {
                        color: #1C1C28;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        display: block;
                        overflow: hidden;
                    }

.index_cont2 {
    margin-top: 22px;
}

    .index_cont2 .cont2_left1,
    .index_cont2 .cont2_left2 {
        background: #FFFFFF;
        border-radius: 4px;
    }

    .index_cont2 .cont2_left1 {
        padding: 0px 20px;
    }

        .index_cont2 .cont2_left1 .alink {
            font-size: 14px;
            color: var(--primary-color);
            text-decoration: underline;
            margin-left: 10px;
        }

        .index_cont2 .cont2_left1 .el-button--primary {
            line-height: 24px;
            background: #FFFFFF;
            border-radius: 3px;
            border: 1px solid var(--primary-color);
            font-size: 12px;
            color: var(--primary-color);
            padding: 0px 10px;
            margin-top: 18px;
        }

            .index_cont2 .cont2_left1 .el-button--primary.add_bg {
                background: var(--primary-color);
                color: #fff;
            }

        .index_cont2 .cont2_left1 .indexSub {
            padding-bottom: 30px;
        }

            .index_cont2 .cont2_left1 .indexSub .el-table tbody .el-table__cell {
                padding: 18px 10px;
            }

            .index_cont2 .cont2_left1 .indexSub .tabBox {
                position: relative;
            }

                .index_cont2 .cont2_left1 .indexSub .tabBox .el-select {
                    position: absolute;
                    right: 0px;
                    top: -5px;
                }

                .index_cont2 .cont2_left1 .indexSub .tabBox .el-input--suffix .el-input__inner {
                    height: 28px;
                    line-height: 28px;
                }

                .index_cont2 .cont2_left1 .indexSub .tabBox .el-input__icon {
                    line-height: 28px;
                }

            .index_cont2 .cont2_left1 .indexSub p {
                margin: 0px;
                font-size: 18px;
                color: #2C2F35;
                font-weight: bold;
                text-align: left;
                margin-top: -5px;
                margin-bottom: 15px;
                clear: both;
            }

            .index_cont2 .cont2_left1 .indexSub ul {
                margin-top: 25px;
            }

                .index_cont2 .cont2_left1 .indexSub ul li {
                    font-size: 14px;
                    margin-bottom: 25px;
                }

                    .index_cont2 .cont2_left1 .indexSub ul li .lef1 {
                        color: #555770;
                    }

                        .index_cont2 .cont2_left1 .indexSub ul li .lef1 span:first-child {
                            display: block;
                            margin-bottom: 55px;
                        }

                    .index_cont2 .cont2_left1 .indexSub ul li .lefBox {
                        border-left: 3px solid rgba(43, 191, 146, 1);
                        border-radius: 4px 0px 0px 4px;
                        padding: 15px 0px 20px 20px;
                        color: #2C2F35;
                        text-align: left;
                        width: 85%;
                        background: linear-gradient( 90deg, rgba(43, 191, 146, 0.1) 0%, rgba(43,191,146,0) 100%);
                        border-radius: 4px;
                    }

                    .index_cont2 .cont2_left1 .indexSub ul li:first-child .lefBox {
                        background: linear-gradient( 90deg, rgba(0, 117, 255, 0.1) 0%, rgba(0,117,255,0) 100%);
                        border-left: 3px solid #0075FF;
                    }

                    .index_cont2 .cont2_left1 .indexSub ul li .lefBox span:first-child {
                        display: block;
                        margin-bottom: 25px;
                    }

                    .index_cont2 .cont2_left1 .indexSub ul li .lefBox .lef2 {
                        text-align: left;
                        font-weight: bold;
                    }

                    .index_cont2 .cont2_left1 .indexSub ul li .lefBox .rig1 {
                        text-align: right;
                        color: #555770;
                    }

                        .index_cont2 .cont2_left1 .indexSub ul li .lefBox .rig1 span:first-child {
                            color: #9DA7B2;
                        }

    .index_cont2 .cont2_left2 {
        text-align: left;
        padding: 0px 20px;
    }

        .index_cont2 .cont2_left2 .sub1 span {
            font-size: 16px;
            color: #4A4A4A;
        }

        .index_cont2 .cont2_left2 .sub1 .el-badge {
            font-size: 24px;
            color: #1C1C28;
            font-weight: bold;
            vertical-align: -3px;
            margin-left: 10px;
        }

    .index_cont2 .cont2_left3 {
        margin-top: 20px;
        text-align: left;
        padding: 0px 20px;
        background: #fff;
    }

        .index_cont2 .cont2_left3 .el-button--primary {
            line-height: 24px;
            background: #FFFFFF;
            border-radius: 3px;
            border: 1px solid var(--primary-color);
            font-size: 12px;
            color: var(--primary-color);
            padding: 0px 10px;
            margin-top: 18px;
        }

            .index_cont2 .cont2_left3 .el-button--primary.add_bg {
                background: var(--primary-color);
                color: #fff;
            }

.el-dialog__body {
    padding: 10px 20px;
}

.sub-dialog {
    padding: 10px 10px;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}

.sub-dialog-footer {
    text-align: center;
    position: fixed;
    bottom: 10px;
    width: 100%;
}

    .sub-dialog-footer .el-button.el-button--primary {
        width: 120px;
        height: 46px;
        background: #004E96;
        border-radius: 3px;
        font-size: 18px;
    }

    .sub-dialog-footer .el-button.el-button--default {
        width: 120px;
        height: 46px;
        border-radius: 3px;
        border: 1px solid #004E96;
        font-size: 18px;
        color: #004E96;
    }

.el-form-item__label {
    padding: 0px;
}

.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
    margin-bottom: 10px;
}

.el-form-item {
    margin-bottom: 10px;
}

.sub-start {
    color: #2A8F0F;
}

.sub-stop {
    color: #ED4F41;
}

.nowrap {
    white-space: nowrap;
}

.el-checkbox {
    padding-top: 6px;
}

.el-checkbox__input {
    padding-bottom: 3px;
}

.progress {
}

    .progress .progress_mask {
        position: fixed;
        z-index: 91;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
    }

    .progress .progress_tage {
        position: fixed;
        z-index: 92;
        top: 48%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        overflow: hidden;
    }

        .progress .progress_tage .el-progress__text {
            color: #fff !important;
        }

.el-main-import {
    background-color: transparent;
    padding: 10px 10px 10px 10px;
}

.el-header-import {
    background-color: transparent !important;
    text-align: left !important;
    line-height: initial !important;
    background: none !important;
    padding: 10px 10px;
}

.el-header-page {
    background-color: transparent !important;
    text-align: left !important;
    line-height: initial !important;
    background: none !important;
    height: auto !important;
}

.iframe1 {
    width: 100%;
    height: 100%;
}

.searchSuffix .el-input__inner {
    height: 30px;
    line-height: 30px;
}

.searchSuffix .el-input__icon {
    line-height: 30px;
}

.el-date-editor .el-range-separator {
    line-height: 20px;
}

.el-date-editor .el-range__icon {
    line-height: 0px;
}

.el-tabs--border-card {
    height: calc(100% - 5px);
}

    .el-tabs--border-card > .el-tabs__content {
        padding: 5px;
        height: calc(100% - 45px);
    }

        .el-tabs--border-card > .el-tabs__content > div {
            height: 100%;
        }
