/* 意见征集详情页 */
.collect-detail {
  /* border: 1px solid #d9d9d9;
  padding: 30px 7%; */
}
.collect-detail-tit {
  text-align: center;
  font-size: 1.875em;
  line-height: 1.5;
  margin-bottom: 30px;
}
.collect-detail-attr {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 12px;
  font-size: 15px;
}
.collect-detail-attr > div {
  display: inline-block;
  color: #666;
  vertical-align: middle;
}
.collect-detail-attr .zjdw {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 30%;
}
.collect-detail-attr .status {
  float: right;
}
.collect-detail-attr .status span.ing {
  color: #52c41a;
}
.collect-detail-attr .time span {
  margin-left: 10px;
  display: inline-block;
}
.collect-detail-attr .time {
  margin-left: 10px;
}

.collect-detail-content {
  line-height: 2;
  padding-top: 30px;
  padding-bottom: 30px;
}
.collect-detail-content p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.collect-detail-content li {
  list-style: normal;
}
.collect-detail-content a {
  color: #0668d5;
}
.collect-appendix {
  color: #0668d5;
}
.collect-appendix h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
.collect-appendix ul li {
  padding-top: 3px;
  padding-bottom: 3px;
}
.collect-appendix ul li a {
  color: #0668d5;
}
.collect-appendix ul li a:before {
  background: #0668d5 !important;
}
.collect-detail .collect-appendix {
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
}

.collect-com-tit {
  height: 54px;
  line-height: 54px;
  border-bottom: 1px dashed  #ddd;
}
.collect-com-tit h3 {
  position: relative;
  padding-left: 24px;
  margin-left: 16px;
  font-size: 1.25em;
  font-weight: bold;
  color:#0d61bd
}
/* .collect-com-tit h3:before {
  content: '';
  background: #0668d5;
  width: 4px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
} */
.shareIcon{float: right;margin-top: -5px; margin-right: 20px;}
.shareIcon > div{display: inline-block;}
.article-ewm{text-align:center; padding:30px 0 50px;}
#qr_container{ padding-top:5px; color:#b5b5b5; font-size: .875em;}
.collect-wyzj-login-before{padding: 0 0 20px; text-align: center;}
.collect-wyzj-login-before a{color: #f52832; text-decoration: underline;}
.collect-wyzj-login-before a:hover{text-decoration: none;}
body.login-before .collect-wyzj-login-before{display: block;}
body.login-before .collect-wyzj-form-btn{display: none;}

.collect-wyzj-form .require {
  color: #f52832;
}
.collect-wyzj-form .layui-form-label {
  width: 110px;
}
.collect-wyzj-form .layui-input-block {
  margin-left: 140px;
}
.collect-wyzj-form .yzm input[type='text'] {
  width: 250px;
}

.collect-wyzj-form .collect-wyzj-form-btn {
  text-align: center;
}
.collect-wyzj-form .layui-btn-normal {
  background: #0668d5;
  font-size: 16px;
}
.collect-wyzj-form .layui-btn-primary:hover {
  border-color: #0668d5;
}

.collect-yjlb-list li {
  border-bottom: 1px solid #eeeeee;
  padding-top: 12px;
  padding-bottom: 12px;
}
.collect-yjlb-list li .tit {
  overflow: hidden;
  position: relative;
  margin-bottom: 5px;
}
.collect-yjlb-list li .tit .time {
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
}
.collect-yjlb-list li .tit .name {
  color: #0668d5;
}
.collect-yjlb-list li .cont {
  line-height: 1.8;
}

.collect-jgfk-cont {
  line-height: 1.8;
  margin-bottom: 15px;
}
.collect-jgfk-cont a {
  color: #0668d5;
}
.collect-jgfk-cont li {
  list-style: normal;
}
.collect-yjlb .collect-appendix {
  border: 1px solid #eee;
  padding: 15px 20px;
}

.page {
  text-align: right;
}

.yzm-input {
  display: inline-block;
}
.yzmcode {
  display: inline-block;
  height: 38px;
  cursor: pointer;
}
.yzmcode img {
  height: 100%;
}

@media (max-width: 1200px) {
  .collect-detail {
    /* padding: 20px; */
  }
  .collect-detail-attr {
    text-align: center;
  }
  .collect-detail-attr .status {
    float: none;
    margin-left: 10px;
  }
  .collect-detail-attr > div {
    padding: 2px 0;
  }
}

@media (max-width: 992px) {
  .collect-detail-attr .zjdw {max-width: none; white-space: normal;}
}

@media (max-width: 768px) {
  .collect-wyzj-form .layui-form-label {
    float: none;
    width: auto;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
  .collect-wyzj-form .layui-input-block {
    margin-left: 0;
  }
  .collect-wyzj-form .yzm input[type='text'] {
    width: 120px;
  }
  .collect-wyzj-form .collect-wyzj-form-btn {
    text-align: left;
  }

  .collect-yjlb-list li .tit .name {
    display: inline-block;
    margin-right: 10px;
  }
  .collect-yjlb-list li .tit .time {
    display: inline-block;
    position: static;
  }
  .page {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .collect-appendix ul.dot li a:before {
    top: 14px;
  }
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #005ea9;}
.pagination a:hover, .pagination .num.active{color: #fff!important;}
/* 意见征集列表页 */

.collect-list li{position: relative; padding: 10px 385px 5px 0;  transition: all .3s; -webkit-transition: all .3s;    border-bottom: 1px dashed #ccc;}
.collect-list li div{position: absolute; top: 50%; display: block; margin-top: -.75em; line-height: 1.5em; text-align: center;color:#383838}
.collect-list li div span{display: inline-block;}
.collect-list li div a{display: inline-block;color:#383838}
.collect-list li .caption{position: relative; top: auto; margin-top: 0; text-align: left;padding-left: 15px;}
.collect-list li .start{right: 242px; width: 120px;}
.collect-list li .end{right: 115px; width: 120px;}
.collect-list li .state{right: 15px; width: 120px; color: #808080;}
.collect-list li .end .ing{color: #267dde;}
.collect-list li .caption::before{position: absolute;content: '';left: 0;background: #3889d4;width: 5px; height: 5px; border-radius: 50%; top: 50%;margin-top: -4px;}

.collect-thead .caption::before{content: initial;}
.collect-thead{z-index: 2; padding-left: 1em; font-size: 1em; color:#000!important; background-color: #f4faff!important; font-weight:bold;padding-top: 5px;padding-bottom: 5px;}
.collect-thead div{color: #333 !important;}
.collect-thead .caption{font-size: 1em;text-align: center;}
.collect-thead li{border-bottom: 0;}
.collect-thead li .caption:before{content: initial;}
@media (max-width:1200px) {
  .lxxd .ldxx-list-box{margin-bottom: 20px;}	
}
@media (max-width:768px) {
  .lxxd .ldxx-list li div a{white-space: normal;}
  .lxxd .ldxx-list li .start{display: none;}	
}
@media (max-width:480px) {
  .lxxd .ldxx-list li{padding-right: 100px;}
  .lxxd .ldxx-list li .end{display: none;}
  .lxxd .ldxx-list li .state{top: 10px; margin-top: 0; right: 0;}
}

.collect-tab ul li{float: left; width: 226px; background: url(../images/gray_arrow_2021.png) no-repeat; line-height: 58px; font-size: 1.125em;text-align: center;cursor: pointer;}
.collect-tab ul li.on{background: url(../images/blue_arrow_2021.png) no-repeat;}
.collect-tab ul li.on a{color:#fff}