﻿/*!
 * 安庆交易中心升级改造项目网站
 * date: 2021-03-15
 * author: zsy
*/


/* 招标公告详情 */

.public-style {
    border-radius: 5px;
    border: 1px solid #e0e5f4;
}

.bid-box+.bid-box {
    margin-top: 10px;
}


/* 建设工程 */

.box-hd {
    height: 50px;
    line-height: 50px;
    padding-left: 24px;
}

.box-tt {
    font-family: "SourceHanSansCN-Medium";
    font-size: 20px;
}

.box-link {
    padding-top: 9px;
}

.box-link .link {
    padding: 0 10px 0 36px;
    border-radius: 3px;
    border: 1px solid #4e7ae7;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    color: #4e7ae7;
    background-repeat: no-repeat;
    background-position: 13px center;
}

.box-link .link:hover {
    background-color: #2461ce;
    background-image: linear-gradient(to right, #2461ce, #518af1);
    color: #fff;
    position: relative;
}

.box-link .link:hover:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 13px;
    top: 50%;
    margin-top: -10px;
    background-repeat: no-repeat;
    background-position: center;
}

.box-link .advice:hover:before {
    background-image: url("../images/tradeinfo/advice_h.png");
}

.box-link .share:hover:before {
    background-image: url("../images/tradeinfo/share_h.png");
}

.box-link .print:hover:before {
    background-image: url("../images/tradeinfo/print_h.png");
}

.box-link .advice {
    background-image: url("../images/tradeinfo/advice.png");
}

.box-link .share {
    background-image: url("../images/insitition/share_h.png");
}

.box-link .print {
    background-image: url("../images/insitition/print_h.png");
}

.status-box {
    text-align: center;
    line-height: 30px;
    height: 30px;
    padding-top: 24px;
}

.status-list,
.status-item,
.current-location {
    display: inline-block;
}

.status-item {
    margin-right: 40px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
}

.status-item:nth-child(1) {
    background-image: url("../images/tradeinfo/done.png");
}

.status-item:nth-child(2) {
    background-image: url("../images/tradeinfo/doing.png");
}

.status-item:nth-child(3) {
    background-image: url("../images/tradeinfo/unstart.png");
}

.status-item:nth-child(4) {
    background-image: url("../images/tradeinfo/no_data.png");
}

.current-location {
    margin-left: 17px;
    padding-left: 20px;
    background: url("../images/tradeinfo/location.png") no-repeat left center;
}

.progress-box {
    padding: 45px 0 30px;
}

.progress-item {
    min-width: 7.692%;
    position: relative;
}

.progress-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    left: 100%;
    top: 0;
    transform: translateX(-50%);
}

.progress-item:last-child:before {
    display: none;
}


.progress-item1 {
    /*width: 7.692%;*/
    width: 9.999%;
    position: relative;
}

.progress-item1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    left: 100%;
    top: 0;
    transform: translateX(-50%);
}

.progress-item1:last-child:before {
    display: none;
}

.progress-link {
    display: block;
    position: relative;
    text-align: center;
    padding: 15px 10px 0;
}

.progress-link .date {
    color: #999;
}

.progress-link .detail {
    color: #333;
}

.done .progress-link .detail {
    font-weight: bold;
}


.status {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -12px;
    background-repeat: no-repeat;
    background-position: center;
}

.nodata .status {
    background-image: url("../images/tradeinfo/no_data.png");
}

.done .status {
    width: 36px;
    height: 36px;
    margin-left: -18px;
    top: -18px;
    background-image: url("../images/tradeinfo/done.png") !important;
    background-size: 100% 100%;
}

.doing .status {
    background-image: url("../images/tradeinfo/doing.png");
}

.unstart .status {
    background-image: url("../images/tradeinfo/unstart.png");
}

.nodata:before {
    border-bottom: 1px dashed #a3a3a3;
}

.done:before,
.doing:before {
    border-bottom: 1px dashed #9bc4f0;
}

.unstart:before {
    border-bottom: 1px dashed #f4c891;
}

