/* ========== 桌面端样式（原有） ========== */
.top_xlx {
  height: 137px;
  width: 100%;
  position: relative;
  background: url(../img/xlxdzxxdh.gif) no-repeat;
}

.top_xlx .statistics {
  width: 371px;
  height: 108px;
  float: right;
  margin-right: 44px;
  margin-top: 10px;
  padding-left: 34px;
  padding-top: 18px;
}

.top_xlx .statistics .red {
  color: #fe4c23;
}

.top_xlx .statistics .xlx_si {
  float: left;
  width: 153px;
  height: 27px;
  line-height: 27px;
  font-size: 14px;
}

.top_xlx .statistics .xlx_bj {
  float: left;
  width: 153px;
  height: 27px;
  line-height: 27px;
  font-size: 14px;
}

.newbox {
  height: 330px;
  width: 100%;
  position: relative;
  margin-top: 20px;
}

.newbox .slidebox {
  position: absolute;
  left: 0px;
  width: 878px;
  height: 330px;
  border: 1px solid #dddddd;
}

.newbox .informationbox {
  width: 100%;
}

.newbox .informationbox .informationNav {
  width: 100%;
  height: 43px;
  border: 1px solid #dddddd;
}

.newbox .informationbox .informationNav li:first-child {
  margin-left: 10px;
}

.newbox .informationbox .informationNav .first.active {
  color: #045da6;
}

.newbox .informationbox .informationNav .first.active .blue_icon {
  display: block;
}

.newbox .informationbox .informationNav .write_message {
  height: 43px;
  width: 112px;
  float: right;
  font-size: 14px;
}

.newbox .informationbox .informationNav .write_message a {
  width: 100%;
  height: 100%;
  display: block;
  color: #f7935f;
  text-align: center;
  line-height: 43px;
  position: relative;
}

.newbox .informationbox .informationNav .write_message a img {
  position: absolute;
  top: 11px;
  left: 0px;
}

.newbox .informationbox .informationNav .first {
  float: left;
  width: 120px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  position: relative;
}

.newbox .informationbox .informationNav .first .blue_icon {
  width: 6px;
  height: 19px;
  float: left;
  background: #015293;
  margin-top: 11px;
  border-radius: 2px;
  display: none;
}

.newbox .informationbox .jczlcontent {
  width: 100%;
  display: none;
}

.newbox .informationbox .jczlcontent.active {
  display: block;
}

.newbox .newlist {
  width: 300px;
  position: absolute;
  right: 0px;
  height: 330px;
  border: 1px solid #dddddd;
}

.newbox .newlist .newlist_top {
  width: 100%;
  text-align: center;
  height: 46px;
  line-height: 46px;
  background: #d7e1eb;
  color: #045da6;
  font-size: 18px;
}

.newbox .newlist .newlist_content {
  text-indent: 32px;
  font-size: 16px;
  height: 274px;
  padding: 5px;
  line-height: 28px;
}

.indexg_tit {
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;
}

.indexg_tit span {
  display: block;
  float: left;
  background: #f7f7f7;
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #464646;
  font-size: 16px;
}

.indexg_tit span.index_gszrx_zt {
  width: 229px;
}

.indexg_tit span.index_gszrx_tj {
  width: 71px;
  margin-left: 1px;
}

.indexg_tit span.index_gszrx_rep {
  width: 71px;
}

.indexg_tit span.index_gszrx_status {
  width: 52px;
}

.index_gszrx_list {
  clear: both;
  margin-top: 5px;
}

.index_gszrx_list span {
  float: left;
  display: block;
}

.index_gszrx_title {
  height: 25px;
  line-height: 25px;
  float: left;
  text-indent: 1em;
  width: 229px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}

.indeex_gszrx_tjt {
  width: 71px;
  margin-left: 1px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
}

.indeex_gszrx_rept {
  width: 71px;
  margin-left: 1px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
}

.index_gszrx_statust {
  width: 52px;
  margin-left: 1px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  color: #831611;
  font-size: 16px;
}

.index_gszrx_false {
  width: 52px;
  margin-left: 1px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  color: #4e4e4e;
  font-size: 16px;
}

.index_line {
  border-top: 1px solid #d4d1d1;
  margin-top: 15px;
  clear: both;
}

.index_szrx_cx_bg {
  margin-top: 10px;
  height: 31px;
  padding-top: 7px;
  background: #efefef;
}

.center_list {
  padding-top: 5px;
  padding-left: 15px;
}

.center_list li {
  box-sizing: border-box;
  padding-left: 14px;
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}

.center_list li .time {
  float: right;
  margin-right: 10px;
  color: #909090;
  font-size: 12px;
}

.center_list li a {
  color: #232323;
  text-decoration: none;
}

