@charset "utf-8";

.red{
    background: #e60012;
}
.yellow{
    background: #f78b31;
}
.blue{
    background: #2e49b0;
}
.green{
   background: #22ac38;
}
.colorred{
    color: #e60012;
}
.coloryellow{
    color: #f78b31;
}
.colorblue{
    color: #2e49b0;
}
.colorgreen{
    color: #22ac38;
}
.strong{
    font-weight: bold;
}
/*********************招投标信息列表-供应商*/
/*顶部banner和查询条件*/
.ztb-banner {
    height: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ztb-searchpanel {
    margin: 28px 0;
}

.ztb-searchpanel .search-item .item-title {
    font-size: 16px;
    color: #666;
    font-weight: bold;
}

.ztb-searchpanel .search-item .item-body {
    display: inline-block;
}

.ztb-searchpanel .search-item .item-body .item {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    padding: 0 10px;
    margin-left: 20px;
    cursor: pointer;
}

.ztb-searchpanel .search-item .item-body .item.active,
.ztb-searchpanel .search-item .item-body .item:hover {
    color: #fff;
    background: #2e49b0;
}
/*查询结果tab*/
.ztb-tab {
    box-sizing: border-box;
}

.ztb-tab .ztab-title {
    height: 48px;
    border: solid 1px #ded9d9;
    background: #f5f5f5;
}

.ztb-tab .ztab-title .item {
    display: inline-block;
    width: 130px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #666;
    text-align: center;
    box-sizing: border-box;
    padding-left: 40px;
    cursor: pointer;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.ztb-tab .ztab-title .item.active
/* ,.ztb-tab .ztab-title .item:hover */
 {
    color: #f78b31;
    border:solid 1px #ded9d9;
    border-top: solid 3px #f78b31; 
    border-bottom: none;
    background-color: #fafafa;
}

.ztb-tab .ztab-title .item.on {
    background-image: url(../../en_images/ztb/ico_list_on.png)
}

.ztb-tab .ztab-title .item.new {
    background-image: url(../../en_images/ztb/ico_list_new.png)
}

.ztb-tab .ztab-title .item.over {
    background-image: url(../../en_images/ztb/ico_list_end.png)
}

.ztb-tab .ztab-title .item.on.active
/* ,.ztb-tab .ztab-title .item.on:hover  */
{
    background-image: url(../../en_images/ztb/ico_list_on1.png)
}

.ztb-tab .ztab-title .item.new.active
/* ,.ztb-tab .ztab-title .item.new:hover */
 {
    background-image: url(../../en_images/ztb/ico_list_new1.png)
}

.ztb-tab .ztab-title .item.over.active
/* ,.ztb-tab .ztab-title .item.over:hover  */
{
    background-image: url(../../en_images/ztb/ico_list_end1.png)
}
.ztb-tab .ztab-contents .content .doc{
    position: relative;
    border: solid 1px #ded9d9;
    border-top: none;
    padding: 25px 55px;
}
.ztb-tab .ztab-contents .content .doc::before{
    position: absolute;
    content: "";
    background-image: url(../../en_images/ztb/ico_doc.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 36px;
    width: 30px;
    top: 16px;
    left: 16px;
}
.ztb-tab .ztab-contents .content .doc h1{
    position: relative;
    max-width: 900px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
   font-size: 18px;
   line-height: 20px;
   color: #333;
   margin-bottom: 15px;
}

.ztb-tab .ztab-contents .content .doc p{
    line-height: 24px;
}
.ztb-tab .ztab-contents .content .doc span{
    position: relative;
    font-size: 16px;
    color: #666;
    margin-right: 30px;
 }
 .ztb-tab .ztab-contents .content .doc span::before{
    position: absolute;
    content: "";
    background: #f78b31;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    top: 8px;
    left: -10px;
 }
 .ztb-tab .ztab-contents .content .doc .op{
     position: absolute;
     display: -webkit-flex;
     display: flex;
     height: 100%;
     width: 150px;
     top:0;
     right: 0;
     justify-content:center;
     /* align-items:center;  */
     flex-direction:column;
 }
 .ztb-tab .ztab-contents .content .doc .op .bt{
     display: block;
     width: 100px;
     height: 26px;
     line-height: 26px;
     color: #fff;
     font-size: 14px;
     text-align: center;
     margin-bottom: 10px;
 }

 /*我要招标页面***************************************/
body{
background: #fafafa;
}

.ztd-form{
    border-top: solid 8px #2e49b0;
    background: #fff;
    padding: 40px;
    margin-top: 30px;
}
.ztd-form .zf-content{
    border: solid 1px #ded9d9;
    padding: 70px 130px 60px 60px;
}
.ztd-form>h1{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    text-align: center;
    height: 70px;
    line-height: 70px;
    border: solid 1px #ded9d9;
    border-bottom: none;
}
.ztd-form .zf-content .zf-item{
    margin-bottom: 28px;
}
.ztd-form .zf-content .zf-item>.item-title{
    display: inline-block;
width: 120px;
text-align: right;
font-size: 16px;
color: #666;
}
.ztd-form .zf-content .zf-item>.item-title>em{
color: red;
}
.ztd-form .zf-content .zf-item>.item-input{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    padding: 0 20px;
    width: 739px;
    border:solid 1px #ded9d9;
}
.ztd-form .zf-content .zf-grounp .zf-item {
    float: left;
    width: 50%;
}
.ztd-form .zf-content .zf-grounp .zf-item>.item-input{
    width: 280px;
}
/*附件区域*/
.ztd-form .zf-content .zf-item>.ztb_fileupload{
display: inline-block;
vertical-align: top;
}
.ztd-form .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file{
    float: left;
    margin-right: 30px;
}
.ztd-form .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file>img{
    height: 24px;
}
.ztd-form .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file>.filename{
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #5b9bf2;
    cursor: pointer;
    vertical-align: top;
    text-decoration:underline;
}
.ztd-form .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file>.file-download{
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(../../en_images/common/ztb/ico_fileddownload.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 2px;
}
.ztd-form .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file>.file-delete{
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(../../en_images/common/ztb/ico_filedelete.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 2px;
}

.ztd-form .zf-content .zf-item .ztb_fileupload .file-area>.bt-fileadd{
float: left;
height: 24px;
line-height: 24px;
width: 71px;
font-size: 24px;
font-weight: bold;
color: #666;
text-align: center;
border:solid 1px #ded9d9;
cursor: pointer;
}
.ztd-form .zf-content .zf-item .ztb_fileupload .file-desc{
 font-size: 14px;
 color: #f60606;
 margin-top: 10px;
}
/*提示*/
.ztd-form .zf-content>.notice{
    font-size: 12px;
    color: #666;
    border:solid 1px #ffcc66;
    background: #fffaf5;
    padding: 14px 29px;
    line-height: 18px;
}
.ztd-form .zf-content>.notice>.tel{
    font-size: 12px;
    color: #2e49b0;
    font-weight: bold;
    cursor: pointer;
}
/*底部按钮*/
.ztb-op{
    text-align: center;
    margin: 50px 0;
}
.ztb-op>.bt{
    display: inline-block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    margin: 0 50px;
    cursor: pointer;
}
.ztb-op>.bt.default{
    color: #999;
    background: #ededed;
    border: solid 1px #ded9d9;
}
/*********************************************************************
招投标会员中心列表页
*/
/*查询区域*/
.ztbuserlist .search{
    height: 40px;
    background: #2e49b0;
}
.ztbuserlist .search .sitem{
    float: left;
    margin: 5px 0 0 13px;
}
.ztbuserlist .search .sitem>.ztb-title{
font-size: 16px;
font-weight: bold;
color: #f6f8fa;
}
.ztbuserlist .search .sitem .control{
    height: 26px;
    line-height: 26px;
    width: 120px;
    font-size: 14px;
    color: #727374;
}
.ztbuserlist .search .sitem .control-group{
    display: inline-block;
}
.ztbuserlist .search .sitem .control-group .addon{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.ztbuserlist .search .bt-search{
    float: left;
    height: 26px;
    line-height: 26px;
    width: 68px;
    font-size: 16px;
    color: #fff;
    background: #f78b31;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin: 7px 0 0 7px;
}
/*查询结果table区域*/
.ztbuserlist table {
    table-layout:  fixed;
    width: 100%;
    border-top: solid 1px #ded9d9;
    border-left: solid 1px #ded9d9;
    border-spacing:0;
}
.ztbuserlist table th{
    height: 36px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    background: #eef1ff;
    border-right: solid 1px #ded9d9;
    border-bottom: solid 1px #ded9d9;
}
.ztbuserlist table td{
    height: 48px;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    text-align: center;
    padding: 5px;
    border-right: solid 1px #ded9d9;
    border-bottom: solid 1px #ded9d9;
    word-break: break-all;
}
.ztbuserlist table td .bt{
font-size: 14px;
color: #2e49b0;
padding: 5px;
border-radius: 4px;
cursor: pointer;
margin: 5px;
}
.ztbuserlist table td .bt:hover{
    color: #fff;
    background: #2e49b0;
}
.ztbuserlist table td .reason-area{
    position: relative;
}
.ztbuserlist table td .reason-area .bt-reason{
    font-size: 14px;
    color: #2e49b0;
    text-decoration: underline;
    cursor: pointer;
}
.ztbuserlist table td .reason-area .info{
    display: none; 
    position: absolute;
    width: 250px;
    min-height: 110px;
    top: 30px;
    right: 0;
    z-index: 2;
}
.ztbuserlist table td .reason-area:hover .info{
    display: block;
}
.ztbuserlist table td .reason-area .info>.ititle{
    position: relative;
    font-size: 14px;
    color: #fff;
    background: #2e49b0;
    text-align: left;
    padding: 3px 10px;
}
.ztbuserlist table td .reason-area .info>.ititle::after{
    position: absolute;
    content: "";
    border-left: solid 14px #2e49b0;
    border-top:solid 7px transparent;
    border-bottom:solid 7px  transparent;
    transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); 	/* Opera */
top: -14px;
right: 40px;
}
.ztbuserlist table td .reason-area .info>.detail{
    text-align: left;
    padding: 18px 10px;
    background: #fff;
    border:solid 1px #ded9d9;
    box-shadow: 0 0 5px #333;
    box-shadow: 1px 2px 3px #a7a7a7;
}
.ztbuserlist .pager{
    margin-top: 20px;
}
/***************招投标会员中心 投标管理列表结束********/

/***************招投标会员中心 投标管理详情页开始********/
.ztd-form-view{
    border-top: solid 8px #2e49b0;
    background: #fff;
    padding: 40px;
}
.ztd-form-view>h1{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    text-align: center;
    height: 70px;
    line-height: 70px;
    border: solid 1px #ded9d9;
}
/*状态*/
.ztd-form-view>.status{
    padding: 35px 30px;
    border-left: solid 1px #ded9d9;
    border-right: solid 1px #ded9d9;
}
.ztd-form-view>.status>.status-item{
    font-size: 14px;
    color: #666;
} 
.ztd-form-view>.status>.status-item.left{
    float: left;
}
.ztd-form-view>.status>.status-item.right{
    float: right;
}
.ztd-form-view>.status>.status-item>.title{
    color: #999;
}
/*中间表单预览部分*/
.ztd-form-view .zf-content{
    border: solid 1px #ded9d9;
    border-top: none;
    padding: 0  60px 60px;
}
.ztd-form-view .zf-content .zf-item{
    margin-bottom: 35px;
}

.ztd-form-view .zf-content .zf-grounp .zf-item{
    width: 50%;
    float: left;
}

.ztd-form-view .zf-content .zf-item>.item-title{
    display: inline-block;
    width: 120px;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.ztd-form-view .zf-content .zf-item>.item-info{
    font-size: 16px;
    color: #333;
    display: inline-block;
}
.ztd-form-view .zf-content .zf-item>.item-info.multline{
    display: inline-block;
    max-width: 500px;
    word-break: break-all;
    line-height: 24px;
    vertical-align: top;
}
/*附件区域*/
.ztd-form-view .zf-content .zf-item>.ztb_fileupload{
    display: inline-block;
    vertical-align: top;
    }
    .ztd-form-view .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file{
        float: left;
        margin-right: 30px;
    }
    .ztd-form-view .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file>img{
        height: 24px;
    }
    .ztd-form-view .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file>.filename{
        height: 24px;
        line-height: 24px;
        font-size: 16px;
        color: #5b9bf2;
        cursor: pointer;
        vertical-align: top;
        text-decoration:underline;
    }
    .ztd-form-view .zf-content .zf-item .ztb_fileupload .file-area>.ztb_file>.file-download{
        display: inline-block;
        height: 20px;
        width: 20px;
        background-image: url(../../en_images/common/ztb/ico_fileddownload.png);
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        margin-top: 2px;
    }
    .ztd-form-view .zf-content .zf-item .ztb_fileupload .file-area>.bt-fileadd{
    float: left;
    height: 24px;
    line-height: 24px;
    width: 71px;
    font-size: 24px;
    font-weight: bold;
    color: #666;
    text-align: center;
    border: solid 1px #ded9d9;
    cursor: pointer;
    }
    .ztd-form-view .zf-content .zf-item .ztb_fileupload .file-desc{
        font-size: 14px;
        color: #f60606;
        margin-top: 10px;
       }
    /*提示*/
    .ztd-form-view .zf-content>.notice{
    font-size: 12px;
    color: #666;
    border:solid 1px #ffcc66;
    background: #fffaf5;
    padding: 14px 29px;
    line-height: 18px;
}
.ztd-form-view .zf-content>.notice>.tel{
    font-size: 12px;
    color: #2e49b0;
    font-weight: bold;
    cursor: pointer;
}
/***************招投标会员中心 投标管理详情页结束********/

/*******************中标公告开始*****************************/
.ztd-zb-view{
    border-top: solid 8px #2e49b0;
    background: #fff;
    padding: 40px;
}
.ztd-zb-view>h1{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    text-align: center;
    height: 70px;
    line-height: 70px;
    border: solid 1px #ded9d9;
}
/*状态*/
.ztd-zb-view>.status{
    padding: 35px 30px;
    border-left: solid 1px #ded9d9;
    border-right: solid 1px #ded9d9;
}
.ztd-zb-view>.status>.status-item{
    font-size: 14px;
    color: #666;
} 
.ztd-zb-view>.status>.status-item.left{
    float: left;
}
.ztd-zb-view>.status>.status-item.right{
    float: right;
}
.ztd-zb-view>.status>.status-item>.title{
    color: #999;
}
/*中间表单预览部分*/
.ztd-zb-view .zf-content{
    border: solid 1px #ded9d9;
    border-top: none;
    padding: 1px  60px 60px;
}
.ztd-zb-view .zf-content .zf-item{
    margin-top: 35px;
}

.ztd-zb-view .zf-content .zf-item>.item-title{
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.ztd-zb-view .zf-content .zf-item>.item-info{
    font-size: 16px;
    color: #333;
    display: inline-block;
}
.ztd-zb-view table{
    table-layout: fixed;
    border-top: solid 1px #ded9d9;
    border-left: solid 1px #ded9d9;
    border-spacing:0;
    margin-top: 15px;
}

.ztd-zb-view table th{
    height: 36px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    background: #eef1ff;
    border-right: solid 1px #ded9d9;
    border-bottom: solid 1px #ded9d9;
}
.ztd-zb-view table td{
    height: 48px;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    text-align: center;
    padding: 5px;
    border-right: solid 1px #ded9d9;
    border-bottom: solid 1px #ded9d9;
    word-break: break-all;
}
/*******************中标公告结束*****************************/
/*****************中标公告弹出样式********************************/
.ztd-modal{
    margin: 0;
    padding: 0;
}
.ztd-modal .ztd-header{
line-height: 40px;
	height: 40px;
    background: #227ab6;
}
.ztd-modal .ztd-header>.title{
font-size: 16px;
	font-weight: bold;
	color: #ffffff;
    margin-left: 20px;
}
.ztd-modal .ztd-header .close {
    float: right;
	color: #ffffff;
	width: 50px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	filter: alpha(opacity=100);
	opacity: 1;
	margin-right: 8px;
	background: #d4dff350;
    border-radius: 0 0 5px 5px;
    cursor: pointer;
}
.ztd-modal .ztd-zb-view{
    padding: 0;
}
.ztd-modal .ztd-zb-view .zf-content .zf-item{
    margin-top: 20px;
}
.ztd-modal  .ztb-op {
    text-align: center;
    margin:  0;
}
.ztd-modal .ztd-zb-view {
    border-top: none;/* solid 8px #2e49b0;*/
}
.ztd-modal .ztd-zb-view .zf-content{
    border: none;
}