.current:after {
    content: "";
    position: absolute;
    width: 19px;
    height: 24px;
    background: url("../images/tradeinfo/cur_location.png") no-repeat;
    top: -47px;
    left: 50%;
    margin-left: -9.5px;
}


/* 表格 */

.table-tt {
    font-size: 26px;
    text-align: center;
    line-height: 46px;
    font-weight: bold;
}

.table-style {
    font-size: 16px;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #e0e5f4;
    margin-top: 10px;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 5px;
}

.table-td {
    height: 47px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-right: 1px solid #e0e5f4;
    border-bottom: 1px solid #e0e5f4;
    word-break: break-all;
    color: #666;
}

.table-td:last-child {
    border-right: 0;
}

.table-style tr:last-child .table-td {
    border-bottom: 0;
}

.table-right {
    text-align: right;
    background-color: #f4f7ff;
    color: #333;
}


/* 公告公示信息 */

.notice-box {
    width: 842px;
    margin-right: 26px;
}

.notice-bd {
    padding: 25px 30px 20px;
}

.notice-bd,
.process-bd,
.scan-bd {
    margin-top: 10px;
}

.notice-tt {
    line-height: 40px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.notice-content {
    margin-top: 19px;
}

.notice-content .content {
    line-height: 36px;
    font-size: 16px;
    color: #666;
}

.notice-content .content .record {
    margin-left: 30px;
}


/* 办理流程公开 */

.public-box {
    width: 330px;
}

.process-bd {
    padding-left: 27px;
}

.process-time {
    padding: 23px 0;
}

.process-time .submit {
    color: #999;
    font-size: 16px;
    line-height: 36px;
}

.process-time .submit .time {
    color: #000;
}

.process-schedule {
    height: 605px;
    overflow: auto;
}

.process-item .title {
    font-size: 16px;
    color: #47bd4f;
    padding-left: 28px;
    background: url("../images/tradeinfo/success.png") no-repeat left 3px;
}

.info-box {
    border-left: 1px dashed #47bd4f;
    margin-left: 9px;
    padding: 0 5px 20px;
}

.process-item:last-child .info-box {
    border-left: 1px dashed transparent;
}

.process-item+.process-item {
    margin-top: 6px;
}

.process-item .info {
    line-height: 28px;
}

.process-item .info .person {
    color: #999;
    width: 80px;
    text-align: right;
}

.process-item .info .context {
    display: block;
    color: #000;
    margin-left: 80px;
    padding-top: 5px;
    line-height: 18px;
}


/* 手机扫码看材料 */

.process-box+.process-box {
    padding-top: 40px;
}

.scan-hd {
    height: 30px;
    line-height: 30px;
    padding-left: 14px;
    font-family: "SourceHanSansCN-Medium";
    font-size: 20px;
    position: relative;
}

.scan-hd:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 20px;
    background-color: #2c56ca;
    border-radius: 2px;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

.scan-bd {
    padding: 28px 40px 23px;
    text-align: center;
}

.code-box {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background: url("../images/center/code_bg.png") no-repeat;
}

.code-img {
    margin-top: 15px;
}

.scan-bd .scan {
    display: block;
    height: 42px;
    line-height: 42px;
    margin-top: 11px;
    font-size: 16px;
    padding-left: 35px;
    background: url("../images/center/scan.png") no-repeat left center;
}


/* 项目登记详情 */

.info-table {
    overflow: hidden;
}

.info-table tr .info-th {
    text-align: center;
    color: #fff;
    background-color: #94aeef;
}

.info-table tr .info-th,
.info-table tr .info-td {
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    height: 40px;
}

.info-table tbody tr:hover {
    background-color: #f4f7ff;
    color: #2c56ca;
}

.info-table tbody tr:hover .letter-tt {
    color: #2c56ca;
}

.serial {
    width: 8%;
}

.code {
    width: 28%;
}

.name {
    width: 45%;
}

.letter-tt {
    color: #333;
}

.table-box+.table-box {
    margin-top: 10px;
}