@charset "utf-8";

.header {
    background: #003366;
    height: 64px;
    display: block;
}

.header-w81 {
    height: 64px;
}

.header .new-logo h1 {
    float: left;
    color: #f2f9fe;
    width: 288px;
    padding: 0 0 0 90px;
    margin-right: 20px;
    height: 64px;
    vertical-align: top;
}

    .header .new-logo h1 strong {
        display: block;
        font-size: 18px;
        padding: 10px 0 0 0;
        letter-spacing: 0px;
        font-weight: bold;
    }

    .header .new-logo h1 .website-slogan {
        display: block;
        font-size: 18px;
        text-align: left;
        font-weight: bold;
    }

    .header .new-logo h1.NeiMeng {
        background: url(../Images/Newstyle/NeiMeng-logo.png) no-repeat left 4px;
        padding: 0 0 0 64px;
    }

    .header .new-logo h1.NeiMeng {
        width: 292px;
    }

        .header .new-logo h1.NeiMeng .sys-txt10 {
            letter-spacing: 10px;
        }

        .header .new-logo h1.NeiMeng .sys-txt8 {
            letter-spacing: 18px;
        }

.header .top-page-title {
    width: 376px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0%;
    right: 0%;
}

    .header .top-page-title h2 {
        width: 100%;
        border-bottom: 1px solid #4ec2f7;
        font-size: 26px;
        font-weight: bold;
        padding-top: 27px;
        padding-bottom: 18px;
        line-height: 28px;
        height: 28px;
        margin-bottom: 10px;
    }