.center_list li span {
  width: 4px;
  height: 4px;
  border-radius: 1px;
  background-color: #4e4e4e;
  display: block;
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -3px;
}

.talklist {
  height: 286px;
  width: 100%;
  margin-top: 18px;
}

.interview {
  width: 888px;
  height: 286px;
  float: left;
  border: 1px solid #cccccc;
}

.interview .title {
  width: 100%;
  height: 41px;
  border-top: 2px solid #1f89e1;
  background: #f0f0f0;
  border-bottom: 1px solid #dddddd;
}

.interview .title a {
  font-size: 18px;
  width: 168px;
  line-height: 41px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #045da6;
  position: relative;
  top: 0px;
}

.interview .title a .blue_icon {
  margin-left: 40px;
  position: absolute;
  top: 11px;
  left: -10px;
}

.interview .view-box .view-img {
  float: left;
  margin-left: 16px;
}

.interview .view-box .view-img img {
  display: block;
  margin-top: 14px;
}

.interview .view-box .view-con {
  margin-top: 14px;
  width: 500px;
  float: left;
  margin-left: 16px;
}

.r_color {
  font-size: 16px;
  color: #ff3900;
  line-height: 26px;
}

.interview .view-box .view-con .b_color {
  font-size: 16px;
  color: #045da6;
  line-height: 26px;
}

.interview .view-box .view-con .txt {
  font-size: 16px;
}

.blue_icon {
  width: 6px;
  height: 19px;
  background: #015293;
  border-radius: 2px;
}

.interback {
  width: 308px;
  height: 286px;
  float: left;
  border: 1px solid #cccccc;
}

.interback .title {
  width: 100%;
  height: 41px;
  border-top: 2px solid #1f89e1;
  background: #f0f0f0;
  border-bottom: 1px solid #dddddd;
}

.interback .title a {
  font-size: 18px;
  width: 168px;
  line-height: 41px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #045da6;
  position: relative;
}

.interback .title a .blue_icon {
  margin-left: 40px;
  position: absolute;
  top: 11px;
  left: -10px;
}

.interback .center_list li {
  height: 33px;
  line-height: 33px;
}

.Opinion {
  height: 286px;
  width: 100%;
  margin-top: 18px;
}

.Opinionview {
  width: 1198px;
  height: 286px;
  float: left;
  border: 1px solid #ccc;
}

.Opinionview .title {
  width: 100%;
  height: 41px;
  border-top: 2px solid #1f89e1;
  background: #f0f0f0;
  border-bottom: 1px solid #dddddd;
}

.Opinionview .title a {
  font-size: 18px;
  width: 168px;
  line-height: 41px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #045da6;
  position: relative;
}

.Opinionview .title a .blue_icon {
  margin-left: 40px;
  position: absolute;
  top: 11px;
  left: -10px;
}

.Opinionview .view {
  width: 852px;
  height: 230px;
  padding: 6px 18px;
}

.Opinionview .view .view_top {
  width: 100%;
  height: 76px;
  border: 1px solid #ccc;
  position: relative;
  text-align: center;
}

.view_Opinion {
  position: relative;
}

.view_Opinion li {
  position: absolute;
  list-style-type: none;
}

