@charset "utf-8";
/* 信访 */
.xfbox .box{padding: 18px 0;text-align: center;color: #236CC2;font-size: 1.5em;background: url(../images/hdjl/xf_bg.png) no-repeat;background-size: 100% 100%;}
.xfbox .box p{margin-top: 11px;}
.xfbox{margin-bottom: 0;}

/* 办理情况 */
.blqk{width: 100%;line-height: 75px;background: url(../images/hdjl/blqk_bg.png) no-repeat right bottom;}
.blqk p{padding-left: 72px;font-size: 1.25em;;background: url(../images/hdjl/tip_ico.png) no-repeat 20px center;}
.blqk p .red{color: #D43030;}
.blqk.last-month-data{width: 100%;line-height: 75px;background: url(../images/hdjl/blqk_bg2.png) no-repeat right bottom;}
.blqk.last-month-data p{padding-left: 72px;font-size: 1.25em;;background: url(../images/hdjl/tip_ico2.png) no-repeat 20px center;}


/* 来信选登 */
.lxxd{width: 66%;}
.xjtj{width: 31.5%;}

/* 信件列表 */
.simulate-table ul li{position:relative; transition: all .3s; -webkit-transition: all .3s;}
.simulate-table ul li div{position: absolute; top: 0; display: block; color: #666; text-align: center;}
.simulate-table ul.uhead{background: #F4F4F4;}
.simulate-table ul.uhead li{line-height: 40px;}
.simulate-table ul.uhead li div{color: #333;}
.simulate-table ul li .c-topic{position: relative; top: auto; margin-top: 0; text-align: left;}
@media (max-width: 768px) {
  .simulate-table ul li{padding: 1em 1.25em !important; border-bottom: none;}
  .simulate-table ul.uhead{display: none;}
  .simulate-table ul li div{position: static; display: block; margin-top: .25em; width: auto; text-align: left;}
  .simulate-table ul li:nth-child(even){background-color: #f8f8f8;}
  .simulate-table ul li .c-topic{font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: .875em;}
  .simulate-table ul li .c-topic a{white-space: normal;}
  
}

/* .letter-list ul.uhead{background: #EDF5FF;} */
.letter-list ul li{padding-right: 240px;padding-left: 120px;}
.letter-list ul li .c-xh{left: 0; width: 80px;}
.letter-list ul.ubody li .c-xh span{display: block;text-align: center;width: 100%;background: #236CC2;color: #fff;font-size: 16px;border-radius: 2px;}
.letter-list ul li .c-name{right: 360px; width: 120px;}
.letter-list ul li .c-status{right: 0px;width: 120px;}
.letter-list ul li .c-lxsj{right: 120px; width: 120px;}
.letter-list ul li .c-hfsj{right: 0; width: 120px;}
.letter-list ul.ubody li{margin-top: 20px;font-size: 1.125em;line-height: 24px;}
.c-color-blue{color: #267DDE;}

@media (max-width:1280px){
  .letter-list ul li{padding-left: 15px;}
  /* .letter-list ul li .c-xh{display: none !important;}	 */
  .letter-list ul.ubody li .c-xh span{margin-bottom: 10px;}
  .letter-list ul li .c-xh{display:none;}
}
@media (max-width:992px){
  .letter-list ul li{padding-right: 270px;}
  .letter-list ul li .c-status{ right: 120px;}
  .letter-list ul li .c-name,
  .letter-list ul li .c-lxsj{display: none;}
}
@media (max-width:768px){
  .letter-list ul li{border-bottom: none !important;}
  .letter-list ul li .c-status,
  .letter-list ul li .c-hfsj,
  .letter-list ul li .c-lxsj,
  .letter-list ul li .c-name{display: inline-block; width: 47%;}
  .letter-list ul li .c-status:before{content: "办理状态：";}
  .letter-list ul li .c-hfsj:before{content: "回复时间：";}
  .letter-list ul li .c-lxsj:before{content: "来信时间：";}
  .letter-list ul li .c-name:before{content: "姓名：";}
  .letter-list ul.ubody li{margin-top:0;}
}
@media (max-width:450px){	
  .letter-list ul li .c-status,
  .letter-list ul li .c-hfsj,
  .letter-list ul li .c-lxsj,
  .letter-list ul li .c-name{display: block; width: auto;}
}
/* 来信统计 */
.tjcontent {margin-top: 14px;line-height: 35px;color: #383838;text-indent: 2em;font-size: 1.125em;;font-weight:bold;}
.tjcontent .charts {height: 170px;}
.tjcontent .yeartj .charts {height: 170px;}
#tjt1 {height: 100%;}
#tjt2 {height: 120%;}
/* 在线访谈 */
.zmhd-zxft .hd .ftyg{float: right; padding-top: 5px;}
.zmhd-zxft .hd .ftyg a{display: block; background: url(../images/zmhd/icon_ftyg.png) no-repeat left 2px / 18px 18px; padding-left: 24px; padding-bottom: 2px;}
.zxft-cont{font-size: 1.125em;}
.zxft-cont .ct{height: 280px;}
.zxft-cont .tit{font-size: 1.45em;}
.zxft-cont .attr li{line-height: 30px; position: relative; min-height: 30px; margin-bottom: 5px;}
.zxft-cont .attr li b{position: absolute; left: 0; top: 0; color: #236CC2;}
.zxft-cont .attr li p{margin-left: 90px;}
.zxft-cont .memo{line-height: 30px; color: #808080; -webkit-line-clamp: 3; }
.zxft-cont .more{background: #F5F5F5; height: 46px; display: block; line-height: 46px; text-align: center;}
.zxft-cont .more .icon{margin-right: 25px;}
.zxft-cont .more .icon img{width:35px;}
.zxft-cont .more .txt{font-weight: bold;}
.zxft-cont .more:hover{background: #F5F9FF;}
.zxft-cont .more.hvr-bounce-to-top:before {background: #D9EBFA;}
.zxft-cont .more.hvr-bounce-to-top:hover, .zxft-cont .more.hvr-bounce-to-top:focus, .zxft-cont .more.hvr-bounce-to-top:active { color: #267DDE;}

/* 征集调查列表 */
.zjdclist li{margin-top: 30px;}
.zjdclist li .zjinfo{width: 80%;}
.zjdclist li .zjinfo .time{font-size: 1.125em;color: #999;margin-bottom: 10px;}
.zjdclist li .zjinfo .status{display: inline-block;margin-right: 15px;;vertical-align: middle;line-height: 28px;text-align: center;width: 69px;color: #fff;background: url(../images/hdjl/status_bg.png) no-repeat;}
.zjdclist li .zjinfo .status.on{background-image: url(../images/hdjl/status_bg_on.png);}
.zjdclist li .zjinfo a{vertical-align: middle;font-size: 1.125em;}

.zjdclist li .wycy{width: 12%;margin-top: 15px;;text-align: center;line-height: 38px;font-size: 1.125em;background: #DEEDFF url(../images/hdjl/ckjg_ico.png) no-repeat 20px center;border-radius: 8px;}
.zjdclist li .wycy a{display: block;padding-left: 30px;color: #1063B5;}
.zjdclist li .wycy.on{background: #236CC2 url(../images/hdjl/wycy_ico.png) no-repeat 20px center;}
.zjdclist li .wycy.on a{color: #fff;}

@media (max-width: 1200px) {
    .xfbox .box{font-size: 1em;}
    .xfbox .box img{width: 70px;}

    .blqk{line-height: 30px;background: #DEEDFF;}
    .blqk p{padding: 10px 10px 10px 72px;background-position: 20px 15px;font-size: 1em;}
    .lxxd{width: 100%;}
    .xjtj{width: 100%;margin-top: 20px;}

    .zxft-cont{font-size: 1em;}
    .zxft-cont .tit{font-size: 1.2em;}

    .zjdclist li .zjinfo{width: 100%;}
    .zjdclist li .wycy{width: 40%;}
    
}

/* 结果公开 */
.jggk-box{
  display: flex;
  gap: 20px;
}

.jggk-box > div {
  width: 0;
  flex: 1 0 0;
}
@media (max-width: 992px){
  .jggk-box{flex-direction: column;}
  .jggk-box>div{width: 100%}
}

@media (max-width: 431px){
  .jggk-box .hd li{
    margin-left: 0px !important;
  }
}

/* 搜索区域 */
.search-box {
  background: #fff;
  padding: 30px 79px;
  border-radius: 4px;
}

.search-form {
  display: flex;
  align-items: center;
  gap: 15px;
}

.search-item {
  display: flex;
  align-items: center;
}

.search-item label {
  font-size: 16px;
  color: rgba(133, 133, 133, 1);
  margin-right: 10px;
  white-space: nowrap;
}
.search-label {
  font-size: 18px;
  color: rgba(35, 108, 194, 1);
  margin-right: 23px;
}

.search-item input {
  width: 185px;
  height: 34px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 14px;
}

.search-item input:focus {
  border-color: #1e6bb8;
  outline: none;
}

.search-btn,
.write-btn {
  height: 36px;
  padding: 0 20px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}

.search-btn {
  background: #1e6bb8;
  color: #fff;
  padding: 0 25px;
}

.write-btn {
  background: rgba(0, 186, 173, 1);
  color: #fff;
  padding: 0 46px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

@media (max-width: 1280px){
   .search-box {
    padding: 20px 40px;
  }

  .search-form {
    gap: 10px;
  }

  .search-item {
    flex: 1;
  }

  .search-item input {
    width: 160px;
  }

  .search-btn,
  .write-btn {
    padding: 0 20px;
  }

  .stats-box {
    height: 70px;
    padding: 12px 15px;
  }
}

@media (max-width: 992px) {
  .search-box {
    padding: 15px 20px;
  }

  .search-form {
    flex-wrap: wrap;
    gap: 15px;
  }
  
  .search-item {
    width: calc((100% - 150px) / 2);
    flex: none;
  }
  
  .search-item input {
    width: 100%;
  }

  .search-label {
    font-size: 16px;
    margin-right: 15px;
  }
  
  .search-btn,
  .write-btn {
    width: calc(50% - 10px);
    padding: 0;
  }
  .search-btn, .write-btn{
    justify-content:center;
  }
}

@media (max-width: 768px) {
  .search-item {
    width: 100%;
  }
  
  .search-btn,
  .write-btn {
    width: 100%;
  }
}
@media (max-width: 431px) {
  .search-item label {
    font-size: 14px;
  }
  .search-btn, .write-btn{
    justify-content:center;
  }
}