:root {
    --tb_color: #559BF6;
}

html, body {
    padding: 0;
    margin: 0;
    font-family: 'microsoft yahei', sans-serif;
    color: #696969;
    background-color: White;
}

h2 {
    margin: 0
}

a:link {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

.ap-header {
    height: 165px;
    width: 100%;
    min-width: 1010px;
    background: url(img/header.png) top
}

    .ap-header h2 {
        font-size: 45px;
        line-height: 60px;
        padding-top: 50px;
        color: #3D54EC;
        font-weight: 500;
        text-align: center;
        margin: 0
    }

    .ap-header .sub-title {
        color: #475299;
        font-size: 13px;
        text-align: center;
        height: 32px;
        line-height: 32px;
        font-weight: 600
    }

.p-main {
    width: 90%;
    max-width: 1360px;
    min-width: 1010px;
    margin: 0 auto;
    min-height: inherit;
    position: relative;
}

.info-viewtable {
    border: 1px solid #D4D9F4
}

    .info-viewtable .tbl-header {
        background: #E9ECFF;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        height: 48px;
        line-height: 48px
    }

    .info-viewtable .tbl-row {
        height: 48px;
        line-height: 48px;
        border-bottom: 1px dashed #DFDFDF;
        color: #333;
        font-size: 15px;
        font-weight: 500
    }

    .info-viewtable .tbl-col {
        text-align: center;
        float: left;
        width: 20%
    }

    .info-viewtable .tbl-col2 {
        text-align: center;
        float: left;
        width: 40%
    }

    .info-viewtable .remark-row {
        height: 60px;
        color: #4850E0;
        font-size: 14px;
        font-weight: 600;
        text-align: center
    }

.button-container {
    padding: 10px
}

.ta-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0
}

.ta-counter {
    position: absolute;
    bottom: 3px;
    right: 5px;
    color: #aaa
}

label {
    font-size: 12px;
    cursor: pointer;
}

    label i {
        font-size: 14px;
        font-style: normal;
        display: inline-block;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 16px;
        color: #fff;
        vertical-align: middle;
        border: #D9D9D9 1px solid;
        border-radius: 2px
    }

        label i.round {
            border-radius: 50%
        }

        label i.fa, label i.layui-icon {
            line-height: 18px
        }

    label input[type="checkbox"], label input[type="radio"] {
        visibility: hidden;
        width: 0;
    }

input[type="checkbox"]:checked + i, input[type="radio"]:checked + i {
    background: #22B036;
    border-color: #22B036;
}

.switch-item {
    margin-right: 5px
}

    .switch-item span {
        vertical-align: middle;
        padding-left: 3px
    }

input, textarea {
    box-sizing: border-box
}

.dialog-main-content {
    padding: 15px 0;
    box-sizing: border-box;
    overflow: auto
}

.t-abtn {
    display: inline-block;
    height: 16px;
    vertical-align: middle;
}

.replace-container {
    position: relative
}

.layui-layer-loading.part-block {
    z-index: 2;
    top: 50%;
    left: 50%;
    position: absolute
}

    .layui-layer-loading.part-block .layui-layer-loading1 {
        margin-top: -19px;
        margin-left: -19px
    }

.layui-layer-content .rightInfo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #4F8A10;
    background-color: #DFF2BF;
    line-height: 25px;
    padding: 15px;
    font-size: 14px
}

.hflash {
    animation-name: highlight;
    animation-duration: 0.75s;
    animation-iteration-count: 2;
    animation-direction: reverse
}

/*.hflash .common-table-odd-backgroundColor {
        animation-name: highlight;
        animation-duration: 0.75s;
        animation-iteration-count: 2;
        animation-direction: reverse
    }*/

@keyframes highlight {
    0% {
        box-shadow: 0 0 1px 1px #49ABFF;
        position: relative;
        z-index: 30
    }

    50% {
        box-shadow: 0 0 2px 3px #49ABFF;
        position: relative;
        z-index: 30
    }

    75% {
        box-shadow: 0 0 3px 1px #49ABFF;
        position: relative;
        z-index: 30
    }

    100% {
        box-shadow: none
    }
}

.part-page {
    padding: 0;
    overflow-y: auto
}

.layui-colla-content.layui-show .common-table {
    border-left: 1px solid #eee
}

.multi-input-container {
    display: inline-block;
    vertical-align: middle
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}
/* 此处已经被更改,原为display:none , 更改原因,显示默认提示 */
.field-validation-valid {
}

.field-validation-message {
    color: #B1B1B1;
    font-size: 14px;
    font-style: italic;
}

