@charset "utf-8";

/* CSS Document */
/* 信息 */
.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 */
.news-tab {min-height: 675px;}
.flex-box {display: flex;align-items: center;justify-content: space-between;}
.slideTxtBox .hd {display: flex;position: relative;padding-bottom: 20px;}
.slideTxtBox .hd li {padding: 15px 26px;background: #f3f6f9;color: #293239;font-size: 1rem;margin-top: 26px; 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;font-size: 0.8rem;padding: 23px 0;}
.list-item-left {width: 350px;}
.list-item-left img {width: 100%;height:100%;object-fit: cover;}
.list-item-right {flex: 1;width: 0;display: flex;flex-direction: column;padding-left: 28px;}
.list-item-right a {margin-bottom: 15px;}
.list-item-right
.list-item-right span {font-size: 0.9rem; line-height: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.program h3 { margin-top: 35px;text-align: center;}
.program p {margin-top: 25px;text-align: center;color: #666666;margin-bottom: 50px;}
.program-text {color: #333333;font-size: 0.9rem;text-indent: 2em;line-height: 1.7rem;}
.elegant-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.elegant-ul li { height: auto;width: 32%;background-color: #f3f6f9;margin-top: 20px; text-align: center;}
.elegant-ul li img{width: 100%;}
.elegant-ul p {height: 60px;text-align: center;color: #293239;font-size: 0.9rem;line-height: 60px;}
.elegant-ul li p a{display: block;width: 100%;height: 100%;}
.bid-list>ul li p {margin-top: 24px;color: #666666;}
.bid-list>ul li span {color: #999;}
.bid-list>ul li a {width: 100%;font-size: 1rem;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;
  box-shadow: 0px 4px 16px 0px rgba(145, 145, 146, 0.19);
}

.bid-list .card-box .card-title {
  font-size: 1.1rem;
  padding: 0 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.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 img {
  width: 28px;
  height: 28px;
  z-index: 999;
}


.nodata-box li {
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  margin: 30px 0;
  cursor: pointer;
}

.nodata-box div {
  margin:0 39px;
  font-size: 1rem;
}

.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 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 85px;
  line-height: 85px;
  background: #f3f6f9;
  border-bottom: 1px solid #cee5ff;
  color: #1559a3;
}

.card-title-box .tag {
  width: 70px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}

.card-title-box .tag.ing {
  background: #1559a3;
}

.card-title-box .tag.end {
  background: #8e8e8e;
}

.line {
  width: 100%;
  border: 1px solid #ebebeb;
  margin: 10px 0;
}

.table {
  margin-top: 10px;
  width: 100% !important;
  display: none;
  margin-bottom: 0;
  overflow-x: auto;
}
.table table{
  min-width: 700px;
}

.table table tr th:last-child{
  min-width:144px;
}

.styletable {
  margin-top: 30px;
  width: 100%;
  display: none;
}

table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #dedede;
  font-size: 0.8rem;
}
.nodata-box div table tr{
  font-size: 0.8rem !important;
}

.nodata-text {
  margin-left: 14px !important;
}

.nodata-text:hover {
  color: #1559a3;
}

.time-line {
  /*border-left: 1px solid pink;*/
}

table th {}

th {
  background-color: #f3f6f9;
}

th,
td {
  border: 1px solid #dedede;
  padding: 8px;
  text-align: center;
  height: 50px;
  font-weight: 400;
  width: 40%;
}

td a {
  color: #1559a3;
}

table td:first-child,
table th:first-child {
  text-align: center;
  padding-left: 10px;
}

.program p{font-size: 0.8rem;}

#wqhg{display: flex;justify-content: space-between; flex-wrap: wrap;}
#wqhg li{width: 48.5%;}
#wqhg .list-item-left{width: 42%;height:180px;}
#wqhg .list-item-right{padding-left: 18px;}
#wqhg li span{margin-bottom: 10px;}
#wqhg .list-item-left>a{display:block;width: 100%;height: 100%;}
#wqhg li a{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow:ellipsis ;}

@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;}
  .show-submit {margin-bottom: 20px;}
   #wqhg li{flex-direction: column;width: 30%;padding: 0;padding-top: 25px;}
   #wqhg .list-item-left{width: 100%;height: 220px;}
  #wqhg .list-item-right{padding-left: 0;width: 100%;padding-top: 20px;}
}
@media (max-width: 1072px){#wqhg li{width:45%;}#wqhg .list-item-left{height: 270px;}}
@media (max-width: 1024px) {
  .bid-list .card-box .details .Fdatebox>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;}
  .flex-box {flex-direction: column;align-items: flex-start;}
}

@media (max-width: 940px){
  #wqhg .list-item-left{height: 250px;}
  .nodata-box div{margin:0 20px;}
  .slideTxtBox .hd li{margin-right: 22px;padding: 15px 22px;}
}

@media (max-width: 800px) {
  #wqhg .list-item-left{height: 235px;}
  .show-submit {width: 180px;}
}

@media (max-width: 768px) {
  .nodata-box div{margin:0 10px;}
  .bid-list .card-box .details .datebox {font-size: 0.8rem;}
  .bid-list .card-box .details .datebox>div:nth-child(3):before {width: 0;}
  .interactive-box {padding: 25px 15px;}
  .baseInfo {padding-left: 20px;}
  .elegant-ul li { width: 48%}
  
  .slideTxtBox .hd li{margin-top:15px;margin-right: 20px;}
  .slideTxtBox .hd{padding-bottom: 15px;}
  .program p{margin-bottom: 30px;}
  .slide-selected{display:block !important;}
  .bid-list .nodata-box img {width: 26px; height: 26px;}
 
}

@media (max-width: 720px){
   #wqhg li{flex-direction:row;width: 100%;}
   #wqhg .list-item-left{width: 40%;}
   #wqhg .list-item-left{height: auto;}
   #wqhg .list-item-right{padding-left: 18px;padding-top: 0;}
   #wqhg li span{margin-bottom: 5px;}
   .list-item-right a{margin-bottom: 10px;}
}

@media(max-width: 680px){
  .slideTxtBox .hd li{padding: 12px 18px;margin-right: 19px;}
}
@media(max-width: 640px){
  .nodata-box div{margin:0;}
  .elegant-ul li{width: 100%;}
  .location {padding-bottom: 15px;}
  .slideTxtBox .hd{padding-bottom: 10px;}
  .slideTxtBox .hd li{padding: 10px 15px;}
  .bid-list .nodata-box img {width: 24px; height: 24px;}
}
@media(max-width: 580px){
  .slideTxtBox .hd{width: 100%;text-align: center; justify-content: space-between;}
  .slideTxtBox .hd li{width: 48%;margin-right: 0;}
}
@media(max-width: 520px){
  #wqhg{padding: 0 20px;}
  #wqhg li{flex-direction: column;width: 100%;padding: 10px;}
  #wqhg .list-item-left{width: 100%;}
  #wqhg .list-item-right{padding-left: 0;width: 100%;padding-top: 10px;}
}

@media(max-width: 480px) {
  .elegant-ul li{margin-top: 15px;}
  .elegant p{height: 50px;line-height: 50px;}
  .location {padding-bottom: 5px;}
  .slideTxtBox .hd{padding-bottom:0;}
  .list-item-left,.list-item-right a{margin-bottom:8px;}
  .list-item-right span{line-height: 26px;}
  .program h3{margin-top: 20px;}
  .program p{margin-bottom: 20px;}
  .nodata-text {margin-left: 10px !important; }
  .table table{
    min-width: 500px;
  }
  .table table tr th:last-child{
    min-width:120px;
  }
}
@media(max-width: 420px){
  
  .bid-list .nodata-box img {width: 20px; height: 20px;}
  #wqhg{padding: 0 10px;}
  .list-item-right span{line-height: 20px;}
  #wqhg li span{margin-bottom: 0;}
  #wqhg .list-item-right{padding-top: 0px;}
  #wqhg li{padding-top: 0;}
  .table table{
    min-width: 400px;
  }
  .table table tr th:last-child{
    min-width:110px;
  }
}
@media(max-width: 360px) {
  .nodata-text {margin-left: 10px !important; }
  .elegant-ul li{margin-top:8px;}
  .elegant-ul p{height: 40px;line-height: 40px;}
  .slideTxtBox .hd li{margin-top: 10px;}
  .list-item-right a{margin-bottom:5px;}
  .bid-list>ul>li{padding: 0;padding-bottom: 10px;}
  .list-item-right span{line-height: 23px;}
  .program-text{line-height: 1.9rem;}
  .program h3,.program p{margin-top: 15px;}
}