@charset "utf-8";
/* CSS Document */
body{ background:#f3f3f3;}
.main{width:95%; max-width:1340px; margin:0 auto;}
.selected{background: #024289;}

.interactive-box{width:100%; padding: 40px 30px;background: #fff;height: auto;box-shadow: 0px 7px 21px rgba(174, 174, 174, 0.15);margin-bottom: 40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
/* 面包屑 */
.location{font-size: 0.8rem;}
.location img{width: 14px;margin-right: 10px;}
.location em{font-style: normal ;color: #1559A3;}
/* 信息 */
.baseInfo{padding: 50px 0 30px;border-bottom: 1px solid #EAEAEA; display: flex;justify-content: space-between; align-items: center;}
.baseInfo-left{display: flex;}
.baseInfo-left img{width: 80px; height: 80px;margin-right: 20px;}
.baseInfo-left>div{display: flex; flex-direction: column;}
.baseInfo-left .title{font-size: 1.2rem;font-weight: 700;color: #333;}
.baseInfo-left .weather{font-size:0.8rem;color: #868686;}
.baseInfo-left .title:hover{
  color: #024289;
  cursor: pointer;
}
.baseInfo-right{display: flex;}
.baseInfo-right>div{padding-right: 20px; font-size: 0.8rem;line-height: 50px;border-radius: 20px; color: #293239;}
.baseInfo-right .writing{padding-left: 55px;margin-right: 15px;background:#F3F6F9 url('../images/wdhd_icon_reply.png')no-repeat 15% center;background-size:26px;}
.baseInfo-right a{margin-right: 20px;}
.baseInfo-right img{width: 6px;}
.baseInfo-right .interact{margin-right: 30px; padding-left: 45px;background:#1559A3 url('../images/wdhd_icon_pencil.png')no-repeat 10% center;background-size:18px;}
.baseInfo-right .interact:hover{background-color: #024289;}
.baseInfo-right .interact a{color: #fff}

/* tab */
.news-tab{min-height:675px;}
.flex-box{display: flex; align-items: center;justify-content: space-between;}
.slideTxtBox .hd{display: inline-flex;padding-top:35px;position: relative;flex-grow: 1;flex-shrink: 0;}
.slideTxtBox .hd li,.slideTxtBox .hd .tab-single {padding: 15px 20px;background: #F3F6F9;color: #293239;font-size: 1rem;margin-right: 25px;border-radius: 5px;cursor: pointer;white-space: nowrap;}
.slideTxtBox .hd .tab-single a{display: block;width: 100%;height: 100%;}
.slideTxtBox .hd li.on,.slideTxtBox .hd .tab-single:hover{background: #1559a3; color:#fff;}
.slideTxtBox .hd .tab-single:hover a{color: #fff;}
.slideTxtBox .bd { padding-left: 0px; padding-right: 0px; margin-top: 35px;}
.bid-list>ul li{width: 100%; display: flex;align-items: center;font-size: 0.8rem;justify-content: space-between;padding: 23px 0;border-bottom: 1px dashed #E6E6E6;}
.list-item-left{flex: 1; width: 0;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.bid-list>ul li p{margin-top: 24px; color: #666666;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.bid-list>ul li span{width: 180px; color: #999;text-align: end;white-space:nowrap;}
.bid-list>ul li a{width: 100%; font-size:0.9rem; color:#343434;}
.bid-list>ul li:hover a{color:#1559A3 ;}
.bid-list>ul li:hover p{color:#333;}
.bid-list .card-box{margin-bottom: 40px; border: 1px solid #CEE5FF;border-radius: 4px;}
.bid-list .card-box:hover{box-shadow: 0px 4px 16px 0px rgba(145,145,146,0.19);}
.bid-list .card-box:hover .card-title{color:#1559A3 ;}
.bid-list .card-box .card-title{font-size: 1rem;padding:0 20px;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;width: 70%;}
.bid-list .card-box .details{font-size: 0.9rem; padding: 0 20px;width: 100%;height: 85px;line-height: 85px; display: flex;justify-content: space-between;align-items: center;}
.bid-list .card-box .details .datebox{color: #999999;display: flex;align-items: center;}
.bid-list .card-box .details .datebox>div{position: relative;}
.bid-list .card-box .details .datebox>div:first-child{margin-right: 50px;}
.bid-list .card-box .details .datebox>div:nth-child(2){margin-right: 40px;}
.bid-list .card-box .details .datebox>div:nth-child(3):before{content: "";position: absolute; width: 1px;height: 18px;background: #999; left: -20px;top: 34px;}
.bid-list .card-box .details .more{color: #1559A3;}
.bid-list .nodata-box{padding:120px 0;text-align: center;}
.bid-list .nodata-box img{width: 370px;}
.show-submit{cursor: pointer; display: none; font-size: 0.9rem; white-space: nowrap;padding-top: 35px;}
.show-submit img{width: 24px; margin-right: 10px;}
.show-submit:hover{color: #1559A3;}
.card-title-box{display: flex; align-items: center;width: 100%;height: 85px;line-height: 85px;background: #F3F6F9;border-bottom: 1px solid #CEE5FF;}
.card-title-box .tag{width: 70px;line-height: 35px;text-align: center;color: #fff; white-space: nowrap;font-size: 0.8rem;}
.card-title-box .tag.ing{ background: #1559A3;}
.card-title-box .tag.end{background: #8E8E8E;}

.details .tab-hack-node {
  position: absolute;
 }

@media(max-width:1200px){
  .baseInfo{flex-direction: column;align-items: flex-start; padding-left: 40px;}
  .baseInfo-left{margin-bottom: 50px;}
  .baseInfo-right .interact,.baseInfo-right .writing{margin-right: 40px;}
  .slideTxtBox .hd{flex-wrap: wrap;}
  .bid-list .card-box .card-title{font-size: 0.9rem;}
}

@media(max-width:1024px){
  .bid-list .card-box .card-title{font-size: 0.9rem;}
  .card-title-box .tag{width: 10%;}
  .slideTxtBox .hd{padding: 20px 0;flex-wrap: wrap;}
  .slideTxtBox .hd li,.slideTxtBox .hd .tab-single{margin-bottom: 2%;margin-right: 2%;width: 48.5%;text-align: center;}
  .slideTxtBox .hd li:nth-of-type(3),.slideTxtBox .hd .tab-single{margin-right: 0;}
  .show-submit{padding: 0;}
  .bid-list .card-box .details .datebox>div:first-child{margin-right: 20px;}
  .bid-list .card-box .details{flex-direction: column;align-items: flex-start; line-height: 42px;font-size: 0.8rem;height: auto;}
  .bid-list .card-box .details .datebox>div:nth-child(3):before{top:12px;}
  .flex-box{flex-direction: column;align-items: flex-start;}
  .bid-list .card-box .card-title{width: 86%;}

}
@media(max-width:860px){
  .slideTxtBox .bd{margin-top: 5px;}
}

@media(max-width:800px){
  .baseInfo-right .interact,.baseInfo-right .writing{margin-right:20px!important; }
  .show-submit{width: 180px;}
  .card-title-box .tag{font-size: 0.7rem;}
  .card-title-box{height: 60px;}
  .bid-list .card-box .card-title{font-size: 0.8rem;}
  .bid-list .card-box .details .datebox{flex-wrap: wrap;}
  .bid-list .card-box .details .datebox>div:first-child{width: 100%;}
}

@media(max-width:768px){
  /* .datebox span,.bid-list .card-box .details .datebox{font-size: 0.7rem;margin-right: 15px;} */
  .datebox span:nth-child(3){margin-left: 15px;}
  .interactive-box {padding: 25px 15px;}
  .baseInfo{padding-left: 20px;padding: 35px 10px 20px;}
  .baseInfo-left{margin-bottom: 35px;}
  .baseInfo-right .interact,.baseInfo-right .writing{min-width: 150px;margin-bottom: 15px;}
  .baseInfo-right .writing{background-size: 25px;}
  .baseInfo-right{flex-wrap: wrap;}
  .baseInfo{padding: 35px 10px 20px;}
  .bid-list .card-box .details .datebox>div:nth-child(3):before{width: 0;}
}
@media (max-width:640px){
  .card-title-box{height: 54px;}
  .card-title-box .tag{width: 78px;}
  .bid-list .card-box .card-title{font-size: 0.9rem;}
  .baseInfo-right .interact,.baseInfo-right .writing{min-width: 130px;}
  .baseInfo-right>div{line-height: 40px;}
  .baseInfo-left{margin-bottom: 30px;}
  .slideTxtBox .hd{justify-content: space-between;}
  .show-submit{margin-top: -10px;}
  .show-submit img{width: 20px;}
  .baseInfo-right a{margin-right: 12px;}
  .baseInfo-right img{margin-bottom: 1px;}
  .bid-list>ul li{flex-direction: column;padding: 15px 0;}
  .list-item-left{width: 100%;}
  .bid-list>ul li p{margin-top: 10px;}
  .bid-list>ul li span{width: 100%;text-align: start;margin-top: 5px;}
  .datebox span, .bid-list .card-box .details .datebox{font-size: 0.7rem;}
  .bid-list .card-box .details .datebox{flex-direction: column;align-items: flex-start; justify-content: flex-start;width: 100%;}
  .bid-list .card-box .details .more{text-align: start; width: 100%;}
  .bid-list .card-box .details{line-height: 24px;align-items: center;padding: 10px 20px;}
  .bid-list .card-box .details .more{margin-top: 10px;}
}
@media(max-width:500px){
  .card-title-box .tag{font-size: 0.6rem;}
  .card-title-box .tag{width: 12%;}
  .bid-list .card-box .card-title{padding: 0 10px;}
  
}
@media (max-width:480px){
  .baseInfo-left img{width: 60px;height: 60px;}
  .baseInfo-right .writing{background-size: 24px;}
  .baseInfo-right .interact{background-size: 16px;}
}
@media(max-width:440px){
  .baseInfo{padding: 20px 0px 10px;}
  .show-submit img{width: 17px;}
  .bid-list>ul li{padding: 10px 0;}
  .bid-list>ul li p{margin-top: 5px;}
}
@media(max-width:400px){
  .card-title-box .tag{width: 13%;line-height: 28px;}
  .bindong-title{padding: 16px 14px;}
  .bid-list .card-box .card-title{padding: 0 8px;}
  .bid-list .card-box .details{padding: 8px;flex-direction: column;align-items: flex-start;}
}
@media(max-width:375px){
  .baseInfo-right .interact, .baseInfo-right .writing{min-width: 110px;}
  .baseInfo-right .interact{background-size: 14px;padding-left: 35px;}
  .baseInfo-right .writing{background-size: 22px;padding-left: 45px;}
  .baseInfo-right>div{line-height: 34px;padding-right: 16px;}
  .baseInfo-left{margin-bottom: 20px;}
}