.view_Opinion a {
  background: #68ace5;
  display: block;
  border: 1px solid #dddddd;
  width: 139px;
  height: 67px;
  padding-top: 7px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.view_Opinion img {
  display: block;
  margin: 0 auto;
}

.view_Opinion span {
  margin-top: 5px;
  text-align: center;
  display: block;
  font-size: 16px;
}

.view .r_color {
  margin: 5px 0px 0px 165px;
  display: block;
  text-align: left;
}

.bl_color {
  width: 162px;
  height: 20px;
  float: left;
  margin-left: 40px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-top: 10px;
  line-height: 20px;
  font-size: 12px;
}

.bl_color .b_color {
  height: 100%;
  width: 50%;
  display: inline-block;
  background: #68ace5;
  color: #ffffff;
  float: left;
}

.bl_color .d_color {
  height: 100%;
  width: 50%;
  display: inline-block;
  background: #ffffff;
  color: #68ace5;
}

.bl_color.first {
  margin-left: 161px;
}

.corrs {
  position: absolute;
  right: 200px;
  top: 0px;
}

.iweixing {
  width: 308px;
  height: 286px;
  float: left;
  border: 1px solid #cccccc;
  display: none;
}

.iweixing .title {
  width: 100%;
  height: 41px;
  border-top: 2px solid #1f89e1;
  background: #f0f0f0;
  border-bottom: 1px solid #dddddd;
}

.iweixing .title a {
  font-size: 18px;
  width: 168px;
  line-height: 41px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #045da6;
  position: relative;
}

.iweixing .title a .blue_icon {
  margin-left: 40px;
  position: absolute;
  top: 11px;
  left: -10px;
}

/* ========== 移动端响应式修复（全面解决重叠问题） ========== */
@media screen and (max-width: 1024px) {
  /* 信件统计区优化 */
  .top_xlx {
    background-size: 180%;
    height: auto;
    min-height: 137px;
  }
  .top_xlx .statistics {
    width: auto;
    margin-right: 20px;
    padding-left: 20px;
    margin-top: 70px;
    height: 60px;
  }
  .statistics ul {
    display: flex;
  }
  .top_xlx .statistics ul li {
    display: inline-block;
    width: 48%;
    text-align: center;
  }
  .top_xlx .statistics .xlx_si,
  .top_xlx .statistics .xlx_bj {
    float: none;
    width: auto;
    display: inline-block;
  }

  /* 修复 newbox 内 slidebox 和 newlist 重叠 */
  .newbox {
    position: static !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
  }
  .newbox .slidebox {
    position: static !important;
    width: 100% !important;
    margin-bottom: 20px;
    height: 680px;
    border: 1px solid #ddd;
  }
  .newbox .newlist {
    position: static !important;
    width: 100% !important;
    height: auto;
    border: 1px solid #ddd;
    margin-left: 0;
  }
  .newlist .newlist_content {
    height: auto;
    max-height: 200px;
    overflow-y: auto;
  }

  /* 来信列表表头隐藏，每条信息添加标签 */
  .indexg_tit {
    display: none;
  }
  .index_gszrx_list {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
  }
  .index_gszrx_title {
    width: 100% !important;
    white-space: normal;
    margin-bottom: 8px;
    font-weight: bold;
  }
  .indeex_gszrx_tjt,
  .index_gszrx_statust {
    width: auto !important;
    margin-right: 20px;
    font-size: 13px;
  }
  .indeex_gszrx_tjt::before {
    content: "发布时间：";
    color: #666;
  }
  .index_gszrx_statust::before {
    content: "回复状态：";
    color: #666;
  }

  /* 其他列表（人大建议、政协提案等） */
  .center_list li {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 8px 0;
    height: auto;
  }
  .center_list li a {
    flex: 1;
    padding-right: 10px;
  }
  .center_list li .time {
    float: none;
    font-size: 12px;
    color: #999;
  }

  /* 在线访谈与回顾区域 */
  .talklist {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: auto;
  }
  .interview,
  .interback {
    width: 100%;
    float: none;
    height: auto;
  }
  .interview .view-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }
  .interview .view-box .view-img {
    float: none;
    margin: 0 auto 15px;
  }
  .interview .view-box .view-img img {
    max-width: 100%;
    height: auto;
  }
  .interview .view-box .view-con {
    width: 100%;
    float: none;
    margin: 0;
    text-align: center;
  }

  /* 意见征集与政府微信区域 */
  .Opinion {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .Opinionview {
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 20px;
  }
  .iweixing {
    width: 100%;
    float: none;
    display: block; /* 显示政府微信模块 */
    margin-bottom: 20px;
  }
  .Opinionview .view {
    width: auto;
    height: auto;
    padding: 10px;
  }
  .view_top {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    text-align: left;
    margin-bottom: 20px;
  }
  .view_Opinion {
    position: static;
    margin-bottom: 15px;
    text-align: center;
  }
  .view_Opinion li {
    position: static;
    display: inline-block;
    width: 100%;
  }
  .view_Opinion a {
    width: 100%;
    margin: 0 auto;
  }
  .bl_color {
    width: 100% !important;
    float: none !important;
    margin: 8px 0 !important;
    display: flex;
    justify-content: space-between;
    background: transparent;
  }

  .bl_color.first {
    margin-left: 0 !important;
  }
  .corrs {
    position: static !important;
    display: inline-block;
    margin-left: 15px;
    margin-right: 10px;
    color: #045da6;
  }
  .Opinionview .jczlcontent {
    margin-top: 0 !important;
    width: 100%;
  }
  .center_list li span {
    position: static;
    display: inline-block;
    margin-right: 8px;
  }

  /* 政府微信二维码图片 */
  .iweixing .jczlcontent img {
    width: 60%;
    max-width: 180px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /* 弹窗微调 */
  .gov-notice-modal {
    width: 95%;
    padding: 16px;
  }
}

/* 手机小屏（≤640px）进一步优化 */
@media screen and (max-width: 640px) {
  .top_xlx .statistics {
    width: 90%;
  }

  .statistics li {
    margin-bottom: 8px;
  }
  .indeex_gszrx_tjt,
  .index_gszrx_statust {
    font-size: 12px;
  }
  .center_list li .time {
    margin-top: 4px;
    margin-left: 0;
  }
  .interview .view-box .view-con {
    text-align: left;
  }
  .bl_color {
    font-size: 14px;
  }
  .view .r_color {
    margin: 14px;
  }
}