.header .top-bottom .company-name {
    text-align: center;
    color: #fff;
    padding-top: 2px;
}

    .header .top-bottom .company-name i.top-user-icons {
        background: url(../img/style-icons.png) no-repeat;
        width: 15px;
        height: 15px;
        display: inline-block;
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

.header .top-bottom {
    background: url(../img/head-top-bg.png) no-repeat;
    width: 780px;
    height: 39px;
    position: relative;
    margin: 0 auto;
}

.header .new-righttop {
    line-height: 64px;
    position: relative;
}

    .header .new-righttop a.a-nav {
        display: inline-block;
        float: left;
        padding: 0 4px;
        color: #e7fcfc;
        width: 70px;
        text-align: center;
        line-height: 16px;
        position: relative;
        height: 64px;
    }

        .header .new-righttop a.a-nav:hover, .header .new-righttop a.current {
            background: #3b84cd;
        }

    .header .new-righttop .compname {
        color: #fff;
        position: relative;
        top: 0px;
        font-weight: bold;
    }

    .header .new-righttop .compname {
        font-size: 14px;
        float: left;
    }

        .header .new-righttop .compname .user-top-icons {
            width: 18px;
            height: 18px;
            display: inline-block;
            position: relative;
            top: 0;
            margin-right: 0px;
        }

        .header .new-righttop .compname .y-txt {
            color: #3afcb1;
        }

        .header .new-righttop .compname span {
            position: relative;
            margin-right: 15px;
            color: #e7fcfc;
        }

        .header .new-righttop .compname .uptarrow {
            background: url(../Images/Newstyle/new-icons.png) -16px 0 no-repeat;
            width: 11px;
            height: 6px;
            display: inline-block;
        }

        .header .new-righttop .compname:hover .uptarrow {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .header .new-righttop .compname .uptarrow {
            -webkit-transition: all 0.25s;
            -moz-transition: all 0.25s;
            -ms-transition: all 0.25s;
            -o-transition: all 0.25s;
            transition: all 0.25s;
        }

        .header .new-righttop .compname:hover > .user-pass-exit {
            display: none;
        }

    .header .new-righttop .user-pass-exit {
        position: absolute;
        background: #fff;
        display: none;
        border: 1px solid #eee; /*padding:15px;*/
        width: 112px;
        height: 60px;
        left: 28px;
        top: 24px;
        text-align: center;
    }

        .header .new-righttop .user-pass-exit .top-user-pass {
            background: url(../Images/Newstyle/new-icons.png) -38px -62px no-repeat;
            padding-left: 24px;
            font-size: 14px;
            font-weight: normal;
            display: block;
            margin-top: 10px;
            line-height: 30px;
        }

            .header .new-righttop .user-pass-exit .top-user-pass:hover {
                background: url(../Images/Newstyle/new-icons.png) -38px -96px no-repeat #3388ff;
                color: #fff;
            }

    .header .new-righttop .menr {
        font-size: 14px;
        font-weight: normal;
    }

    .header .new-righttop .top-user-link {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin: 12px auto 0 auto;
        font-size: 20px;
    }

    .header .new-righttop .pass-icons {
        background-position: -32px -266px;
    }

    .header .new-righttop .work-icons {
        background-position: -57px -267px;
    }

    .header .new-righttop .sys-icons {
        background-position: -84px -267px;
    }

    .header .new-righttop .help-icons {
        background-position: -71px -232px;
    }

    .header .new-righttop .outs-icons {
        background-position: -110px -232px;
    }

    .header .new-righttop .yewu-icons {
        background-position: -136px -267px;
    }

    .header .new-righttop .ims-icons {
        background-position: -109px -267px;
        position: relative;
    }

    .header .new-righttop a > em {
        position: absolute;
        color: #fff;
        font-size: 14px;
        background: #ff6477;
        border-radius: 100px;
        width: auto;
        height: 18px;
        line-height: 18px;
        padding: 0 5px;
        text-align: center;
        top: 4px;
        left: 44px;
        z-index: 99;
    }

    .header .new-righttop .user-link {
        position: relative;
        margin-right: 25px;
    }

        .header .new-righttop .user-link a {
            color: #e7fcfc;
            margin-right: 20px;
        }

            .header .new-righttop .user-link a.cur {
                color: #3afcb1;
            }

            .header .new-righttop .user-link a i {
                width: 15px;
                height: 15px;
                display: inline-block;
                background: url(../img/radio-no-icon.png) no-repeat;
                position: relative;
                top: 2px;
                right: 4px;
            }

            .header .new-righttop .user-link a.cur i {
                background: url(../img/radio-yes-icon.png) no-repeat;
            }

/*20171024新版项目列表*/
.pdf-28 {
    padding-left: 28px;
}

.content_list {
    margin-top: 0px;
}

.project-location {
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #eee;
}

    .project-location span {
        position: relative;
        top: -4px;
    }

.content_list .project-location span .pl-icons {
    width: 22px;
    height: 22px;
    background: url(../Images/Newstyle/new-icons.png) -48px -162px no-repeat;
    display: inline-block;
    position: relative;
    right: 0;
    top: 6px;
    margin-right: 6px;
}

.project-location .iconfont {
    font-size: 22px;
    color: #cfcfcf;
    position: relative;
    top: 3px;
    right: 2px;
}

.content_list .container {
    background: #fff;
}

    .content_list .container .project-model {
        /*border: 1px solid #eee;*/
    }

    .content_list .container .my-xm {
        border-bottom: 1px solid #3b84cd;
        height: 44px;
        line-height: 44px;
        display: block;
        padding-top: 10px;
        margin-bottom: 5px;
    }

        .content_list .container .my-xm h2 {
            border: 1px solid #3b84cd;
            border-bottom: 1px solid #fff;
            width: 116px;
            text-align: center;
            margin-left: 15px;
            height: 43px;
            font-size: 18px;
            color: #3b84cd;
        }

    .content_list .container .my-proxm {
        height: 46px;
        line-height: 46px;
        display: block;
        margin-bottom: 0px;
        border-bottom: 1px solid #eee;
    }

        .content_list .container .my-proxm ul li {
            width: auto;
            padding: 0 20px;
            text-align: center;
            height: 45px;
            font-size: 18px;
            font-weight: bold;
            color: #555;
            float: left;
            display: inline-block;
            position: relative;
        }

            .content_list .container .my-proxm ul li a {
                display: block
            }

            .content_list .container .my-proxm ul li.current {
                border-bottom: 2px solid #3b84cd;
            }

                .content_list .container .my-proxm ul li.current a {
                    color: #3b84cd;
                }

            .content_list .container .my-proxm ul li .new-icons {
                background: url(../Images/Newstyle/new-icons-dit.png) no-repeat;
                width: 47px;
                height: 22px;
                display: inline-block;
                position: absolute;
                top: -8px;
                right: -12px;
            }

    .content_list .container .top-sort {
        padding-top: 0px;
    }

        .content_list .container .top-sort .nav-tab {
            padding-left: 20px;
        }

            .content_list .container .top-sort .nav-tab .file {
                display: inline-block;
            }

            .content_list .container .top-sort .nav-tab a {
                font-size: 14px;
                display: inline-block;
                margin-right: 6px;
                text-align: center;
                padding: 0 8px;
                background: #cccccc;
                line-height: 26px;
                border-radius: 4px;
                color: #fff;
                font-weight: bold
            }

            .content_list .container .top-sort .nav-tab .file em {
                color: #fff;
            }

            .content_list .container .top-sort .nav-tab .file.current {
                background: #3b84cd;
            }

    .content_list .container .pro-other .project-box .w60b {
        text-align: left;
        text-indent: 20px;
    }

    .content_list .container .pro-other .project-box .p-item {
        border-bottom: 1px solid #eee;
        height: 42px;
        line-height: 42px;
    }

.w70 {
    width: 70px;
}

.search-box {
    height: 45px;
    position: relative;
    right: 0;
    top: 0;
}

    .search-box .input-item input.txt-input {
        color: #666;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        position: relative;
        left: 0;
        top: 1px;
        top: 3px\9;
        padding: 0 8px;
        box-sizing: border-box;
        background: none;
        border: 1px solid #eee;
        width: 296px;
    }
    .search-box .input-item {
        float: left;
        /*width: 556px;*/
    }

        .search-box .input-item label {
            width: 90px;
            text-align: right;
            line-height: 32px;
            display: inline-block;
            color: #888;
        }
        .search-box .input-item .layui-btn-sm {
            position: relative;
            left: -5px;
            height: 32px;
            line-height: 32px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            top: 2px;
            font-size:14px;
        }
        .search-box .input-item .layui-no-radius {
            border-radius:0px!important;
        }
        .search-box .input-item select {
            height: 32px;
            position:relative;top:3px;
        }
.layui-cuiform .form {
    margin-top:0!important;
}
.cui-btn {
    background: #3b84cd;
    padding: 0 10px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size:14px;
    height: 32px;
    line-height: 32px;
    position: relative;
}

.search-box-btn {
    display: block;
    width: 48px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    padding-left: 15px;
    position: absolute;
    right: 0;
    top: 1px;
    cursor: pointer;
}

.st-column {
    position: relative;
    top: 8px;
}
.fold-button a {
    color: #0269f1;
    position: relative;
    top: 3px;
    left: 5px;
    cursor: pointer;
}
    .fold-button a:hover {
        color: #0269f1;
    }

.senior-search {
    display: none;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 10px 10px 0px 12px;
    box-sizing: border-box;
    clear: both;
}
.search-box .input-item select {
    line-height: 32px;
    height: 32px;
    border: 1px solid #eee;
    display: inline-block;
    width: 50%;
    color: #888;
}
.search-box .input-item {
    margin-bottom: 2px;
}

.pro-listbg .container {
    width: 100%;
    /*overflow:hidden;202208085列表一条数据的时候，项目进度弹出显示不全*/
    margin-top: 0px;
}

    .pro-listbg .container .project-location {
        height: 38px;
        line-height: 38px;
        padding: 0 10px;
    }

.pro-listbg .search-box {
    top: 2px;
}

.pro-listbg .project-box {
    padding: 0 10px 0 10px;
    margin-top: 0px;
    position:relative;
}

    .pro-listbg .project-box .p-title {
        height: 38px;
        line-height: 38px;
        margin-bottom: 0px;
    }

.pro-listbg .container .my-proxm {
    height: 46px;
    line-height: 38px;
    margin-bottom: 0px;
}

    .pro-listbg .container .my-proxm ul li {
        height: 35px;
    }

.pro-listbg .container .my-proxm #Add_Button{
    font-size:14px;
}

.pro-listbg .container .top-sort {
    padding-top: 0px;
    height: 38px;
    line-height: 38px;
}

    .pro-listbg .container .top-sort .nav-tab a {
        font-size: 14px;
    }

.pro-listbg .st-column .cr-btn .xmrc {
    width: 92px;
    height: 32px;
    line-height: 32px;
    top: 0px;
    position: relative;
    right: 12px;
}

.pro-listbg .p-item {
    background: #fff;
    padding-top: 9px;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.pro-listbg .project-box .p-item h3 {
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-listbg .project-box .p-item .biaoduan p {
    line-height: 16px;
}

/*.pro-listbg .p-item:nth-child(2n+1) {
    background: #f5f5f5;
}*/

.pro-listbg .n-pagination {
    margin: 20px 0 10px 0;
    padding: 0 10px 10px 10px;
}

    .pro-listbg .n-pagination ul > li > a, .pro-listbg .n-pagination ul > li > span {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

.pro-listbg .project-box .w40b {
    width: 40.5%;
}

.pro-listbg .project-box .p-item {
    border-bottom: 0px solid #eee;
}

    .pro-listbg .project-box .p-item h3 {
        font-size:14px;
        font-weight: bold;
        text-align: left;
        text-indent: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .pro-listbg .project-box .p-item .item .red {
        line-height: 34px;
    }
    /*.pro-listbg .project-box .p-item p{line-height: 22px;}*/
    .pro-listbg .project-box .p-item .item .biaoduan {
        padding-left: 27px;

    }

        .pro-listbg .project-box .p-item .item .biaoduan p {
            float: left;
            line-height: 28px;
            font-size:14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 266px;
            text-align: left;
        }

        .pro-listbg .project-box .p-item .item .biaoduan .li-icons {
            background: url(../Images/join.png);
            width: 18px;
            height: 30px;
            display: inline-block;
            float: left;
            margin-right: 4px;
            position: relative;
        }

    /*.pro-listbg .project-box .p-item .item:last-child .biaoduan .li-icons {
        background: url(../Images/joinbottom.png);
    }*/

.pro-listbg .container .top-sort .nav-tab {
    padding-left: 50px;
}

.pro-listbg .project-box .p-item .item .biaoduan .more {
    text-align: left;
}

.pro-listbg .project-box .p-item .biaoduan p span {
    margin-right: 50px;
}

.pro-listbg .project-box {
    padding: 0;
    border: 0;
    margin: 0;
}

    .pro-listbg .project-box .p-title {
        background: #f5f5f5; /*padding: 0 20px;*/
        font-weight: bold;
    }
    /*.pro-listbg .project-box .p-item:last-child{border:none;}*/
    .pro-listbg .project-box .p-item .item {
        padding: 0px;
        line-height: 26px;
        overflow: hidden
    }

    .pro-listbg .project-box .p-item .title {
        border-bottom: 1px solid #eee;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .pro-listbg .project-box .p-item .item div {
        border-right: 1px solid #eee;
        text-align: center;
        font-size: 14px;
        position: relative;
    }
    .pro-listbg .project-box .p-item .item div.hls {
    height:30px;
        }
        .pro-listbg .project-box .p-item .item div:last-child {
            border: none;
        }
    .pro-listbg .project-box .p-item .item .red h3{
        color:#ff0000;
    }

    .pro-listbg .project-box .p-item .bd1 {
    }

    .pro-listbg .project-box .p-item .bd2 {
    }
.pro-listbg .project-box .p-item .item .light{
    position:relative;
}
.pro-listbg .project-box .p-item .item .light > i{
    width:12px;
    height:12px;
    display:inline-block;
    margin:0 5px;
    border-radius:20px;
}
.pro-listbg .project-box .p-item .item .light > i.green{background:#4dcc8d}
.pro-listbg .project-box .p-item .item .light > i.yellow{background:#f7c737}
.pro-listbg .project-box .p-item .item .light > i.red{background:#ff0000}
.st-column .cr-btn .xmrc {
    height: 36px;
    line-height: 36px;
    background: #3b84cd;
    color: #fff;
    text-align: center;
    display: block;
    top: 5px;
    position: relative;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
}

    .st-column .cr-btn .xmrc i {
        display: inline-block;
        margin-right: 4px;
        font-weight: normal;
        font-size: 18px;
        color: #fff;
        top: 1px;
        right: 0;
    }

.pro-listbg .project-box .p-item .item div.w25b .layui-btn {
    position: relative;
}

.pro-listbg .project-box .p-item .item div .state, .pro-listbg .project-box .p-item .item div .time {
    line-height: 30px;
}

.layui-search-btn {
    margin-bottom: 1px;
    height: 30px !important;
    line-height: 28px !important;
    padding: 0px 8px !important;
    position: relative;
    top: 2px;
}

.project-box {
    padding: 0 10px 0 10px;
    margin-top: 0px;
}

    .project-box .p-title {
        height: 41px;
        line-height: 41px;
        overflow: hidden;
        display: block;
        border-bottom: 1px solid #eee;
        margin-bottom: 0px;
        font-size: 14px;
    }

        .project-box .p-title span {
            border-right: 1px solid #eee;
            text-align: center;
            font-size: 14px;
        }

            .project-box .p-title span:last-child {
                border-right: none;
            }

            .project-box .p-title span.w40b, .project-box .p-title span.w55b, .project-box .p-title span.w50b, .project-box .p-title span.w35b {
                text-align: left;
                text-indent: 20px;
            }

    .project-box .w60b {
        width: 60%;
        display: inline-block;
        float: left;
    }

    .project-box .w55b {
        width: 54%;
        display: inline-block;
        float: left;
    }

    .project-box .w50b {
        width: 50%;
        display: inline-block;
        float: left;
    }

    .project-box .w40b {
        width: 40%;
        display: inline-block;
        float: left;
    }

    .project-box .w35b {
        width: 34.6%;
        display: inline-block;
        float: left;
    }

    .project-box .w30b {
        width: 30%;
        display: inline-block;
        float: left;
    }

    .project-box .w15b {
        width: 15%;
        display: inline-block;
        float: left;
    }
    .project-box .w5b {
        width: 5%;
        display: inline-block;
        float: left;
    }

    .project-box .w12b {
        width: 12%;
        display: inline-block;
        float: left;
    }

    .project-box .w25b {
        width: 24.7%;
        display: inline-block;
        float: left;
    }

    .project-box .w20b {
        width: 20%;
        display: inline-block;
        float: left;
    }

    .project-box .w19b {
        width: 19.8%;
        display: inline-block;
        float: left;
    }

    .project-box .w10b {
        width: 10%;
        display: inline-block;
        float: left;
    }

    .project-box .w8b {
        width: 8%;
        display: inline-block;
        float: left;
    }

    .project-box .p-item {
        background: #fff;
        border-bottom: 1px solid #eee;
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        overflow: hidden;
        position: relative;
    }

        .project-box .p-item h3 {
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 1px;
            color: #666;
        }

        .project-box .p-item .biaoduan {
            padding-left: 25px;
        }
            /*.project-box .p-item .biaoduan p{line-height: 16px;}*/
            .project-box .p-item .biaoduan .uppro {
                display: none;
            }

        .project-box .p-item .time {
            padding-top: 0;
        }

        .project-box .p-item .state h3 {
            margin-bottom: 5px;
            font-weight: normal;
            font-size: 14px;
        }

        .project-box .p-item .cz {
            position: absolute !important;
            top: 48%;
            left: 0;
            right: 0;
        }

            .project-box .p-item .cz a {
                color: #fff;
            }

.p-item:hover {
    /*box-shadow: 0 0 0 2px #009688;*/
    z-index: 99;
}


/*新翻页*/
.n-pagination {
    margin: 24px 0 10px 0;
    padding: 0 10px 10px 10px;
    text-align: center;
    font-size: 14px;
    display: block;
}

    .n-pagination ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-left: 0;
        margin-bottom: 0;
        padding: 0
    }

        .n-pagination ul > li {
            display: inline;
        }

            .n-pagination ul > li > a, .n-pagination ul > li > span {
                margin: 0 10px;
                float: left;
                width: 30px;
                height: 30px;
                line-height: 30px;
                color: #7c7c7c;
                border: 1px solid #ccc;
                border-radius: 100px;
                font-size: 14px;
            }

                .n-pagination ul > li > a:hover, .n-pagination ul > li > a:focus {
                    opacity: 1
                }

        .n-pagination ul > .active > a, .n-pagination ul > .active > span {
            background-color: #3b84cd;
            color: #fff
        }

        .n-pagination ul > .active > a, .n-pagination ul > .active > span {
            cursor: default;
            border: 1px solid #3b84cd;
            color: #fff;
            background: #3b84cd;
        }

        .n-pagination ul > li > span, .n-pagination ul > .disabled > span, .n-pagination ul > .disabled > a, .n-pagination ul > .disabled > a:hover, .n-pagination ul > .disabled > a:focus {
            color: #999999;
            background-color: transparent;
            cursor: default
        }

        .n-pagination ul > li.total span {
            border: none;
        }

        .n-pagination ul > li i.prev {
            background: url(../Images/Newstyle/new-icons.png) no-repeat;
            width: 10px;
            height: 14px;
            display: inline-block;
            position: relative;
            top: 2px;
        }

        .n-pagination ul > li i.arrow-left {
            background-position: -54px -189px;
        }

        .n-pagination ul > li i.arrow-right {
            background-position: -52px -211px;
        }
/*进度流程*/
.v-progress {/*width:784px;*/height:3px;float:left; margin:8px auto 30px 0px;position:relative; padding: 0;list-style-type: none;border-radius: 20px;font-size: 14px;line-height: 20px;text-align: center;color: #93959a;background-color: #dadada;}
/*.v-progress.w2{width:140px;}
.v-progress.w3{width:226px;}
.v-progress.w4{width:330px;}
.v-progress.w4 .lines{width:24px;}
.v-progress.w4 .liner{width: 53px;}
.v-progress.w5{width:396px;}
.v-progress.w6{width:560px;}
.v-progress.w6 .lines{width:36px;}
.v-progress.w6 .liner{width: 40px;}
.v-progress.w4 .lines{width:36px;}
.v-progress.w4 .liner{width: 53px;}
.v-progress.w7{width:626px;}
.v-progress.w7 .lines{width: 36px;}
.v-progress.w7 .liner{width:40px;}
.v-progress.w8{width:584px;}
.v-progress.w8 .liner{width: 32px;}
.v-progress.w9{width:666px;}*/
.v-progress .progress{position: relative;}
.v-progress .step-done {background-color: #0269f1;color: #fff;}
.v-progress .step-first:first-of-type{border-top-left-radius:0px;border-bottom-left-radius: 0px;}
.v-progress .step-first:last-of-type {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.v-progress .step-first {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.v-progress .step {float: left;width:auto;padding:0 5px;}
.v-progress .step-done {color: #fff;height:3px;}
.v-progress .step-done .text,.v-progress .step-last .text{background: #f3f2f7;width: 18px;height: 18px;line-height: 18px;border-radius:100px; display:block;margin:0 auto;text-align: center;position: relative;top:-28px;z-index:99;}
.v-progress .step-done .text{background:#0269f1;}
.v-progress .step-last .text{background:#dadada;}
.v-progress .step-done .text:before,.v-progress .step-last .text:before{content: '';width: 14px;height: 14px;background: #fff;display: block;border-radius: 20px;left: 0;position: relative;top: 2px;margin: 0 auto;}
.v-progress .step .info {top: 16px;position: relative;}
.v-progress .step .info .tit{font-size: 14px;}
.v-progress .step-done .info .tit{color: #999;}
.v-progress .step-last .info .tit{color: #999;}
.v-progress .step-last {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.v-progress .step-active {border-top-right-radius: 0px;border-bottom-right-radius: 0px;color: #999999;}
.v-progress .step-current .text{width: 18px;height: 18px;line-height: 18px;top:-28px;}
.v-progress .step-current .text:before{background: #fff;width: 6px;height: 6px;top:6px;}
.v-progress .step-green .text {background-image: url('/Content/CommonScript/Images/light-green.gif');width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;z-index:99}
.v-progress .step-green .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.v-progress .step-yellow .text {background-image: url('/Content/CommonScript/Images/light-yellow.gif');width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;z-index:99}
.v-progress .step-yellow .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.v-progress .step-red .text {background-image: url('/Content/CommonScript/Images/light-red.gif');width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;z-index:99}
.v-progress .step-red .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.v-progress .step-green-bg .text {background-color: #4dcc8d;width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;}
.v-progress .step-green-bg .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.v-progress .step-yellow-bg .text {background-color: #f7c737;width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;}
.v-progress .step-yellow-bg .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.v-progress .step-red-bg .text {background-color: #ff0000;width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;}
.v-progress .step-red-bg .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.v-progress .step-green .sline,.v-progress .step-yellow .sline,.v-progress .step-red .sline,.step_lst_cur .sline{position: absolute; height: 3px; background: #dadada; width: 100%;top: 0px;_left:50%;left:50%\9;left:50%\0;}

.v-progress .lines{position:absolute;height: 3px;width: 38px;background: #fff;left: 0;z-index:9;}
.v-progress .liner{position:absolute;height: 3px;width: 38px;background: #fff;right: 0;z-index:9;}


/*进度流程*/
.vs-progress {width:784px;height:3px;float:left; margin:8px auto 30px 0px;position:relative; padding: 0;list-style-type: none;border-radius: 20px;font-size: 14px;line-height: 20px;text-align: center;color: #93959a;}
.vs-progress.w2{width:140px;}
.vs-progress.w3{width:226px;}
.vs-progress.w4{width:330px;}
.vs-progress.w4 .lines{width:24px;}
.vs-progress.w4 .liner{width: 53px;}
.vs-progress.w5{width:396px;}
.vs-progress.w6{width:560px;}
.vs-progress.w6 .lines{width:36px;}
.vs-progress.w6 .liner{width: 40px;}
.vs-progress.w4 .lines{width:36px;}
.vs-progress.w4 .liner{width: 53px;}
.vs-progress.w7{width:626px;}
.vs-progress.w7 .lines{width: 36px;}
.vs-progress.w7 .liner{width:40px;}
.vs-progress.w8{width:584px;}
.vs-progress.w8 .liner{width: 32px;}
.vs-progress.w9{width:666px;}
.vs-progress .progress{position: relative;}
.vs-progress .step-done {background-color: #0269f1;color: #fff;}
.vs-progress .step-first:first-of-type{border-top-left-radius:0px;border-bottom-left-radius: 0px;}
.vs-progress .step-first:last-of-type {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.vs-progress .step-first {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.vs-progress .step {float: left;width:auto;padding:0 5px;}
.vs-progress .step:before{content:'';background:#dadada;width:100%;height:3px;position:absolute;left:0;}
.vs-progress .step-first.step:after{content:'';background:#0269f1;width:50%;height:3px;position:absolute;right:0;top:0px;}
.vs-progress .step-first.step:before{content:'';background:#fff;width:50%;height:3px;position:absolute;left:0;}
.vs-progress .step-lasts.step:after{content:'';background:#dadada;width:50%;height:3px;position:absolute;left:0;top:0px;}
.vs-progress .step-lasts.step:before{content:'';background:#fff;width:50%;height:3px;position:absolute;right:0;}
.vs-progress .step-one.step:after{content:'';background:#fff;width:50%;height:0px;position:absolute;left:0;top:0px;}
.vs-progress .step-one.step:before{content:'';background:#fff;width:50%;height:0px;position:absolute;right:0;}
/*.vs-progress .step:after{content:'';background:#000;width:50%;height:4px;position:absolute;}*/
.vs-progress .step-done {color: #fff;height:3px;}
.vs-progress .step-done .text,.vs-progress .step-last .text{background: #f3f2f7;width: 18px;height: 18px;line-height: 18px;border-radius:100px; display:block;margin:0 auto;text-align: center;position: relative;top:-28px;z-index:99;}
.vs-progress .step-done .text{background:#0269f1;}
.vs-progress .step-last .text{background:#dadada;}
.vs-progress .step-done .text:before,.vs-progress .step-last .text:before{content: '';width: 14px;height: 14px;background: #fff;display: block;border-radius: 20px;left: 0;position: relative;top: 2px;margin: 0 auto;}
.vs-progress .step .info {top: 16px;position: relative;}
.vs-progress .step .info .tit{font-size: 14px;}
.vs-progress .step-done .info .tit{color: #999;}
.vs-progress .step-last .info .tit{color: #999;}
.vs-progress .step-last {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.vs-progress .step-active {border-top-right-radius: 0px;border-bottom-right-radius: 0px;color: #999999;}
.vs-progress .step-active:after{content:'';background:#0269f1;width:50%;height:3px;position:absolute;right:0;top:0px;}
.vs-progress .step-active:before{content:'';background:#0269f1;width:50%;height:3px;position:absolute;left:0;top:0px;}
.vs-progress .step-current .text{width: 18px;height: 18px;line-height: 18px;top:-28px;}
.vs-progress .step-current .text:before{background: #fff;width: 6px;height: 6px;top:6px;}
.vs-progress .step-green .text {background-image: url('/Content/CommonScript/Images/light-green.gif');width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;z-index:99}
.vs-progress .step-green .text:before{background: #fff;width:0px;height: 0px;top:0px;}

.vs-progress .step-current:after{content:'';background:#dadada;width:50%;height:3px;position:absolute;right:0;top:0px;}
.vs-progress .step-yellow .text {background-image: url('/Content/CommonScript/Images/light-yellow.gif');width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;z-index:99}
.vs-progress .step-yellow .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.vs-progress .step-red .text {background-image: url('/Content/CommonScript/Images/light-red.gif');width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;z-index:99}
.vs-progress .step-red .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.vs-progress .step-green-bg .text {background-color: #4dcc8d;width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;}
.vs-progress .step-green-bg .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.vs-progress .step-yellow-bg .text {background-color: #f7c737;width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;}
.vs-progress .step-yellow-bg .text:before{background: #fff;width:0px;height: 0px;top:0px;}
.vs-progress .step-red-bg .text {background-color: #ff0000;width: 14px;height: 14px;line-height: 14px;top: -28px;border:2px solid #0269f1;}
.vs-progress .step-red-bg .text:before{background: #fff;width:0px;height: 0px;top:0px;}

.vs-progress .step-green:after,.vs-progress .step-green-bg:after{content:'';background:#0269f1!important;width:50%;height:3px;position:absolute;right:0;top:0px;}
.vs-progress .step-yellow:after,.vs-progress .step-yellow-bg:after{content:'';background:#0269f1!important;width:50%;height:3px;position:absolute;right:0;top:0px;}
.vs-progress .step-red:after,.vs-progress .step-red-bg:after{content:'';background:#0269f1!important;width:50%;height:3px;position:absolute;right:0;top:0px;}
.vs-progress .step-green:before,.vs-progress .step-green-bg:before{content:'';background:#0269f1;width:50%;height:3px;position:absolute;right:0;top:0px;}
.vs-progress .step-yellow:before,.vs-progress .step-yellow-bg:before{content:'';background:#0269f1;width:50%;height:3px;position:absolute;right:0;top:0px;}
.vs-progress .step-red:before,.vs-progress .step-red-bg:before{content:'';background:#0269f1;width:50%;height:3px;position:absolute;right:0;top:0px;}
.pro-max-width .vs-progress .step_lst_cur.step:after {
    background: #dadada!important;
}

.widthauto{}
.pro-max-width {
    min-height: 60px;
    overflow-x: auto;
    overflow-y: hidden
}
/*.pro-max-width .vs-progress{width:1268px;overflow-x:scroll; overflow-y: hidden;}*/
.pro-max-width .w670s{width:670px;}
.pro-max-width .w600s{width:600px;}
.pro-max-width .w760s{width:760px;}
.pro-max-width .w864s{width:864px;}
.pro-max-width .w1356s{width:1356px;}

.pro-max-width .w1268s {
    width: 1268px;
}
    .pro-max-width::-webkit-scrollbar {
        width: 10px;
        height: 8px;
    }

    .pro-max-width::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
        background: #dadada;
    }

    .pro-max-width::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
        border-radius: 10px;
        background: #f6f6f6;
    }

.prolist-table{table-layout: fixed;width:100%;}
.prolist-table th {text-align: center;font-weight: 600;background: #f5f5f5;}
.prolist-table td, .prolist-table th {border-width: 1px 1px 1px 1px;border-style: solid;border-color: #e6eaf1;}
.prolist-table td, .prolist-table th {padding: 8px 4px 8px 4px;min-height: 20px;line-height: 20px;/*background-clip: padding-box;*/position: relative;}
    .prolist-table th {
        text-align: center;
        font-weight: 600;
        background: #c7ddfb;
        border-color: #a0b5d2 !important;
        color: #112e54;
    }
.prolist-table th.w280{width:280px;}
.prolist-table th.w72{width:72px;}
.prolist-table td.tac{text-align:center;}
    .prolist-table td.tac .alink-blue {
        cursor:pointer;
    }
    .prolist-table td.tbg, .prolist-table tr.tbg {
        background: #f2f4f7;
    }
    
    .prolist-table td em.s {
        color: #fff;
        padding: 0 6px;
        border-radius: 2px;
        display: inline-block;
    }
    .prolist-table td em.okdata {
        background: #ffb03d;
    }
    .prolist-table td em.nodata {
        background: #4dcc8d;
    }
    .prolist-table td .div_h2 {
        font-weight:normal!important;
    }
    .prolist-table td .bidd {
        position: relative;
        float: left;
        color: #999;
        line-height: 28px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 266px;
        text-align: left;
        text-indent: 34px;
        font-weight: normal;
    }
    .prolist-table td .cui-fubaoduan {
        width: 75%;
        position: relative;
        float: left;
        color: #9a9a9a;
        line-height: 28px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        padding-left: 12px;
        font-weight: normal;
    }
    .prolist-table td .cui-more-bid {
        border: 1px solid #0269f1;
        color: #0269f1;
        padding: 0 4px;
        margin-left: 10px;
        cursor: pointer;
        position: relative;
        top: 2px;
    }
.prolist-table td .bidds {
    float: left;
    color: #999;
    line-height: 28px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 266px;
    text-align: left;
    text-indent: 6px;
    font-weight: normal;
}
    .prolist-table td .cui-more-bid .icon-arrows {
        width: 14px;
        height: 14px;
        display: inline-block;
        background-image: url('../../DefaultTheme/Img/new-icons.png');
        background-position: -474px -412px;
        background-repeat: no-repeat;
    }

    .prolist-table td .cui-more-bid.arrowdown .icon-arrows {
        background-position: -474px -380px;
    }
.prolist-table td .bidd .sbd{display:none; position: absolute; background: #99ccff; left: 0; height: 16px; top: 0; line-height: 16px; width: 50px; display: block; white-space: normal; color: #fff; font-size: 14px; text-align: center;}
.prolist-table td .bidds .sbd{display:none; position: absolute; background: #99ccff; left: 0; height: 16px; top: 0; line-height: 16px; width: 50px; display: block; white-space: normal; color: #fff; font-size: 14px; text-align: center;}
.prolist-table td .xmlc{margin-left: 4px; float: left; margin-right: 6px; position: relative;}
.prolist-table td .sbds{float:left; position: relative; border:1px solid #0269f1; margin-left:7px; height: 18px; top: 0; line-height: 18px; width: auto; display: block;padding:0 5px; white-space: normal; color: #0269f1; font-size: 14px; text-align: center;}
.prolist-table td .bdt{background:#3b84cd;text-align:center;color:#fff;display:inline-block;}
.prolist-table td .li-icons {background: url(../Images/join.png);width: 18px;height: 30px;display: inline-block;float: left;margin-right: 4px;position: relative;}
.cui-pro-title {font-size:14px;font-weight: bold;text-align: left;text-indent: 6px;overflow: hidden;color: #666;text-overflow: ellipsis;white-space: nowrap;}
.prolist-table td .beian{position:absolute;width:20px;height:20px;line-height:20px; display:inline-block;background:#4dcc8d;text-align:center;color:#fff;border-radius: 3px;}
.prolist-table td .beian.gray-bg{background:#d2d2d2;}
.prolist-table td .beian.oks{text-indent: 0; position: absolute; left: 8px; top: 3px;}
.prolist-table td .layui-btn-group i{float:left;}
.prolist-table td .layui-btn-group .layui-btn-normal{background:none;border:1px solid #0269f1;color:#0269f1;border-radius:0px!important;font-size:14px;}
.prolist-table td .layui-btn-group .layui-btn-benan{border:1px solid #4dcc8d;color:#4dcc8d;}
.prolist-table td .layui-btn-group .layui-btn-normal:hover{background:none;border:1px solid #0269f1;background:#0269f1; color:#fff;border-radius:0px!important;}
.prolist-table td .layui-btn-group .layui-btn-disable{background:none;border:1px solid #bfc0c1;color:#bfc0c1;border-radius:5px!important;font-size:14px;cursor:default;}
.prolist-table td .layui-btn-group .layui-btn-benan:hover{border:1px solid #4dcc8d;color:#fff;background:#4dcc8d;}
.prolist-table td .clear{clear:both;}
.prolist-table td .xmbh{margin-left: -7px;padding-top: 4px;color:#999;}

.project-box .light-b{ position:relative;margin-bottom:10px;text-align:center;}
.project-box .light-b span{margin:0 6px;color:#999}
.project-box .light-b span i{width:10px;height:10px;display:inline-block;margin:0 5px;border-radius:20px;}
.project-box .light-b span i.green{background:#4dcc8d}
.project-box .light-b span i.yellow{background:#f7c737}
.project-box .light-b span i.red{background:#ff0000}
.project-box .light-b span i.red-light{background-image: url(/Content/CommonScript/Images/light-red.gif); width: 10px; height: 10px; line-height: 10px; top:1px; border:1px solid #ff0000; z-index: 99;position:relative;}

/* tipbox */
.tipso_bubble,.tipso_bubble>.tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999;padding:10px}
.tipso_style{cursor:pointer;}
.tipso_bubble>.tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}
.tipso_bubble.top>.tipso_arrow{border-color:#000 transparent transparent;top:100%;left:50%;margin-left:-8px}
.tipso_bubble.bottom>.tipso_arrow{border-color:transparent transparent #000;bottom:100%;left:50%;margin-left:-8px}
.tipso_bubble.left>.tipso_arrow{border-color:transparent transparent transparent #000;top:50%;left:100%;margin-top:-8px}
.tipso_bubble.right>.tipso_arrow{border-color:transparent #000 transparent transparent;top:50%;right:100%;margin-top:-8px}

.cui_drop_down{position: relative;}
.cui_drop_down_box{position: absolute; display: none; z-index: 99; background: #0269f1; width: auto; box-sizing: border-box; border-radius: 5px; top: -75px; left: -68px;}
.cui_drop_down_box .a_models{padding:10px 10px;display: block;color:#fff;}
.cui_drop_down_box .a_models p{line-height:24px;}
.cui_drop_down_box:after {content: '';display: block;position: absolute;border-style: solid;border-width: 7px;}
.cui_drop_down_box:after {border-color: #0269f1 transparent transparent transparent;left: 0; bottom: -14px; right: 0; width: 1px; margin: 0 auto;}
/*.cui_drop_down_box:after {border-color: #0269f1 transparent transparent transparent;left: 85px;top: 40px; }*/
 
.smx_tag .tags-panel{padding:0 20px;position:relative; border-bottom: 1px solid #eee;background: #f8f8f8;}
.smx_tag .tags-panel li,.smx_tag .tags-panel ul{margin:0;padding:0;list-style-type:none}
.smx_tag .tags-line{padding:10px 0!important}
.smx_tag .tags-title{height:24px;line-height:24px;float:left;color:#888;font-size:14px;position: relative; width: 70px; text-align: right;}
.smx_tag .pre-date{font-size:12px;color:#faaf00}
.smx_tag .tags-panel ul.tags{margin-left:64px}
.smx_tag .tags a:hover{color:#0269f1}
.smx_tag .tags li{border-radius:4px;padding:3px 9px;display:inline-block;margin-right:10px}
.smx_tag .tags li.active{background:#0269f1;color:#fff}
.smx_tag .tags li.active a{color:#fff;}
.smx_tag .tags li.active .pre-date{color:#fff}
.smx_tag .tags li a{color:#333;font-size:14px}

/*左边线加粗*/
.line_leftsoilt {
    border-left: 2px solid #e6e6e6 !important; 
}
.kzheight {
    height: 30px;
}

#gd_dqmore {
    background: #0269f1;
    color: #fff;
    padding: 2px 8px 5px 8px;
    cursor: pointer;
    position: relative;
    top: 4px;
    left: -24px;
    border-radius: 0px;
    line-height: 20px;
}
.cui-xmjd-tips {
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 1px solid #89c1f9;
    border-radius: 4px;
    width: 200px;
    padding: 20px;
    right: -235px;
    top: -46px;
    box-shadow: 1px 1px 3px #eaeaea;
}
    .cui-xmjd-tips .layui-timeline-item:before {
        border:0px;
        width:0px;
    }
    .cui-xmjd-tips .layui-timeline-item {
        padding: 7px 0px 5px 5px !important;
        border-left: 1px solid #dedede!important;
    }
        .cui-xmjd-tips .layui-timeline-item  .layui-timeline-content {
            padding-left: 0 !important;
        }
            .cui-xmjd-tips .layui-timeline-item .layui-timeline-content:hover {
                background: none !important
            }


    .cui-xmjd-tips .layui-timeline-axis {
        top:0px!important;
    }
    .cui-xmjd-tips .layui-timeline-content {
        position: relative;
        top: -9px;
    }
    .cui-xmjd-tips .layui-timeline-titles {
        text-align: left;
        padding-left: 17px;
    }
        .cui-xmjd-tips .layui-timeline-titles .time {
            color: #bbb;
            margin-bottom: 2px;
        }
    .cui-xmjd-tips .layui-timeline-axis {
        width: 9px;
        height: 9px;
        left: -7px;
        color: #0269f1 !important;
        border: 2px solid #0269f1 !important;
    }
    .cui-xmjd-tips .cui-arrow {
        background-image: url('../../img/cui-arrow-xmlb.png');
        width: 10px;
        height: 12px;
        display: block;
        position: absolute;
        left: -10px;
        top: 60px;
    }
.layui-timeline-axis:hover {
    background-color: #0269f1!important;
}
.cui-ckdj-dot {
    background-image: url('../../DefaultTheme/Img/cui-ckdj-dot.png');
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    cursor: pointer;
}
.cui-list-bottom-num {
    text-align: left;
    margin-top: 15px;
    overflow: hidden;
    clear:both;
    margin-bottom:6px;

}
.page {
    text-align: center;
    margin: 10px 0 22px 0!important;
}
.cui-data-time {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index:999;
}
    .cui-data-time span {
        
    }
        .cui-data-time span .cuifonts {
            position:relative;
            top:1px;
            margin-right:2px;
        }