@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{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;justify-content: space-between;}
.baseInfo-left .title{font-size: 1.2rem;font-weight: 700;color: #333;}
.baseInfo-left .weather{font-size:0.8rem;color: #868686;}
.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: 60px;margin-right: 15px;background:#F3F6F9 url('../images/wdhd_icon_reply.png')no-repeat 17% center;background-size:27px;}
.baseInfo-right a{margin-right: 20px;}
.baseInfo-right img{width: 6px;}
.baseInfo-right .interact{margin-right: 30px; padding-left: 50px;background:#1559A3 url('../images/wdhd_icon_pencil.png')no-repeat 15% center;background-size:20px;}
.baseInfo-right .interact:hover{background-color: #024289;}
.baseInfo-right .interact a{color: #fff}

/* tab */
.flex-box{display: flex; align-items: center;justify-content: space-between;}
.slideTxtBox .hd{display: flex;padding:35px 0;position: relative;}
.slideTxtBox .hd li {padding: 15px 26px;background: #F3F6F9;color: #293239;font-size: 1rem;margin-right: 30px;border-radius: 5px;cursor: pointer;}
.slideTxtBox .hd li.on {background: #1559a3; color:#fff;}
.slideTxtBox .bd { padding-left: 0px; padding-right: 0px; margin-top: 5px;}
.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;}
.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 ; font-weight: 700;}
.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{width: 100%; font-size: 1rem;padding:0 20px;}
.bid-list .card-box .details{font-size: 0.8rem; padding: 0 20px;width: 100%;line-height: 65px; 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: 25px;}

.bid-list .card-box .details .more{width: 18%;max-width: 100px;text-align: end;}
.bid-list .card-box .details .more a{color: #1559A3;font-size: 0.9rem;}
.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;}
.show-submit img{width: 24px; margin-right: 10px;}
.show-submit:hover{color: #1559A3;}
.card-title-box{padding: 10px 0; display: flex; align-items: center;width: 100%;background: #F3F6F9;border-bottom: 1px solid #CEE5FF;color: #333;}
.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;}
.news-tab {
  margin-top: 30px;
}

/* .datebox span{margin-right: 30px;font-size: 0.8rem;}
.datebox span:nth-child(3){margin-left: 30px;} */

@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;}
  .slideTxtBox .hd li,.show-submit{margin-bottom: 20px;}
  .bid-list .card-box .card-title{font-size: 0.9rem;}
}

@media(max-width:1024px){
  .card-title-box .tag{width: 10%;}
  .pagination{font-size: 0.9rem;}
  .bid-list .card-box .card-title{font-size: 0.9rem;}
  .datebox span{font-size: 0.7rem;}
  .pagination{font-size: 0.8rem;}
  .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;}
  .bid-list .card-box .details .datebox>div:nth-child(3):before{top:12px;}
}

@media(max-width:800px){
  .show-submit{width: 180px;}
  .card-title-box .tag{font-size: 0.7rem;}
  .bid-list .card-box .card-title{font-size: 0.8rem;}
  .datebox span,.bid-list .card-box .details .datebox{font-size: 0.7rem;margin-right: 15px;}
  .datebox span:nth-child(3){margin-left: 15px;}
  .bid-list .card-box .details .more a{font-size: 0.7rem;}
  .card-title-box{height: 60px;}
  .bid-list .card-box .details{height: 50px;line-height: 50px;}
  .bid-list .card-box{margin-bottom: 20px;}
  .interactive-box{padding-bottom: 20px;}
}

@media(max-width:768px){
  .bid-list .card-box .details .datebox>div:nth-child(3):before{width: 0;}
  .interactive-box {padding: 25px 15px;}
  .baseInfo{padding-left: 20px;}
  .datebox span{margin-right: 15px;}
  .datebox span:nth-child(3){margin-left: 15px;}
}
@media(max-width:640px){
  .card-title-box{height: auto;}
  .card-title-box .tag{width: 78px;}
  .bid-list .card-box .card-title{font-size: 0.9rem;}
  .datebox span, .bid-list .card-box .details .datebox{font-size: 0.7rem;width: 100%;margin-right: 0;}
  .bid-list .card-box .details .more a{font-size: 0.8rem;}
  .bid-list .card-box{margin-bottom: 20px;}
  .bid-list .card-box .details .more{text-align: start; width: 100%;}
  .bid-list .card-box .details{height: 75px;line-height: 24px;flex-direction: row;align-items: center;}
  .bid-list .card-box .details .datebox{flex-direction: column;align-items: flex-start; justify-content: flex-start;}
}

@media(max-width:550px){
  .card-title-box .tag{font-size: 0.6rem;}
  /* .bid-list .card-box .details .more{line-height: 20px;} */
  .bid-list .card-box .details{height: auto;padding: 8px;flex-direction: column;align-items: flex-start;}
  .bid-list .card-box .card-title{padding: 0 10px;}
  .card-title-box .tag{width: 15%;}
  .bid-list .card-box .details .more{width: 100%;text-align: right;max-width: 100%;}

}

@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;}
}