.field-validation-checked {
    color: Green;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.tooltip-inner {
    background-color: #d9edf7;
    color: #696969;
}

.tooltip-arrow {
    border-right-color: #d9edf7 !important;
}

.validation-error-icon {
    color: red;
    font-size: 14px;
    font-weight: bolder;
}

.validation-valid-icon {
    color: green;
    font-size: 12px;
    font-weight: bolder;
}

/* 工具栏图标style开始
----------------------------------------------------------*/
.toolbar-button {
    color: #000;
    text-decoration: none;
    height: 40px;
    float: left;
    cursor: pointer;
    margin: 0 5px 0 0;
    cursor: pointer;
}

    .toolbar-button:hover {
        background: #F6F6F6;
        color: #4976DE
    }

    .toolbar-button span {
        padding: 5px 8px 5px 0;
        margin: 5px 0 0 8px;
        float: left;
        height: 40px;
        font-size: 14px;
        vertical-align: middle;
        cursor: pointer;
    }

        .toolbar-button span img {
            vertical-align: middle;
            padding-bottom: 4px;
            border: 0px;
            cursor: pointer;
        }
/* 工具栏样式
----------------------------------------------------------*/
.toolbar {
    width: 100%;
    height: 40px; /*border-bottom: 1px solid #DDEBF8;*/ /* background: url(/Images/layout/toolbarBg.gif) repeat-x;*/
    margin: 0; /*background-color: #F5F7FA;*/
    border-bottom: 1px solid #DADADA; /*border-top: 1px solid #DADADA;*/
}

    .toolbar .toolbar-left {
        width: 65%;
        float: left;
    }

    .toolbar .toolbar-right { /*padding-left: 10px;*/
        float: right; /*background: url(/Images/toolBar/search.jpg) no-repeat;*/
        width: 210px;
        height: 40px;
        margin-top: 5px;
    }

        .toolbar .toolbar-right .common-search-condition { /*margin-top: 3px;*/ /*border: 2px;*/
            width: 180px;
            height: 30px; /*line-height: 17px;vertical-align: middle;*/
            float: left;
            font-size: 14px;
            color: gray; /*color: #808080;background: none;*/
            border: 1px solid #CCC;
            border-radius: 3px;
            padding: 5px
        }

        .toolbar .toolbar-right .common-search-submit {
            position: relative;
            left: -30px;
            top: 3px;
            border: 0;
            background: url(img/search.png) no-repeat;
            width: 30px;
            height: 30px;
            cursor: pointer;
        }
/* 条件显示
----------------------------------------------------------*/
.search-container {
    width: 100%;
    padding: 5px 0px;
    display: block;
    background: #FFFFFF;
    border-bottom: 1px solid #DADADA;
}

    .search-container input[type='text'] {
        width: 146px;
        border: 1px solid #CCC;
        border-radius: 3px;
        padding: 5px /*height: 16px;*/
    }

    .search-container select {
        width: 146px;
        border: 1px solid #CCC;
        border-radius: 3px;
        padding: 5px
    }

    .search-container .search-button { /*width: 60px;*/
    }

    .search-container th {
        text-align: right;
        font-size: 12px;
        color: #5E5E5E;
        font-weight: normal;
        padding-left: 10px;
    }

    .search-container td {
        padding-left: 10px;
    }
/* 功能提示
----------------------------------------------------------*/
.search-clue {
    /*background: url(/Images/trip.gif) no-repeat transparent 5px 7px;*/
    background-color: white;
    padding: 8px 0 5px 22px;
    line-height: 130%;
    font-size: 12px;
    font-weight: bold;
    color: #646464;
}
/* button按钮样式开始
----------------------------------------------------------*/
.button-clear {
    height: 33px;
    width: 60px;
    cursor: pointer;
    border: 0px;
    background: url('/Images/toolBar/button_cancel.png') no-repeat;
    vertical-align: middle
}

.button-search {
    height: 33px;
    width: 60px;
    border: 0px;
    cursor: pointer;
    background: url('/Images/toolBar/button_search.png') no-repeat;
    vertical-align: middle
}

.button-read {
    width: 60px;
    height: 32px;
    border: 0px;
    color: white;
    background: #4D7CFE;
    font-size: 14px;
    border-radius: 2px;
}

.button {
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    width: 68px;
    border: none;
    margin: 0px 0px 0px 10px;
    color: #fff;
    border-radius: 2px;
    background-color: #4D7CFE;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}

    .button:hover {
        background-color: #4b96ff;
    }
/* grid中按钮样式区域begin
----------------------------------------------------------*/
.a-export {
    background-image: url('/images/toolBar/exportXLS.png');
    padding: 0 5px;
    margin: 0 8px;
}

.a-export-disable {
    background-image: url('/images/toolBar/exportXLS.png');
    padding: 0 5px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*查看详情按钮图片*/
.a-detail {
    background-image: url('/images/toolBar/scan.png');
    padding: 0px 6px;
    margin: 0 8px;
}
/*查看详情(不可用)按钮图片*/
.a-detail-disable {
    background-image: url('/images/toolBar/scan-disable.png');
    padding: 1px 7px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*修改按钮图片*/
.a-edit { /*background-image: url('edit.png');*/
    background-image: url('/images/toolBar/edit.png');
    padding: 1px 6.2px;
    margin: 0 8px;
}
/*修改（不可用）按钮图片*/
.a-edit-disable {
    background-image: url('/images/toolBar/edit-disable.png');
    padding: 1px 6.2px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*删除按钮图片*/
.a-delete { /*background-image: url('del.png');*/
    background-image: url('/images/toolBar/delete.png');
    padding: 0px 6px;
    margin: 0 7px;
}
/*删除(不可用)按钮图片*/
.a-delete-disable {
    background-image: url('/images/toolBar/delete-disable.png');
    padding: 1px 6.2px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*替换按钮图片*/
.a-replace {
    background-image: url('/images/toolBar/replace.png');
    padding: 0 6px;
    margin: 0 8px;
}
/*替换(不可用)按钮图片*/
.a-replace-disable {
    background-image: url('/images/toolBar/replace-disable.png');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*新建按钮图片*/
.a-create {
    background-image: url('/images/toolBar/add.png');
    padding: 0 6px;
    margin: 0 8px;
}
/*新建(不可用)按钮图片*/
.a-create-disable {
    background-image: url('/images/toolBar/add-disable.png');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*选择按钮图片*/
.a-choose {
    background-image: url('/images/toolBar/choose.png');
    padding: 0.5px 6px;
    margin: 0 8px;
}
/*选择(不可用)按钮图片*/
.a-choose-disable {
    background-image: url('/images/toolBar/choose-disable.png');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*激活按钮图片*/
.a-toolBaractive {
    background-image: url('/images/toolBar/active.gif');
    padding: 0 6px;
    margin: 0 8px;
}
/*非激活按钮图片*/
.a-toolBarActive-disable {
    background-image: url('/images/toolBar/active-disable.gif');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*锁定按钮图片*/
.a-toolBarLock {
    background-image: url('/images/toolBar/lock.gif');
    padding: 0.5px 6px;
    margin: 0 8px;
}
/*锁定（不可用）按钮图片*/
.a-toolBarLock-disable {
    background-image: url('/images/toolBar/lock-disable.gif');
    padding: 0.5px 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*合同生成按钮图片*/
.a-bookContract {
    background-image: url('/images/toolBar/bookContract.gif');
    padding: 0 6px;
    margin: 0 8px;
}
/*合同生成（不可用）按钮图片*/
.a-bookContract-disable {
    background-image: url('/images/toolBar/bookContract-disable.gif');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*合同作废按钮图片*/
.a-contractCancel {
    background-image: url('/images/toolBar/contractCancel.gif');
    padding: 0 6px;
    margin: 0 8px;
}
/*合同作废（不可用）按钮图片*/
.a-contractCancel-disable {
    background-image: url('/images/toolBar/contractCancel-disable.gif');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*撤销按钮*/
.a-cancelButtun {
    background-image: url('/images/toolBar/cancelImg.png');
    padding: 0 6px;
    margin: 0 8px;
}
/*撤销（不可用）按钮图片*/
.a-cancelButtun-disable {
    background-image: url('/images/toolBar/cancelImg-disable.png');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*撤销按钮*/
.a-confirm {
    background-image: url('/images/toolBar/confirm.png');
    padding: 0 6px;
    margin: 0 8px;
}
/*撤销（不可用）按钮图片*/
.a-confirm-disable {
    background-image: url('/images/toolBar/confirm-disable.png');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*合同提交申请按钮图片*/
.a-contractSubmit {
    background-image: url('/images/toolBar/submit.png');
    padding: 0.5px 6.6px;
    margin: 0 8px;
}
/*合同提交申请（不可用）按钮图片*/
.a-contractSubmit-disable {
    background-image: url('/images/toolBar/submit-disable.png');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*打印按钮图片*/
.a-print {
    background-image: url('/images/toolBar/print.png');
    padding: 0 6px;
    margin: 0 8px;
}
/*打印（不可用）按钮图片*/
.a-print-disable {
    background-image: url('/images/toolBar/print-disable.png');
    padding: 0 6px;
    margin: 0 8px;
    cursor: not-allowed;
}
/*PDF方式打开按钮图片*/
.a-exportPDF {
    background-image: url('/images/toolBar/exportPDF.png');
    padding: 0 6px;
    margin: 0 8px;
}
/*WORD方式打开按钮图片*/
.a-exportWORD {
    background-image: url('/images/toolBar/exportWORD.png');
    padding: 0 6px;
    margin: 0 8px;
}
/* grid中按钮样式区域end
----------------------------------------------------------*/
/* 分页样式
----------------------------------------------------------*/
.pagination-container {
    padding: 2px 0px 2px 2px;
    background-color: white;
    display: block;
    overflow: auto;
    font-size: 12px
}

.paging {
    display: inline-block;
    margin: 5px 8px 3px
}

    .paging a {
        background-color: white;
        padding: 1px 4px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #CCC;
        color: #0063DC;
        margin: 0px;
        text-decoration: none;
        float: left;
    }

        .paging a.pageitem {
            height: 20px;
            width: 16px;
            line-height: 20px;
            margin: 0 3px;
        }

        .paging a:hover {
            border: solid 1px #F50;
            color: #F60;
        }

        .paging a.homepage {
            border: 1px solid #F50;
            font-weight: 700;
            height: 20px;
            width: 16px;
            line-height: 20px;
            color: #F50;
            background-color: #FFEEE5;
        }

        .paging a.page-next {
            background-image: url("/images/T1ebamXel5XXXXXXXX-20-2400.png");
            background-repeat: no-repeat;
            padding: 3px 16px 3px 5px;
            background-position: 35px -944px;
        }

        .paging a.page-prev {
            background-image: url("/images/T1ebamXel5XXXXXXXX-20-2400.png");
            background-repeat: no-repeat;
            padding: 3px 5px 3px 16px;
            background-position: -6px -926px;
        }

    .paging .page-skip {
        color: #999;
        width: auto;
        padding: 0 5px;
        margin-right: 5px;
        text-align: center;
    }

.page-skip {
    float: left;
}

.paging .jumpto {
    width: 24px;
    border: 1px solid #e2e2e2;
    text-align: center;
    height: 24px;
    vertical-align: initial;
    line-height: 22px;
    font-size: 12px;
    padding: 0px;
    border-radius: 0;
    margin: 0 5px
}

.paging .getPage {
    cursor: pointer;
    width: 50px;
    font-size: 12px;
    padding: 0px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #e2e2e2;
    height: 24px;
    margin: 0 5px
}

.paging span.next-off {
    background-image: url("/images/T1ebamXel5XXXXXXXX-20-2400.png");
    background-repeat: no-repeat;
    padding-right: 16px;
    background-position: 38px -942px;
    float: left;
    margin: 0px 0 0 3px;
}

.paging span.previous-off {
    background-image: url("/images/T1ebamXel5XXXXXXXX-20-2400.png");
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position: -6px -924px;
    float: left;
    margin: 0px 3px 0 0;
}

.paging .previous-off, .paging .next-off {
    padding: 3px 5px;
    background-color: white;
    border: 1px solid #CCC;
    color: #ccc;
    margin: 0 2px 0 0;
}

.paging .pageNum {
    color: #C91D1D;
    font-weight: bold;
    font-size: 12px;
}

.paging select.page-number {
    font-size: 12px;
    height: 24px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    margin: 0 5px
}
/* 表格数据显示
----------------------------------------------------------*/
.common-table-container {
    width: 100%;
    overflow: auto;
}

.common-table {
    table-layout: fixed;
    font-size: 14px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-collapse: collapse;
    color: #474747;
    width: 100%;
}

.td-left {
    text-align: left;
    padding: 0 0 0 5px;
}

.td-right {
    text-align: right;
    padding: 0 5px 0 0;
}

.common-table td, .common-table th {
    border-right: 1px solid #EEEEEE;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    /* 超出部分省略号显示 */
    border-bottom: 1px solid #EEEEEE;
    text-align: center;
    width: auto;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.common-table th {
    border-top: 0px; /*overflow: hidden;*/
}

.redColor {
    color: #C91D1D;
    font-weight: bold;
}

.common-table thead tr {
    background: #F2F2F2
}

    .common-table thead tr th, .common-table tfoot tr td {
        border-top: 1px solid #EEEEEE;
        border-right: 1px solid #EEEEEE;
        height: 40px;
        color: black;
        border-bottom: 1px solid #EEEEEE;
        text-align: center;
        width: auto;
        padding-left: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .common-table thead tr th a, .common-table tfoot tr td a {
            color: black;
        }

.common-table-odd-backgroundColor {
    background: #fff;
}

tbody tr.common-table-even-backgroundColor {
    background: #F2F2F2;
    color: black;
    border-top: 1px solid #EEEEEE;
    border-bottom: 2px solid #EEEEEE;
}

.maintbl thead tr {
    background: var(--tb_color);
}

thead tr.common-table-even-backgroundColor {
    border-top: none;
    border-bottom: none
}

/*.common-table thead tr.common-table-even-backgroundColor th {
    border-right: 1px solid #507DFB;
    border-top: none;
    border-bottom: none;
    color: white
}

    .common-table thead tr.common-table-even-backgroundColor th a {
        color: #FFF
    }*/

.common-table-tr-hover {
    background-color: #F5F5F5;
    cursor: pointer;
}

.common-table-tr-hover-default {
    background-color: #F5F5F5;
    cursor: default;
}

.common-table-tr-selected {
    background: #7EC7E7;
    color: #fff;
}

.portal-header {
    height: 88px;
    min-width: 1010px;
    background-color: #529AF9;
    box-shadow: 0 0 3px 2px #CCC;
    color: #FFF
}

.portal-title {
    font-size: 25px;
    font-weight: 500;
    float: left;
    line-height: 88px
}

.portal-nav {
    font-size: 16px;
    font-weight: 500;
    float: right;
    margin-top: 16px
}

    .portal-nav ul {
        padding: 0;
        margin: 16px 0 0 0
    }

        .portal-nav ul li {
            list-style: none;
            display: inline-block;
            cursor: pointer;
            width: 100px;
            text-align: center;
            position: relative;
            vertical-align: middle
        }

            .portal-nav ul li a {
                color: white
            }

            .portal-nav ul li.login-info {
                color: #EEE;
                font-size: 14px;
            }

                .portal-nav ul li.login-info .split {
                    width: 0;
                    height: 16px;
                    display: inline-block;
                    margin: 0 5px;
                    border-left: 1px solid #FFF;
                    vertical-align: middle
                }

.portal-body-back {
    background: #F2F2F5;
    width: 100%;
    padding: 20px 0;
    min-width: 1010px
}

.portal-body {
    width: 90%;
    min-width: 1010px;
    max-width: 1360px;
    margin: 0 auto;
    position: relative;
    min-height: inherit
}

.portal-foot {
    background: #3D3E48;
    color: #8285A1;
    min-width: 1010px
}

    .portal-foot a {
        background: #3D3E48;
        color: #8285A1
    }

    .portal-foot .contracter-info {
        width: 450px;
        position: absolute;
        top: 0;
        left: 0;
    }

        .portal-foot .contracter-info .ewm-part {
            padding: 20px 35px 0 0;
            width: 102px;
            display: inline-block;
            vertical-align: top
        }

        .portal-foot .contracter-info .ewm {
            height: 102px;
            width: 102px;
            background: url(img/ewm.png)
        }

        .portal-foot .contracter-info .ewm-part .ewm-title {
            text-align: center;
            font-weight: 400;
            font-size: 14px;
            line-height: 36px;
            color: #A9ABBC
        }

.contract-detail {
    display: inline-block;
    margin-top: 20px
}

.contract-title {
    color: #DFE1FD;
    font-size: 16px;
    line-height: 32px
}

.link-a {
    line-height: 30px;
    width: 24%;
    min-width: 175px;
    display: inline-block;
    font-size: 14px;
    margin: 5px 0
}

.contract-sp {
    font-size: 14px;
    line-height: 30px;
    margin: 5px 0
}

.portal-foot .split {
    width: 0;
    border-left: 1px solid #64656C;
    position: absolute;
    right: 0;
    top: 35px;
    height: 80px
}
/*.portal-foot .link-park{position:absolute;right:0;left:550px;top:20px}*/
.portal-foot .link-park {
    display: inline-block;
    margin-left: 550px;
    padding: 20px 20px 25px;
    vertical-align: middle
}

.portal-right {
    height: 50px;
    line-height: 50px;
    background: #363741;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.ri-lable {
    color: #8285A1;
}

.ri-name {
    color: #A2A6C4;
    margin-right: 20px
}

.portal-nav ul li a::after {
    background-color: #1E42AA;
    bottom: -28px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    transition: all 0.2s ease 0s;
    width: 0%;
}

.portal-nav ul li a:hover:after, .portal-nav ul li a.active:after {
    width: 100%
}

.portal-menu {
    width: 220px;
    background: #FFF;
    padding: 5px 20px 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.portal-main-part {
    padding: 5px 25px 20px;
    background: #FFF;
    position: relative;
    margin-left: 280px;
    min-height: inherit;
    box-sizing: border-box
}

.main-part-title {
    font-size: 18px;
    color: #8C8C8C;
    border-bottom: 1px solid #DFDFDF;
    line-height: 45px;
    padding-left: 5px
}

.menu-title {
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #DFDFDF;
    line-height: 45px;
    padding-left: 5px
}

ul.menu-left {
    color: #333;
    margin: 0;
    padding: 0
}

    ul.menu-left li {
        line-height: 28px;
        margin: 10px 0;
        list-style: none;
        font-size: 14px;
        padding-left: 5px;
        cursor: pointer;
        font-weight: 500
    }

        ul.menu-left li.active, ul.menu-left li:hover {
            font-size: 16px;
            color: #4976DE
        }

        ul.menu-left li.main-part-title {
            line-height: 45px;
            margin: 0;
            font-size: 16px
        }

.c-icon {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px
}

ul.menu-left li.active .c-icon, ul.menu-left li:hover .c-icon {
    height: 24px;
    width: 24px;
    margin-right: 3px;
    margin-left: -2px
}

.icon-home {
    background: url(img/home.png)
}

ul.menu-left li.active .icon-home, ul.menu-left li:hover .icon-home {
    background: url(img/home_h.png);
    background-size: contain
}

.icon-progress {
    background: url(img/progress.png);
    background-size: contain
}

ul.menu-left li.active .icon-progress, ul.menu-left li:hover .icon-progress {
    background: url(img/progress_h.png);
    background-size: contain
}

.icon-accountmanage {
    background: url(img/accountmanage.png);
    background-size: contain
}

ul.menu-left li.active .icon-accountmanage, ul.menu-left li:hover .icon-accountmanage {
    background: url(img/accountmanage_h.png);
    background-size: contain
}

.icon-infosearch {
    background: url(img/infosearch.png);
    background-size: contain
}

ul.menu-left li.active .icon-infosearch, ul.menu-left li:hover .icon-infosearch {
    background: url(img/infosearch_h.png);
    background-size: contain
}
/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.wfill {
    width: 100%;
    height: 50px;
}

.hfill {
    height: 100%; /*background:#F3F7F9;*/
}

.red {
    color: red;
    font-weight: bold;
}

.p-s1 {
    font-size: 20px;
    font-weight: bold;
    height: 15px;
    padding: 0;
    margin: 5px 0 15px 0;
}
/* table 详细页面、编辑页面、查看页面样式
----------------------------------------------------------*/
.table-detail {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .table-detail tr th {
        text-align: right;
        background: #F3F7F9;
        padding-right: 5px;
    }

    .table-detail tr td, .table-detail tr th {
        border-bottom: 1px solid #e5e5e5;
    }

    .table-detail thead {
        text-align: left;
    }

        .table-detail thead tr { /*background: url("/Images/title_bg.jpg") repeat-x;*/
            height: 22px;
            color: black;
            font-size: 14px;
            font-weight: 800;
            margin-left: 4px;
        }

            .table-detail thead tr td {
                padding-left: 5px;
            }

                .table-detail thead tr td div {
                    background: url("/Images/dialog_title.png") no-repeat;
                    padding: 0px 0 0 20px;
                    position: relative;
                    margin-left: 20px; /* height: 22px;*/
                }

    .table-detail tbody tr {
        height: 45px;
    }

    .table-detail tr th {
        text-align: right;
        width: 140px;
    }

    .table-detail tbody tr td {
        text-align: left;
        background-color: #fff;
        padding-left: 5px;
    }

.table-detail2 {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .table-detail2 tr th {
        text-align: right;
        padding-right: 10px;
    }

    .table-detail2 tr td, .table-detail tr th {
        border-bottom: none
    }

    .table-detail2 thead {
        text-align: left;
    }

        .table-detail2 thead tr { /*background: url("/Images/title_bg.jpg") repeat-x;*/
            height: 22px;
            color: black;
            font-size: 14px;
            font-weight: 800;
            margin-left: 4px;
        }

            .table-detail2 thead tr td {
                padding-left: 5px;
            }

                .table-detail2 thead tr td div {
                    background: url("/Images/dialog_title.png") no-repeat;
                    padding: 0px 0 0 20px;
                    position: relative;
                    margin-left: 20px; /* height: 22px;*/
                }

    .table-detail2 tbody tr {
        height: 45px;
    }

    .table-detail2 tr th {
        text-align: right;
        width: 100px;
    }

    .table-detail2 tbody tr td {
        text-align: left;
        background-color: #fff;
        padding-left: 5px;
    }
/* table 详细页面、编辑页面、查看页面  没有边框和背景
----------------------------------------------------------*/
.table-detail-nostyle {
    width: 100%;
    margin-top: 20px;
    margin-left: 17px;
}

    .table-detail-nostyle tr {
        height: 25px;
    }

    .table-detail-nostyle th {
        text-align: right;
    }

    .table-detail-nostyle td {
        text-align: left;
    }

div.layui-layer-title {
    background-color: var(--tb_color);
    color: white
}

textarea {
    min-height: 75px;
    border-radius: 4px;
    margin: 5px 0;
    border-color: #ccc;
    padding: 2px 5px;
    font-size: 14px;
    color: #444;
    line-height: 22px;
}

    textarea.forminput {
    }

.ta-container textarea {
    margin: 0
}

input[type="text"], input[type="password"] {
    border: 1px solid #ccc; /*border: 1px solid rgba(239,239,239,1);*/
    padding: 2px; /*font-size: 1.2em;*/
    color: #444;
    width: 200px;
    border-radius: 4px;
    height: 32px;
    padding: 4px 7px;
    font-size: 14px;
}

select {
    border: 1px solid #ccc;
    padding: 2px; /*font-size: 1.2em;*/
    color: #444;
    width: 200px;
    height: 32px;
    font-size: 14px;
    border-radius: 4px;
}


html::-webkit-scrollbar, div::-webkit-scrollbar {
    width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
    scrollbar-arrow-color: red;
}

html::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 5px rgba(80,125,251,0.2);
    background: rgba(80,125,251,0.6);
    scrollbar-arrow-color: red;
}

html::-webkit-scrollbar-track, div::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(80,125,251,0.2);
    border-radius: 0;
    background: rgba(80,125,251,0.1);
}

.float-container {
}

    .float-container .float-item {
        float: left;
        width: 33%;
        height: 220px;
        cursor: pointer
    }

.module-icon {
    width: 118px;
    height: 118px;
    margin: 0 auto;
    margin-top: 38px
}

    .module-icon img {
        width: 100%
    }

.module-title {
    font-weight: 500;
    font-size: 22px;
    color: #000;
    text-align: center
}

input.hiddenInput {
    width: 1px;
    margin: 0;
    height: 1px;
    border: 0;
    padding: 0;
    position: absolute;
    user-select: none;
}

.partial-card .layui-colla-item {
    box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
    border-radius: 3px;
    margin: 10px
}

.partial-card .layui-collapse.layui-collapse {
    border: none;
    border: 0
}

.dialog-main-content .layui-colla-content {
    padding: 0
}

.my-flex {
    display: flex;
    text-align: center;
    font-size: 24px;
    color: #3d3d3d;
    flex-wrap: wrap;
    box-sizing: border-box
}

    .my-flex .grid-item {
        width: 33.333333%;
        height: 226px;
        border-top: 1px solid #e4e4e4;
        border-right: 1px solid #e4e4e4;
        box-sizing: border-box;
        cursor: pointer
    }

        .my-flex .grid-item:nth-child(3n) {
            border-right: none
        }

.card-normal {
    padding: 10px 0px;
    text-align: left
}

.flex-sp2 {
    width: 50%;
    padding: 15px;
    box-sizing: border-box
}

.card-normal .flex-sp2:nth-child(odd) {
    padding-left: 0
}

.card-normal .flex-sp2:nth-child(even) {
    padding-right: 0
}

.layui-colla-content .flex-sp2:nth-child(odd) {
    padding-left: 0
}

.layui-colla-content .flex-sp2:nth-child(even) {
    padding-right: 0
}

.cardInfo {
    border: 1px solid #e4e4e4;
    font-size: 14px;
    padding: 8px 10px
}

.card-row {
    margin: 8px 0 8px 10px;
    display: flex;
    line-height: 28px;
}

    .card-row span {
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .card-row .cardLabel {
        color: #999999;
        display: inline-block;
        min-width: 80px
    }

    .card-row .row-content {
        flex: 1;
        overflow: hidden
    }

    .card-row .oneline {
        flex: 1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.card-row-header {
    border-bottom: 1px solid #e4e4e4;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-right: 5px
}

.myImg {
    width: 100px;
    height: 100px;
    margin: 0px 5px 5px 0;
    vertical-align: text-top
}

.cardInfo-add {
    border: 1px dashed #e4e4e4;
    color: #cdcdcd;
    padding: 8px 10px;
    height: 353px;
    cursor: pointer;
    position: relative
}

    .cardInfo-add .centerplus {
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -85px
    }

    .cardInfo-add .plusitem {
        font-size: 100px;
        text-align: center;
    }

    .cardInfo-add .plustitle {
        font-size: 24px;
        text-align: center;
        margin-top: -15px
    }

.userImg {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin: 0 3px
}

    .userImg img {
        width: 100%;
        vertical-align: top
    }

.EmptyMsg {
    margin-top: 50px;
    text-align: center;
    padding: 30px 5px;
    font-size: 26px;
    color: #aaa;
}

.foot-info {
    display: inline-block
}

.layui-card-body {
    padding: 10px 0
}

.layui-colla-content {
    overflow-x: auto
}

.table-vertical {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .table-vertical tr th {
        text-align: right;
        padding-right: 10px;
    }

    .table-vertical tr td, .table-detail tr th {
        border-bottom: none
    }

    .table-vertical thead {
        text-align: left;
    }

.table-verticalthead tr { /*background: url("/Images/title_bg.jpg") repeat-x;*/
    height: 22px;
    color: black;
    font-size: 14px;
    font-weight: 800;
    margin-left: 4px;
}

.table-vertical thead tr td {
    padding-left: 5px;
}

.table-vertical tbody tr {
    height: 45px;
}

.table-vertical tr th {
    text-align: right;
    width: 100px;
}

.table-vertical tbody tr td {
    text-align: left;
    background-color: #fff;
    padding-left: 5px;
}

.cardInfo-s {
    border: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px;
    text-align: left;
}

.half-row {
    width: 47%;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
}

.cs-form {
}

    .cs-form .card-row {
        display: flex
    }

        .cs-form .card-row .cardLabel {
            width: 150px;
            text-align: right;
            align-items: center;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 5px;
            line-height: 20px
        }

        .cs-form .card-row input, .cs-form .card-row select, .cs-form .card-row textarea {
            flex: 1
        }

@media (max-width:1220px) and (min-width:600px) {
    .portal-menu {
        width: 140px
    }

    .portal-main-part {
        margin-left: 200px
    }

    .portal-title {
        font-size: 20px
    }
}

@media (max-width:1180px) {
    .table-detail2 tr {
        display: flex;
        flex-wrap: wrap;
        height: inherit !important
    }

        .table-detail2 tr th {
            width: 30% !important;
            box-sizing: border-box;
            min-height: 45px;
            padding: 0;
            justify-content: flex-end
        }

        .table-detail2 tr th {
            display: flex;
            align-items: center
        }

        .table-detail2 tr td {
            min-width: 70%;
            width: 70%;
            box-sizing: border-box;
            flex: 1;
            min-height: 45px;
            line-height: 45px
        }

            .table-detail2 tr td input[type="text"], .table-detail2 tr td select, .table-detail2 tr td textarea {
                max-width: 100% !important;
                vertical-align: middle
            }
}

@media (max-width:768px) {
    .cs-form .card-row {
        display: flex;
        flex-wrap: wrap;
        margin: 8px 0
    }

        .cs-form .card-row .cardLabel {
            width: 100%;
            display: inline-block;
            text-align: left
        }

        .cs-form .card-row input, .cs-form .card-row select, .cs-form .card-row textarea {
            width: 100% !important
        }

    .p-header {
        min-width: initial
    }

    .ap-header {
        min-width: initial
    }

    .portal-foot {
        min-width: initial
    }

    .p-header h2 {
        font-size: 24px
    }

    .p-main {
        min-width: 100%
    }

    .flow-part .p-col {
        width: 100% !important
    }

    .portal-body {
        min-width: initial;
        width: 100%
    }

    .portal-foot .contracter-info {
        position: relative;
        width: auto;
        margin-right: 15px;
        margin-left: 15px
    }

    .portal-foot .link-park {
        display: block;
        margin-left: 0
    }

    .link-a {
        width: 30%;
    }

    .p-col:first-child .panel {
        margin-left: 15px
    }

    .p-col:last-child .panel {
        margin-right: 15px
    }

    .portal-right {
        height: auto;
        line-height: 32px;
        font-size: 12px;
        height: auto
    }

    .portal-main-part {
        margin-left: 0;
        padding: 5px 15px 20px
    }

    .float-container .float-item {
        height: 130px
    }

    .module-icon {
        height: 80px;
        width: 80px;
        margin-top: 20px
    }

    .module-title {
        font-size: 16px
    }

    .portal-header {
        height: 128px;
        min-width: initial
    }

    .portal-body-back {
        padding: 0;
        min-width: initial
    }

    .portal-title {
        font-size: 16px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        width: 100%;
        display: none
    }

    .portal-nav {
        width: 100%
    }

        .portal-nav ul {
            display: flex;
        }

            .portal-nav ul li {
                width: 33.33%;
                margin-top: 59px
            }

                .portal-nav ul li.login-info {
                    position: absolute;
                    top: 25px;
                    left: 35px;
                    margin-top: 0
                }

                .portal-nav ul li a::after {
                    bottom: -12px
                }

    .userImg {
        width: 45px;
        height: 45px;
        margin-right: 10px
    }

    .foot-info {
        display: block
    }

    .portal-foot .split {
        display: none
    }

    .page-skip {
        display: none
    }

    .dialog-main-content .layui-colla-content .my-flex {
        padding: 0 10px 10px
    }

    .flex-sp2 {
        width: 100%;
        padding: 10px 0 0
    }

    .layui-btn + .layui-btn {
        margin-left: 5px
    }

    .layui-colla-content {
        padding: 10px;
        overflow-x: auto
    }
    /*.validation-valid-icon{display:none*/ /*margin-top:-25px;margin-left:-25px*/ /*}*/
    .multiFileDiv .file-list .file-view-item {
        height: 80px;
        width: 80px;
        line-height: 78px
    }

        .multiFileDiv .file-list .file-view-item img {
            max-height: 78px;
            max-width: 78px
        }

    .multiFileDiv .file-view-item img {
        max-height: 78px;
        max-width: 78px;
    }

    .multiFileDiv .file-view-item .filebg {
        height: 78px !important;
        width: 78px !important
    }

    .table-detail {
        table-layout: fixed
    }

        .table-detail tr {
            display: flex;
            flex-wrap: wrap;
            height: inherit !important
        }

            .table-detail tr th {
                width: 30% !important;
                box-sizing: border-box;
                min-height: 45px;
                padding: 0;
                justify-content: flex-end
            }

            .table-detail tr th {
                display: flex;
                align-items: center
            }

            .table-detail tr td {
                min-width: 70%;
                width: 70%;
                box-sizing: border-box;
                flex: 1;
                min-height: 45px;
                line-height: 45px
            }

                .table-detail tr td input[type="text"], .table-detail tr td select, .table-detail tr td textarea {
                    max-width: 100% !important
                }

        .table-detail2 .validation-valid-icon, .table-detail2 .validation-error-icon, .table-detail .validation-valid-icon, .table-detail .validation-error-icon {
            display: none
        }

    .bac {
        width: 100%;
        margin: 0
    }

    .portal-main-part .portal-si {
        padding: 15px 0
    }
    /* ul.listview li {display:flex;width:100%}
        ul.listview li .info-title{flex:1}*/
    .table-vertical tr td input, .table-vertical tr td select, .table-vertical tr td textarea {
        max-width: 100%
    }

    .uploader-btn-part {
        display: flex
    }

    .att-other {
        line-height: 20px;
        display: flex;
        align-self: center;
    }

    .multiFileDiv .file-view-item .righttopoverlay, .multiFileDiv .file-view-item .right2topoverlay, .multiFileDiv .file-view-item .lefttopoverlay {
        display: block !important
    }

    .half-row {
        width: auto;
        display: block;
        text-align: left;
    }

    .portal-menu {
        position: initial;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        border-top: 1px solid #DDD;
        position: fixed;
        top: initial;
        bottom: 0;
        z-index: 1
    }

    ul.menu-left {
        display: flex;
        justify-content: space-around
    }

        ul.menu-left li {
            font-size: 12px;
            margin: 6px 0 4px 0
        }

            ul.menu-left li.active, ul.menu-left li:hover {
                font-size: 12px;
            }

            ul.menu-left li .c-icon {
                display: block;
                margin: 0 auto
            }

            ul.menu-left li.main-part-title {
                font-size: 12px;
                line-height: 28px;
                margin: 6px 0 4px 0;
                border-bottom: 0
            }

            ul.menu-left li.active .c-icon, ul.menu-left li:hover .c-icon {
                height: 20px;
                width: 20px;
                margin: 0 auto
            }
}

@media (max-width:500px) {
    .link-a {
        width: 100%;
    }

    .layui-card-body {
        padding: 0
    }

    .table-detail2 tr {
        display: flex;
        flex-wrap: wrap;
        height: inherit !important
    }

        .table-detail2 tr th {
            width: 100% !important;
            box-sizing: border-box;
            height: 18px;
            line-height: 18px;
            margin-top: 3px;
            min-height: initial;
            padding: 0;
            justify-content: flex-start
        }

        .table-detail2 tr th {
            display: flex;
            align-items: center
        }

    .table-detail2 tbody tr td {
        min-width: 100%;
        width: 100%;
        box-sizing: border-box;
        flex: 1;
        min-height: 40px;
        line-height: 40px;
        padding-left: 0
    }

    .table-detail2 tr td input[type="text"], .table-detail2 tr td select, .table-detail2 tr td textarea {
        width: 100% !important;
        vertical-align: top
    }
}

@media (max-width:400px) {
    .form-container {
        margin: 0 -15px
    }
}