@charset "utf-8";
/* ==========================================================================
   mobile.css - 全站手机版适配样式（响应式增强方案）
   -------------------------------------------------------------------------
   设计原则：
   1. 全部样式包裹在 @media (max-width:768px) 中，PC端(>768px) 100% 不受影响
   2. 单断点策略：768px（覆盖主流手机和平板竖屏）
   3. 深度优化：字号、间距、布局、侧边栏位置、导航折叠、图片尺寸、表格滚动、触摸友好
   4. 品牌色：松墨绿 #2E4E3E / 朱砂红 #B83A2A / 亮红 #D45C43 / 暖米白 #F7F4EF / 浅绿 #C1D4C0
   依赖：chinatax_ref/base.css、common.css、css3.css、index.css、listview.css
   ========================================================================== */

@media screen and (max-width: 768px) {

  /* ============================================================
     0. 全局基础：字号/容器/正文/链接/滚动
     ============================================================ */
  html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
  body {
    font-size: 14px;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  /* 容器：移除固定宽度，全屏自适应 + 左右内边距 */
  .container {
    width: auto !important;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }
  /* 隐藏 PC 漂窗（移动端会遮挡内容） */
  .piaochuang,
  .piaochuang_left { display: none !important; }
  /* 隐藏 PC 返回顶部超大按钮（移动端用更小的浮动按钮） */
  .fixed-right-box { display: none !important; }
  a { -webkit-tap-highlight-color: rgba(184, 58, 42, 0.15); }

  /* ============================================================
     1. Header 头部：Logo/Toolbar/Search/导航
     ============================================================ */
  .header { height: auto !important; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.04); }
  .header .inhead { position: relative; min-height: 0; padding: 0; }

  /* Logo 区域：通栏显示，logo 适应屏幕宽度（按用户要求：不限制大小，通栏显示） */
  .header-logo {
    float: none !important;
    width: 100% !important;
    padding: 12px !important;
    margin: 0 !important;
    box-sizing: border-box;
    display: block;
    text-align: center;
  }
  .header-logo-link {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
  }
  /* logo 图片：宽度 100% 适应屏幕，高度按比例自适应，不限制 max-height */
  .header-logo-link img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block;
    margin: 0 auto !important;
  }
  /* 移动端搜索按钮（wapsearch）：按用户要求隐藏，移动端不需要搜索功能 */
  .header-logo .wapsearch { display: none !important; }
  /* EN 切换按钮：移动端隐藏（占位过多） */
  .header-logo .en_mobile { display: none !important; }

  /* Toolbar 简繁切换：移动端隐藏（参考站原生 992px 下已 display:none） */
  .header-toolbar { display: none !important; }

  /* 搜索框：按用户要求移动端不需要搜索，彻底隐藏搜索框及其所有子元素 */
  /* 覆盖 header.css L116 在 450px 下 .header-search{display:none}（保持一致） */
  .header-search,
  .header-search.show {
    display: none !important;
  }

  /* 主导航：横向滚动（不折叠，保留参考站 992px 4列布局的视觉延续） */
  /* 显式 display:block 覆盖 index.css L49 在 992px 下 .mainnav{display:none} 的隐藏，
     治本解决参考站复刻遗留的导航消失问题（本站无移动端汉堡菜单替代方案） */
  .mainnav {
    display: block !important;
    height: auto !important;
    padding: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: 2;
  }
  .mainnav .container {
    width: auto !important;
    padding: 0 !important;
  }
  .mainnav ul {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: max-content;
    min-width: 100%;
  }
  .mainnav ul li {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
  }
  .mainnav ul li:before { content: normal !important; }
  .mainnav ul li a {
    display: block !important;
    padding: 0 16px !important;
    line-height: 44px !important;
    font-size: 15px !important;
    margin: 0 !important;
  }
  .mainnav ul li a span {
    width: auto !important;
    text-align: center !important;
    text-align-last: auto !important;
    text-shadow: none !important;
  }
  .mainnav ul li a:after { display: none !important; }

  /* ============================================================
     2. 首页 - 时政要闻区块（xwdt）
     ============================================================ */
  .body-layer { padding: 12px 0 !important; }
  .xwdt { padding: 12px 0 !important; }

  /* shadow-box 容器内边距缩小 */
  .shadow-box {
    padding: 12px !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .shadow-box.normal { border-radius: 0; }

  /* 时政要闻头条：字号缩小 */
  .xwdt .first { text-align: left !important; padding: 0 0 8px; }
  .xwdt .first > a { margin-right: 0 !important; }
  .xwdt .first,
  .xwdt .first a { font-size: 18px !important; line-height: 1.4 !important; }
  .xwdt .first .caption { font-size: 18px !important; }
  .xwdt .first .caption.h5 { display: block; }
  .xwdt .first .caption.pc { display: none; }

  /* 时政要闻列表：隐藏 PC 版（news_p），显示移动版（news_m） */
  .xwdt .news_p { display: none !important; }
  .xwdt .news_m { display: block !important; }

  /* swiper 轮播图：移动端高度自适应 */
  .xwdt .tpxw { margin-bottom: 12px !important; }
  .xwdt .szyw .tpxw .swiper-container,
  .xwdt .swxw .tpxw .swiper-container { min-height: 200px !important; }
  .topic .place,
  .hdjl .xmt .box .zhuti dt .place,
  .topic .place .pic { height: auto !important; padding-top: 56.25%; }
  .topic .place .pic img,
  .hdjl .xmt .box .zhuti dt img { height: auto !important; min-height: 1% !important; }

  /* swiper 控制按钮缩小 */
  .swiper-ctrl-button {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 16px !important;
  }
  .swiper-pagination-bullet { width: 6px !important; height: 6px !important; margin: 0 3px !important; }

  /* 时政要闻列表项 */
  #szywcont,
  #szywcont1,
  #szywcont1_h5,
  #szywcont2 {
    height: auto !important;
    overflow: hidden;
  }
  #szywcont .szywcontlist,
  #szywcont2 .szywcontlist,
  #szywcont1 .szywcontlist1,
  #szywcont1_h5 .szywcontlist1 {
    margin: 0 !important;
    padding: 6px 0 !important;
    min-height: 0 !important;
    line-height: 1.5 !important;
    border-bottom: 1px dashed #e5e5e5;
  }
  #szywcont .szywcontlist:last-child,
  #szywcont2 .szywcontlist:last-child,
  #szywcont1 .szywcontlist1:last-child,
  #szywcont1_h5 .szywcontlist1:last-child { border-bottom: 0; }
  #szywcont .szywcontlist a,
  #szywcont2 .szywcontlist a,
  #szywcont1 .szywcontlist1 a,
  #szywcont1_h5 .szywcontlist1 a {
    font-size: 14px !important;
    color: #3C3C3C !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
  }
  #szywcont1 { height: auto !important; }

  /* 查看更多：触摸友好按钮 */
  .arr-more,
  .m-com-more { margin: 12px 0 !important; }
  .arr-more a font {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 13px !important;
  }
  .arr-more a font:after { height: 6px !important; bottom: -8px !important; }
  .m-com-more {
    display: block !important;
    line-height: 36px !important;
    margin-top: 12px !important;
    background: #F7F4EF !important;
  }
  .m-com-more a { font-size: 13px !important; color: #2E4E3E !important; }
  .m-com-more a .layui-icon { font-size: 12px !important; }
  /* 隐藏 PC arr-more（移动端用 m-com-more） */
  .xwdt .news_m .arr-more { display: none !important; }

  /* herd_xuexi_2023：移动端显示 h5 版本 */
  .herd_xuexi_2023 { display: none !important; }
  .herd_xuexi_2023yi { display: block !important; margin: 8px 0; }
  .herd_xuexi_2023yi img { width: 100% !important; height: auto; display: block; }

  /* ============================================================
     3. 首页 - 非遗中国区块（swxw）
     ============================================================ */
  .swxw { margin-top: 12px !important; padding: 12px 0 !important; }
  /* 非遗中国：移动端显示 h5 版（右），隐藏 PC 版（右） */
  .swxw .news.h5 { display: block !important; }
  .swxw .news.pc { display: none !important; }
  /* 轮播图 col-7 在移动端满宽，去除 margin-top */
  .swxw .tpxw {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
  /* tab-brief 标题 */
  .tab-brief > .hd li,
  .listbox .hd li,
  .tab-brief > .head li {
    font-size: 18px !important;
    line-height: 28px !important;
    margin-right: 16px !important;
    padding-bottom: 6px !important;
  }
  .tab-brief > .hd li:after,
  .tab-brief.hd li:after,
  .listbox .hd li:after { height: 3px !important; }
  .tab-brief > .hd .more,
  .tab-brief > .head .more { padding-top: 4px !important; }
  .com-more a i { width: 18px !important; height: 18px !important; line-height: 18px !important; font-size: 12px !important; }

  /* ============================================================
     4. 首页 - 政策法规区块（zcfg）
     ============================================================ */
  .zcfg { padding: 12px 0 !important; }
  .zcfg.bgwhite,
  .hdjl.bgwhite { background-color: #F7F4EF !important; }

  /* swbmzxd 图片缩小 */
  .swbmzxd .imagelist { margin: 0 0 12px !important; }
  .swbmzxd .imagelist.space40 { margin: 0 0 12px !important; }
  .swbmzxd .imagelist .place { padding-top: 30%; }
  .swbmzxd .imagelist img { width: 100%; height: auto; }

  /* listbox 内边距 */
  .swbmzxd .listbox { background: #F7F4EF !important; padding: 0 !important; }

  /* 政策三栏 tab：移动端使用 zhengc_m 版本，隐藏 PC tab-res 版本 */
  .zhengce .tab-res { display: none !important; }
  .zhengce .zhengc_m { display: block !important; }
  .zhengce .zhengc_m .js-hd li {
    font-size: 14px !important;
    line-height: 32px !important;
    margin-right: 12px !important;
  }

  /* 政策发布/解读列表项 */
  .zhengce .infolist.res li,
  .zhengc_m .infolist.res li {
    line-height: 1.6 !important;
    padding: 8px 0 !important;
    border-bottom: 1px dashed #e5e5e5;
  }
  .zhengce .infolist.res li a,
  .zhengc_m .infolist.res li a {
    font-size: 14px !important;
    color: #3C3C3C !important;
    margin-bottom: 0 !important;
  }
  /* 隐藏 PC 仅在政策法规区块的 .pic.zcfgk 双图（移动端的右侧底部图） */
  .zcfg .pic.zcfgk { margin-top: 12px !important; }
  .zcfg .pic.zcfgk a { display: inline-block; width: 49%; }
  .zcfg .pic.zcfgk a.fr { float: none !important; }
  .zcfg .pic.zcfgk img { width: 100% !important; height: auto; }

  /* 右侧两张专题图：移动端横向并排 */
  /* 显式 display:block 覆盖 index.css L80 在 992px 下 .img_m{display:none} 的隐藏，
     治本解决参考站复刻遗留的专题图消失问题（本站无对应移动端版本） */
  .zcfg .img_m { display: block !important; margin-bottom: 12px !important; }
  .zcfg .imagelist.imgscale ul.col2 li { width: 50% !important; }
  .zcfg .imagelist.imgscale img { width: 100%; height: auto; }

  /* row 改为单列垂直堆叠 */
  .zcfg .row.row-space30,
  .hdjl .row.row-space30,
  .hdjl .row.row-space40 { display: block !important; }
  .zcfg .row.row-space30 > [class*="col-"],
  .hdjl .row.row-space30 > [class*="col-"],
  .hdjl .row.row-space40 > [class*="col-"] {
    float: none !important;
    display: block !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 意见征集/留言公开区块：显式 display:block 覆盖 index.css L196 在 992px 下 .hygq_p{display:none} 的隐藏，
     治本解决参考站复刻遗留的互动交流区块消失问题（本站无 .hygq_m 移动端版本） */
  .hdjl .hygq_p { display: block !important; }

  /* ============================================================
     5. 首页 - 互动交流区块（hdjl）
     ============================================================ */
  .hdjl { padding: 12px 0 !important; }
  .hdjl .tab-brief { padding: 0 !important; }

  /* 互动交流左右两栏：意见征集 + 留言公开，移动端垂直堆叠 */
  .hdjl .col-6,
  .hdjl .col-8,
  .hdjl .col-4 {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .hdjl .hd_ipad { margin-top: 12px !important; }

  /* 栏目链接 menu-cards：移动端 2x2 网格 */
  .hdjl .menu-cards,
  .hdjl .menu-cards.col-m-4 { margin: 8px 0 !important; }
  .hdjl .menu-cards li {
    width: 50% !important;
    padding: 4px !important;
    box-sizing: border-box;
  }
  .hdjl .menu-cards li a.item { margin: 0 !important; }
  .hdjl .menu-cards li a.item p img { height: auto !important; max-height: 80px; }

  /* 新媒体区块 xmt：移动端满宽，图片自适应 */
  .hdjl .xmt { height: auto !important; margin-top: 16px !important; padding: 0 !important; }
  .hdjl .xmt:before,
  .hdjl .xmt:after { display: none !important; }
  .hdjl .xmt .box { padding: 0 !important; }
  .hdjl .xmt .head { margin-bottom: 8px !important; }
  .hdjl .xmt .head img { max-height: 36px; width: auto; }
  .hdjl .xmt .box .topic dt .place,
  .hdjl .xmt .box .zhuti dt .place { padding-top: 56.25%; height: auto !important; }
  .hdjl .xmt .box .topic dt img,
  .hdjl .xmt .box .zhuti dt img { height: auto !important; }
  .hdjl .xmt .box .zhuti dd .infolist { height: auto !important; }
  .hdjl .xmt .box .zhuti dd .infolist li {
    line-height: 1.6 !important;
    padding: 6px 0 !important;
    font-size: 14px !important;
  }
  .xmt_play.infolist li { line-height: 1.5 !important; padding: 4px 0 !important; }

  /* ============================================================
     6. 列表页/详情页 - 栏目 Banner / 面包屑 / 主体布局
     ============================================================ */
  .ctx-list-banner { height: 90px !important; }
  .ctx-list-banner h1 { font-size: 22px !important; letter-spacing: 2px !important; margin-bottom: 6px !important; }
  .ctx-list-banner p { display: none; }
  .ctx-list-banner::after,
  .ctx-list-banner::before { display: none; }

  /* 面包屑：触摸友好 */
  .ctx-crumb { line-height: 36px !important; font-size: 12px !important; }
  .ctx-crumb .container {
    margin-top: 8px !important;
    padding: 0 12px !important;
    background: rgba(255, 255, 255, 0.92) !important;
  }
  .ctx-crumb .ctx-crumb-icon { font-size: 13px !important; margin-right: 4px !important; }
  .ctx-crumb .sep { margin: 0 4px !important; }

  /* 主体容器 */
  .ctx-list-main,
  .ctx-view-main { padding: 8px 0 30px !important; }
  .ctx-list-main .container,
  .ctx-view-main .container {
    padding: 12px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* 左右两栏垂直堆叠：左侧主体在上，右侧边栏在下 */
  .ctx-list-main .row,
  .ctx-view-main .row { display: block !important; }
  .ctx-list-main .col-8,
  .ctx-list-main .col-4,
  .ctx-view-main .col-8,
  .ctx-view-main .col-4 {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  /* 侧边栏与主体之间增加间距 */
  .ctx-list-main .col-4,
  .ctx-view-main .col-4 { margin-top: 16px !important; }

  /* 列表页内容头部 */
  .ctx-list-content { min-height: 0 !important; }
  .ctx-list-content .ctx-content-hd {
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    flex-wrap: wrap !important;
  }
  .ctx-list-content .ctx-content-hd h2 { font-size: 18px !important; padding-left: 10px !important; }
  .ctx-list-content .ctx-content-hd h2::before { top: 2px !important; bottom: 2px !important; width: 3px !important; }
  /* .ctx-count 在 flex 容器中换行到下一行：用 flex-basis:100% 触发换行 */
  .ctx-list-content .ctx-content-hd .ctx-count {
    font-size: 12px !important;
    flex: 0 0 100% !important;
    width: 100%;
    margin-top: 4px;
    padding-left: 10px;
    box-sizing: border-box;
  }

  /* 列表项：行高加大，触摸友好，标题与日期分两行显示 */
  /* 改为 block 布局（覆盖 listview.css 的 display:flex），避免 flex 与 -webkit-box 截断冲突 */
  .ctx-article-list li {
    display: block !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
    padding: 10px 8px 10px 16px !important;
  }
  .ctx-article-list li::before { left: 4px !important; width: 4px !important; height: 4px !important; top: 14px !important; }
  .ctx-article-list li a {
    font-size: 14px !important;
    white-space: normal !important;
    margin-right: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333;
  }
  .ctx-article-list li .ctx-date {
    display: block;
    font-size: 12px !important;
    margin-top: 4px;
    text-align: right;
    color: #999;
  }

  /* 缩略图列表 */
  .ctx-article-list.thumb li { padding: 12px 0 12px 16px !important; }
  .ctx-article-list.thumb li::before { top: 20px !important; }
  .ctx-article-list.thumb li a { font-size: 15px !important; }
  .ctx-article-list.thumb li .ctx-desc { font-size: 12px !important; -webkit-line-clamp: 2; }

  /* ============================================================
     7. 详情页 - 文章正文 / 上下篇 / 侧边栏
     ============================================================ */
  .ctx-view-content { min-height: 0 !important; }
  .ctx-view-content .ctx-article-title {
    padding: 12px 0 12px !important;
    margin-bottom: 12px !important;
  }
  .ctx-view-content .ctx-article-title h1 {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
  }
  .ctx-view-content .ctx-article-meta {
    font-size: 12px !important;
    line-height: 1.8 !important;
  }
  .ctx-view-content .ctx-article-meta span {
    display: inline-block !important;
    margin: 2px 6px !important;
  }

  /* 文章正文：字号、行距、间距优化 */
  .ctx-article-body {
    padding: 8px 0 20px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
  }
  .ctx-article-body p { margin: 0 0 14px !important; }
  .ctx-article-body h2 { font-size: 18px !important; margin: 18px 0 10px !important; }
  .ctx-article-body h3 { font-size: 16px !important; margin: 16px 0 10px !important; }
  .ctx-article-body h4 { font-size: 15px !important; margin: 14px 0 8px !important; }
  .ctx-article-body img { margin: 8px auto !important; }
  .ctx-article-body ul,
  .ctx-article-body ol { padding-left: 22px !important; margin: 0 0 14px !important; }
  .ctx-article-body table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 13px !important; }
  .ctx-article-body pre { font-size: 12px !important; padding: 10px 12px !important; }
  .ctx-article-body blockquote {
    margin: 12px 0 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
  }

  /* 上下篇导航 */
  .ctx-prev-next {
    margin-top: 20px !important;
    padding: 12px !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
  }
  .ctx-prev-next p { white-space: normal !important; line-height: 1.6 !important; margin-bottom: 4px; }

  /* 侧边栏 */
  .ctx-sidebar { padding-left: 0 !important; }
  .ctx-sidebar .ctx-side-box { margin-bottom: 16px !important; }
  .ctx-sidebar .ctx-side-box .ctx-side-hd {
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 12px !important;
  }
  .ctx-sidebar .ctx-side-box .ctx-side-hd h3 { font-size: 14px !important; }
  .ctx-sidebar .ctx-side-box .ctx-side-hd .ctx-side-more { font-size: 11px !important; }
  .ctx-sidebar .ctx-side-box .ctx-side-bd { padding: 8px 12px 10px !important; }
  .ctx-sidebar .ctx-side-list li {
    line-height: 30px !important;
    font-size: 13px !important;
    padding-left: 12px !important;
  }
  .ctx-sidebar .ctx-side-list li::before { width: 4px !important; height: 4px !important; left: 2px !important; }
  .ctx-sidebar .ctx-side-nav li a { padding-left: 12px !important; }

  /* 单页内容 */
  .ctx-single-content {
    padding: 8px 4px 24px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
  }
  .ctx-single-content h1 { font-size: 20px !important; padding-bottom: 12px !important; margin-bottom: 16px !important; }
  .ctx-single-content img { max-width: 100%; height: auto; }
  .ctx-single-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* ============================================================
     8. 分页 pagination
     ============================================================ */
  .ctx-pagination { padding: 20px 0 8px !important; }
  .ctx-pagination li { margin: 0 2px !important; }
  .ctx-pagination li a,
  .ctx-pagination li span {
    min-width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  /* ============================================================
     9. Footer 底部：友情链接 / 版权信息 / 备案
     ============================================================ */
  /* 友情链接区域：显式 display:block 覆盖 footer.css L52 在 768px 下 .friendship-mode{display:none} 的隐藏，
     保留友情链接对 SEO 和用户导航的价值，用紧凑单列样式适配移动端 */
  .friendship-mode { display: block !important; padding: 12px 0 !important; }
  .friendship-mode .container { padding: 0 12px !important; position: relative; }

  /* 中国政府网图标：覆盖 friendship.css L5 的 position:absolute/top:40%/left:0/width:16%，
     移动端改为静态块级，左对齐显示 */
  .friendship-mode .gov {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-top: 0 !important;
    width: auto !important;
    text-align: left;
    margin-bottom: 8px;
  }
  .friendship-mode .gov a { display: inline-block; }
  .friendship-mode .gov a i img,
  .friendship-mode .gov a font {
    display: inline-block !important;
    vertical-align: middle;
  }
  .friendship-mode .gov a i img { height: 24px; width: auto; }
  .friendship-mode .gov a font { font-size: 13px; margin-left: 4px; }

  /* 友情链接列表：移动端单列 */
  /* 关键治本：覆盖 friendship.css L48 的 margin-left:16%（PC 端为左侧 gov 图标留位）和 margin-right:-15px，
     这两个边距在移动端会导致 .friendlinks 偏移、内容被挤压，是底部错乱的根本原因 */
  .friendlinks {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 14px !important;
    margin-top: 8px;
  }
  .friendlinks .flink-list li {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
  }
  .friendlinks .flink-list li a {
    font-size: 13px !important;
    line-height: 1.6 !important;
    display: block;
    word-break: break-all;
  }
  /* 移动端 li 为块级独占一行，隐藏 PC 端的 | 分隔符 */
  .friendlinks .flink-list li::after {
    content: none !important;
    margin: 0 !important;
  }

  /* 友情链接分组标签栏：移动端按钮换行排列，居左 */
  .friendlinks .flink-tab-nav {
    display: block !important;
    text-align: left !important;
  }
  .friendlinks .flink-tab-label {
    font-size: 13px !important;
  }
  .friendlinks .flink-tab {
    font-size: 13px !important;
    padding: 2px 6px !important;
    margin: 0 6px 6px 0 !important;
  }
  /* 分组内容区：移动端链接单列显示 */
  .friendlinks .flink-tab-pane .flink-list li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
  }
  .friendlinks .flink-tab-pane .flink-list li a {
    font-size: 13px !important;
    line-height: 1.6 !important;
    display: block;
    word-break: break-all;
  }
  .friendlinks .flink-tab-pane .flink-list li::after {
    content: none !important;
    margin: 0 !important;
  }

  /* footer-card 内容卡片 */
  .footer .footer-card { padding: 0 !important; }
  .footer .footer-card .container { padding: 0 12px !important; }
  .footer-grid {
    padding: 12px 0 !important;
    text-align: center !important;
  }

  /* footer menu 菜单：覆盖 footer.css L93 在 992px 下 .footer-grid .menu{display:none} 的隐藏，
     移动端显示并改为 inline-block 居中布局（避免 flex 横向滚动在某些设备异常） */
  .footer .menu {
    display: block !important;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 8px;
  }
  .footer .menu li {
    float: none !important;
    display: inline-block !important;
    margin: 4px 6px !important;
  }
  .footer .menu li a { font-size: 12px !important; }
  /* 隐藏分隔符 "|" */
  .footer .menu li font { display: none !important; }

  /* 统一信息块：单列堆叠居中 */
  /* 关键治本：覆盖 footer.htm 内联 .bqxx 的 margin-right:-10px/margin-left:-10px，避免内容偏移 */
  .footer-info-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .footer-info-list .fi-item {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    line-height: 1.7 !important;
    font-size: 12px !important;
    text-align: center;
    width: 100%;
  }
  /* 关键治本：覆盖 footer.css L4 .footer .bqxx span{display:inline-block; margin:0 10px} 的影响
     .fi-label 和 .fi-value 都是 span，会被上述规则匹配（特异性 0,2,1），
     若不显式覆盖，label 和 value 各自成为 inline-block 独立块，导致"主办单位"等错位 */
  .footer-info-list .fi-label,
  .footer-info-list .fi-value {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.7 !important;
  }
  .footer-info-list .fi-label { color: #2E4E3E !important; font-weight: bold; }
  .footer-info-list .fi-label::before { margin-right: 4px !important; }
  .footer-info-list .fi-value { color: #333 !important; }
  .footer-info-list .fi-value.empty { color: #999 !important; }

  /* 标识图标：独占一行居中 */
  /* 覆盖 footer.css L14 的 position:absolute/top:50%/right:0/margin-top:-40px（PC 端绝对定位）和
     L50 的 position:static/display:inline-block/margin-top:.625em（768px 下未彻底块级化） */
  .footer .biaozhi {
    display: block !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin-top: 12px !important;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.08);
    text-align: center;
    width: 100% !important;
    box-sizing: border-box;
  }
  .footer .biaozhi span {
    display: inline-block !important;
    margin: 0 6px !important;
  }
  .footer .biaozhi img { height: 36px; width: auto; }

  /* transToPc / transToMobile 切换按钮：
     - .transToPc：移动端显示为块级居中按钮（让用户可切换回 PC 版）
     - .transToMobile：移动端隐藏（已在移动端，无需再显示"切换到移动端"浮动按钮）
     覆盖 footer.css L22-29 的 .transToMobile position:fixed 浮动按钮样式 */
  .footer .transToPc {
    display: block !important;
    position: static !important;
    margin: 12px auto 0;
    padding: 6px 14px;
    font-size: 12px;
    color: #fff;
    background: rgba(255,255,255,0.12);
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    width: fit-content;
  }
  .footer .transToMobile { display: none !important; }

  /* footer-info 底部版权条 */
  .footer-info { padding: 8px 0 !important; }
  .footer-info .container { padding: 0 12px !important; }
  .footer-info dd.bqxx { text-align: center; }
  .footer-info dd.bqxx span {
    display: block !important;
    margin: 2px 0 !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
  }
  .footer-info .beian a img { height: 16px; width: auto; vertical-align: middle; }

  /* ============================================================
     10. easybtn 浮动按钮（回到顶部/二维码等）
     ============================================================ */
  /* 隐藏 PC 浮动面板（抖音/微信/智能咨询/无障碍），避免遮挡移动端内容 */
  .easybtn #quickPanel { display: none !important; }
  .easybtn .dl-toggle { display: none !important; }

  /* 仅保留回到顶部按钮，缩小为移动端尺寸 */
  .easybtn { position: fixed; right: 8px; bottom: 16px; z-index: 99; width: auto; }
  .easybtn .dl-gotop {
    position: fixed;
    right: 12px;
    bottom: 16px;
    z-index: 100;
    display: block !important;
  }
  .easybtn .dl-gotop dt a {
    display: block !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(46, 78, 62, 0.88);
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    overflow: hidden;
  }
  /* 隐藏原 span 文字"回到顶部"，用 CSS ::after 绘制 ↑ 箭头（无图标资源依赖） */
  .easybtn .dl-gotop dt a span { display: none !important; }
  .easybtn .dl-gotop dt a::after {
    content: "↑";
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
  }

  /* ============================================================
     11. Form 表单页（eyou-form-page）
     ============================================================ */
  .eyou-form-page,
  .ctx-custom-page {
    max-width: 100% !important;
    margin: 8px 0 !important;
    padding: 16px 12px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .eyou-form-title,
  .ctx-custom-page h1 {
    font-size: 20px !important;
    margin: 0 0 8px 0 !important;
  }
  .eyou-form-desc {
    font-size: 13px !important;
    margin: 0 0 16px 0 !important;
  }
  .eyou-form-item { margin-bottom: 14px !important; }
  .eyou-form-label { font-size: 13px !important; margin-bottom: 4px !important; }
  .eyou-form-control input[type="text"],
  .eyou-form-control input[type="email"],
  .eyou-form-control input[type="tel"],
  .eyou-form-control input[type="date"],
  .eyou-form-control input[type="file"],
  .eyou-form-control select,
  .eyou-form-control textarea {
    width: 100% !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    min-height: 40px;
  }
  .eyou-form-control textarea { min-height: 80px; }
  /* 单选/多选 label：移动端改为块级堆叠（覆盖内联 display:inline-block），触摸友好 */
  /* 注意：原 form.htm 内联样式为 display:inline-block，需用 !important 覆盖 */
  .eyou-form-control > label {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 8px 0;
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.6;
  }
  .eyou-form-control input[type="radio"],
  .eyou-form-control input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: middle;
  }
  /* 提交按钮：触摸友好 */
  .eyou-form-submit { margin-top: 16px !important; }
  .eyou-form-btn {
    width: 100% !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    min-height: 44px;
    box-sizing: border-box;
  }

  /* ============================================================
     12. 通用工具类：清除 PC 浮动 / 调整间距
     ============================================================ */
  /* 浮动元素在移动端改为块级 */
  .fl, .fr { float: none !important; }

  /* 通用间距调整 */
  .mb40 { margin-bottom: 16px !important; }
  .mb30 { margin-bottom: 12px !important; }
  .mb20 { margin-bottom: 10px !important; }
  .mb15 { margin-bottom: 8px !important; }
  .mb10 { margin-bottom: 8px !important; }
  .mt40 { margin-top: 16px !important; }
  .mt30 { margin-top: 12px !important; }
  .mt20 { margin-top: 10px !important; }
  .mt15 { margin-top: 8px !important; }

  /* mb100 / mb50 大间距在移动端缩小 */
  .mb100 { margin-bottom: 20px !important; }
  .mb50 { margin-bottom: 16px !important; }
  .mt50 { margin-top: 16px !important; }

  /* img_m 移动端图片类 */
  .img_m { margin-bottom: 12px !important; }

  /* boxxin_sy_yd 栏目链接容器 */
  .boxxin_sy_yd { margin-top: 12px !important; }

  /* ============================================================
     13. 防御性兜底：阻止 PC 端固定宽度溢出
     ============================================================ */
  /* 任何设置了固定 width 的元素在移动端自动最大 100% */
  img { max-width: 100%; height: auto; }
  table { max-width: 100%; }
  /* iframe（如视频嵌入）自适应 */
  iframe { max-width: 100%; }

  /* 隐藏仅 PC 显示的元素（如有可能存在的 PC 专属浮动元素） */
  .pc-only { display: none !important; }
  .mobile-only { display: block !important; }

} /* end @media (max-width:768px) */
