/* 政务服务模块 - 移动端适配 (≤768px) */
@media screen and (max-width: 768px) {
  /* 整体容器自适应 */
  .zwfw_bs {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  /* 左侧选项卡区域 - 改为顶部横向滑动 */
  .zwfw_bs_title {
    width: 100%;
    float: none;
    padding-right: 0;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .pic .c24 i {
    background-position: center -1400px;
  }
  .pic .c27 i {
    background-position: center -770px;
  }
  .pic .c28 i {
    background-position: center -7370px;
  }
  .pic .c29 i {
    background-position: center -610px;
  }
  .pic .c36 i {
    background-position: center -4225px;
  }
  .pic .c8 i {
    background-position: center -4070px;
  }
  .pic .c40 i {
    background-position: center -3910px;
  }
  .pic .c30 i {
    background-position: center -3280px;
  }
  .pic .c33 i {
    background-position: center -2970px;
  }
  .pic .c52 i {
    background-position: center -2810px;
  }
  .pic .c5 i {
    background-position: center -3120px;
  }
  .pic .c108 i {
    background-position: center -2660px;
  }
  .pic .c34 i {
    background-position: center -2190px;
  }
  .pic .c12 i {
    background-position: center -2025px;
  }
  .pic .c19 i {
    background-position: center -1870px;
  }
  .pic .c13 i {
    background-position: center -1560px;
  }
  .pic .c31 i {
    background-position: center -1080px;
  }
  .pic .c32 i {
    background-position: center -925px;
  }
  .pic .c35 i {
    background-position: center -460px;
  }
  .pic .c51 i {
    background-position: center -140px;
  }
  .pic .c110 i {
    background-position: center -8470px;
  }
  .pic .c23 i {
    background-position: center -8150px;
  }
  .pic .c47 i {
    background-position: center -8000px;
  }
  .pic .c2 i {
    background-position: center -7840px;
  }
  .pic .c39 i {
    background-position: center -7680px;
  }
  .pic .c15 i {
    background-position: center -7520px;
  }
  .pic .c38 i {
    background-position: center -7210px;
  }
  .pic .c3 i {
    background-position: center -7050px;
  }
  .pic .c44 i {
    background-position: center -6890px;
  }
  .pic .c11 i {
    background-position: center -6580px;
  }
  .pic .c4 i {
    background-position: center -6420px;
  }
  .pic .c37 i {
    background-position: center -6270px;
  }
  .pic .c7 i {
    background-position: center -5950px;
  }
  .pic .c42 i {
    background-position: center -5650px;
  }
  .pic .c49 i {
    background-position: center -5170px;
  }
  .pic .c1 i {
    background-position: center -4700px;
  }
  .pic .c9 i {
    background-position: center -3600px;
  }
  .zwfw_bs_title ul {
    display: inline-flex;
    width: auto;
    min-width: 100%;
    height: auto;
  }
  .zwfw_link {
    width: 100%;
  }
  .zwfw_bs_title ul li {
    display: inline-block;
    line-height: 44px;
    height: 44px;
    font-size: 15px;
    padding: 0 20px;
    white-space: nowrap;
    background: #f8f8f8;
    border-bottom: none;
    border-right: 1px solid #eee;
  }

  .zwfw_bs_title ul li:last-child {
    border-right: none;
  }

  /* 移除激活项的右侧三角箭头（移动端改为下划线或背景色） */
  .zwfw_bs_title ul li.active s {
    display: none;
  }

  .zwfw_bs_title ul li.active {
    background-color: #1b51a0;
    color: white;
  }

  /* 内容区域 */
  .zwfw_bs_lm {
    width: 100% !important;
    float: none !important;
    height: auto;
    margin-top: 15px;
  }

  /* 服务项网格布局 */
  .zwfw_bs_lm.pic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .zwfw_bs_lm li {
    width: calc(33.333% - 10px) !important; /* 默认三列，可调整 */
    margin: 0 0 12px 0 !important;
    height: auto;
    min-height: 80px;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    text-align: center;
    box-sizing: border-box;
  }

  /* 权责清单特殊处理（部分li有内联宽度，覆盖） */
  .zwfw_bs_lm.pic li[style*="width"] {
    width: calc(33.333% - 10px) !important;
  }

  /* 链接区域 */
  .zwfw_bs_lm li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    font-size: 13px;
    padding: 5px 0;
    text-decoration: none;
    color: #333;
  }

  /* 图标样式（假设原有背景定位） */
  .zwfw_bs_lm li i {
    width: 40px;
    height: 40px;
    margin: 0 auto 6px;
  }
  .zwfw_mid ul li a {
    right: 78px;
    top: 16px;
  }
  .zwfw_mid ul li p {
    right: 50px;
    top: 73px;
  }
  /* 右侧搜索区域（如果存在） */
  .zwfw_bs_serch {
    width: 100%;
    float: none;
    margin-top: 20px;
    height: auto;
  }

  .zwfw_bs_serch .serch {
    width: 100%;
    margin-top: 0;
  }

  .maincontent {
    width: 100% !important;
  }

  .zwfw_bs {
    flex-direction: column;
    gap: 20px;
  }

  .side {
    width: 100%;
    flex: auto;
  }

  .zwfw_mid {
    width: 100%;
  }

  .zwfw_rdbm_title {
    height: auto !important;
  }
  .zwfw_bs_serch .serch .item ul li {
    margin-top: 20px !important;
  }
  .pic {
    background-image: none;
  }
}

/* 超小屏幕（≤480px）可进一步调整 */
@media screen and (max-width: 480px) {
  .zwfw_bs_lm li {
    width: calc(50% - 8px) !important; /* 两列布局 */
    padding: 0;
  }
}
