@charset "utf-8";
/* 政民互动 */

/* 留言咨询 */
.zmhd-lyzx{position: relative; height: 100px; background: url(../images/index/zmhd_lyzx_bg.png) no-repeat right bottom; overflow: hidden;}
.zmhd-lyzx-tit{position: absolute; left: 22px; top: 0; bottom: 0; background: url(../images/index/zmhd_lyzx_kf.png) no-repeat left center; background-size: 64px 70px; padding-left: 77px;}
.zmhd-lyzx-tit h3{color: #fff; font-size: 2em; padding-top: 30px; line-height: 40px; font-weight: bold;}
.zmhd-lyzx-tytj{position: absolute; left: 247px; top: 29px; padding: 0 15px; height: 42px; line-height: 40px; border-radius:22px; background: #4494E3; border: 1px solid #70ABE6; color: #FFDC7A; font-size: 1.125em; font-weight: bold;}
.zmhd-lyzx-tytj b{font-size:1.22em;}
.zmhd-lyzx-tytj span + span{margin-left: 20px;}
.zmhd-lyzx-btn{position: absolute; right: 145px; top: 27px;}
.zmhd-lyzx-btn a{float: left; width: 176px; height: 73px; overflow: hidden;}
.zmhd-lyzx-btn a + a{margin-left: 16px;}


@media (max-width: 1280px){
  .zmhd-lyzx{height:auto; padding: 10px 0 20px; background-size: auto 100%;}
  .zmhd-lyzx-tit{position: static; margin-left: 20px; height: 70px;}
  .zmhd-lyzx-tit h3{padding-top: 15px;}
  .zmhd-lyzx-tytj{position: static; display: inline-block; margin-left: 20px;}
  .zmhd-lyzx-btn{bottom: 0; top: auto;}
}

@media (max-width: 992px){
  .zmhd-lyzx{background: linear-gradient(90deg, rgba(73, 152, 227, 1) 0%, rgba(130, 187, 241, 1) 100%);}
  .zmhd-lyzx-btn{right: 20px; top: 20px;}
  .zmhd-lyzx-btn a{width: 140px;}
  .zmhd-lyzx-tytj{display: block; position: relative; z-index: 2; left: auto; top: auto; right: auto; margin-right: 20px;}
}

@media (max-width: 640px){
  .zmhd-lyzx{padding-bottom: 10px;}
  .zmhd-lyzx-tit{background: none; padding-left: 0; height: 50px;}
  .zmhd-lyzx-tit h3{font-size: 1.25em; padding-top: 0;}
  .zmhd-lyzx-btn{top: 14px; right: 10px;}
  .zmhd-lyzx-btn a + a{margin-left: 10px;}
  .zmhd-lyzx-btn a{width: 100px;}
  .zmhd-lyzx-tytj{font-size: 16px; font-weight: normal; background: none; border: 0; padding: 0; margin: 0 10px; border-top: 1px solid #70ABE6;}
}


/* 留言回复 */
.zmhd-table-lyhf {font-size: 18px;}
.zmhd-table-lyhf .col-1{width: 8%; text-align: center;}
.zmhd-table-lyhf .col-2{width: 72%;}
.zmhd-table-lyhf .col-3{width: 20%; text-align: center;}
.zmhd-table-lyhf .thead {width: 100%;background: #E2EDFD;height: 48px;line-height: 48px;}
.zmhd-table-lyhf .thead li {float: left; color: #4F79B9;}
.zmhd-table-lyhf .tbody ul {width: 100%; margin-top: 10px;}
.zmhd-table-lyhf .tbody li {width: 100%; float: left; padding-top: .38em; padding-bottom: .38em; line-height: 1.6em; box-sizing: border-box;}
.zmhd-table-lyhf .tbody li span{float: left;}
.zmhd-table-lyhf .tbody li span a{ float: left; max-width: 100%;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.zmhd-table-lyhf .tbody .col-3{color: #858585;}
.zmhd-table-lyhf .tbody li{padding-top: 10px;padding-bottom: 10px;}
@media (max-width: 768px){
  .zmhd-table-lyhf {font-size: 16px;}
  .zmhd-table-lyhf .thead,
  .zmhd-table-lyhf .col-1{display: none;}
  .zmhd-table-lyhf .col-2,
  .zmhd-table-lyhf .col-3{width: 100%;text-align: left;padding: 0;}
  .zmhd-table-lyhf .tbody li span a{white-space: normal;margin: 6px 0;}
  .zmhd-table-lyhf .tbody li{border-bottom:1px dashed #CCCCCC;}
  .zmhd-table-lyhf .tbody li:before{display: none;}
}


/* 在线访谈 */
.zmhd-zxft-tt{ background: #F5F9FF; padding-top: 20px; height: 474px;}
.zmhd-zxft-pic img{display: block; width: 100%; height: 220px;}
.zmhd-zxft-attr{padding: 28px 10px;}
.zmhd-zxft-attr li{position: relative; padding-left: 86px; min-height: 33px; line-height: 33px;}
.zmhd-zxft-attr li > span{position: absolute; left: 0; top: 0; width: 66px; height: 33px; line-height: 33px; color: #fff; text-align: center; border-radius: 15px 0 15px 15px; background: #7BB6EF;}
.zmhd-zxft-attr li.zt p{font-size: 1.25em; line-height: 28px; max-height: 56px; font-weight: bold;}
.zmhd-zxft-attr li.time p{color: #999; font-size: 18px;}
.zmhd-zxft-attr li.memo p{line-height: 23px;}
.zmhd-zxft-attr li.memo p a{color: #B11A18;}
.zmhd-zxft-attr li + li{margin-top: 20px;}

@media (max-width: 1280px){
  .zmhd-zxft-tt,
	.zmhd-zxft-pic img{height: auto;}
}

/* 调查征集 */
.zmhd-dczj-list{margin-left: -15px; margin-right: -15px;}
.zmhd-dczj-list li{float: left; width: 50%;}
.zmhd-dczj-list li .box{height: 122px; border-radius: 4px; background: #fff; box-shadow: 0px 0px 12px 4px rgba(240, 245, 250, 1); margin: 0 15px 30px; position: relative; box-sizing: border-box; padding: 30px 18px; padding-left: 167px;}
.zmhd-dczj-list li .state{position: absolute; left: 18px; top: 30px; width: 120px; height: 100px;}
.zmhd-dczj-list li .state:before{content: ''; width: 71px; height: 61px; background: url(../images/zmhd/dczj_icon.png) no-repeat; background-size: 100% 100%; position: absolute; left: 32px; z-index: 1;}
.zmhd-dczj-list li .state em{display: block; position: absolute; left: 0; right: 0; bottom: 0; font-style: normal; height: 40px; line-height: 40px; text-align: center;  border-radius: 6px; background: #E3E3E3;	border: 1px solid #D1D1D1; font-size: 18px; font-weight: bold;}
.zmhd-dczj-list li .state.ing em{background: #6FB7ED; background: linear-gradient(90deg, #6EB0E6 0.36%, #6FB7ED 100%);	border: 1px solid #348BCF; color: #fff;}
.zmhd-dczj-list li .tit{font-size: 1.25em; line-height: 32px; height: 64px; margin-bottom: 15px; margin-top: -5px; font-weight: bold;}
.zmhd-dczj-list li .time{color: #808080; font-size: 1.125em;}
@media (max-width: 1280px){
	.zmhd-dczj-list li{width: 100%;}
}
@media (max-width: 640px){
	.zmhd-dczj > .hd{margin-bottom: 0;}
	.zmhd-dczj-list{margin-left: 0; margin-right: 0;}
	.zmhd-dczj-list li{border-bottom:1px dashed #CCCCCC;}
	.zmhd-dczj-list li .box{padding-left: 18px; height: auto; box-shadow: none; margin: 0;}
	.zmhd-dczj-list li .time{margin-bottom: 15px; display: block;}
	.zmhd-dczj-list li .state{position: static; opacity: 0.7;}
	.zmhd-dczj-list li .state:before{display: none;}
	.zmhd-dczj-list li .state em{position: static;}
	.zmhd-dczj-list li .tit{height: auto;}
}