/* 汇旺财官网移动端适配层。
 * 加载顺序：commons.css → 页面专属 styles.*.css → index.css（首页）→ 本文件。
 * 所有规则收敛在 max-width:767px 断点内，不影响 768px 以上桌面视觉。
 * 目标：320–767px 消除横向溢出，导航/子菜单/页脚可用，触控目标 >= 44px。
 */

.mobile-nav-toggle,
.mobile-nav,
.mobile-nav-backdrop {
  display: none;
}

/* 移动端专属精简页脚：桌面隐藏，仅 <=767px 显示（见媒体查询内） */
#mobileFooter {
  display: none;
}

/* 复用原站 #topNav.active 的桌面视觉，确保滚动后白色导航文字保持对比度。 */
#topNav.nav_scrolled {
  background: rgba(62, 109, 255, 0.9);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

/* 双色 logo 基线(桌面 & 全局)：nav.html 同时输出 .logo-white + .logo-blue，
 * 但双色切换规则原本只写在 max-width:767px 媒体查询内，桌面下两张图并排显示 →
 * 头部出现两个 logo。桌面头部始终为透明/蓝底,白色 logo 通用,故默认只显示白色版,
 * 隐藏蓝色版(移动端媒体查询内再按滚动态覆盖)。 */
#topNav .top_wrap .top_logo .logo-blue {
  display: none;
}
#topNav .top_wrap .top_logo .logo-white {
  display: inline-block;
}

/* 页脚下载中心：commons.css 里 li 固定 60px 太窄，导致"汇小旺APP/汇旺财商户"折行。
 * cell-4 宽 221px，两列 + 40px 间距，放宽到 88px 并禁止换行。 */
#bottomNav .bottomnav_wraper .bottomnav_list ul.down-ul li {
  width: 88px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  /* ---------------------------------------------------------------------
   * 0. 全局基础：解除桌面镜像的固定宽度画布，禁止非必要横向溢出
   * ------------------------------------------------------------------- */
  html {
    -webkit-text-size-adjust: 100%;
  }

  body,
  html {
    overflow-x: hidden;
  }

  #swift_wrapper,
  #swift_content,
  #page-wrapper {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  img,
  video,
  svg,
  iframe {
    max-width: 100%;
  }

  /* 常见桌面固定宽度容器：统一收窄为流式布局，两侧 20px 边距 */
  .content_wrap,
  .spay_box,
  .bottom_img,
  .ecard_box1,
  .ecard_box2,
  .ecard_box3,
  .swfad_box1,
  .swfad_box3,
  .swfad_box4,
  .swfad_box5,
  .einvoice_box2,
  .einvoice_box6,
  .box,
  .init,
  .nav_left,
  .nav_tit,
  .phased-ul,
  .advantage,
  .step_box,
  .jobs_list,
  .p-1,
  .p-2,
  .p-3,
  .news_swiper,
  .logo_wrap,
  .pay_wrap,
  .valueadd_wrap,
  .bank_swiper,
  .tech_wrap,
  .tech_wrap2,
  .top_swiper_cont,
  .cashiertools_pic,
  .oversea_wrap,
  #show,
  .filter_nav .nav,
  .down .box,
  .partnerapplication .box,
  .entry_contain,
  .cooperation_banner,
  .cooperation_banner_1,
  .cooperation_banner_2,
  #topNav .top_wrap,
  #bottomNav .bottomnav_wraper {
    width: 100% !important;
    max-width: 100%;
    min-width: 0 !important;
    box-sizing: border-box;
    margin-left: 0 !important;
  }

  /* ---------------------------------------------------------------------
   * 1. 顶部导航：复刻 m.hstypay.com —— 首屏透明浮层，滚动后切白底。
   *    首页(.m-home)首屏为深色大图，顶栏默认透明 + 白 logo；
   *    滚动 >=350 或内页(JS 加 .nav_scrolled)时切白底 + 蓝 logo。
   * ------------------------------------------------------------------- */
  #topNav {
    height: 60px;
    padding-top: env(safe-area-inset-top);
    background: transparent;
    box-shadow: none;
    transition: background 0.25s ease, box-shadow 0.25s ease;
  }

  #topNav.nav_scrolled {
    background: #fff;
    box-shadow: 0 6px 12px 0 rgba(66, 114, 238, 0.06);
  }

  #topNav .top_wrap {
    height: 60px;
    padding: 0 19px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #topNav .top_wrap .top_logo {
    float: none;
    line-height: normal;
    display: flex;
    align-items: center;
    /* 覆盖 commons.css 中 @media(max-width:500px) 给 .top_logo 的 40px 左边距 */
    margin-left: 0;
  }

  /* 双色 logo：默认(透明态)显示白色版，滚动/内页切蓝色版 */
  #topNav .top_wrap .top_logo img {
    width: 100px;
    height: auto;
  }

  #topNav .top_wrap .top_logo .logo-blue {
    display: none;
  }

  #topNav.nav_scrolled .top_wrap .top_logo .logo-white {
    display: none;
  }

  #topNav.nav_scrolled .top_wrap .top_logo .logo-blue {
    display: block;
  }

  /* 桌面导航整体隐藏，移动端只用抽屉菜单 */
  #topNav .top_wrap .top_menu {
    display: none;
  }

  .mobile-nav-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .mobile-nav-toggle-bar {
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    border-radius: 1px;
    transition: transform 0.2s ease, opacity 0.2s ease, background 0.25s ease;
  }

  /* 滚动后 / 内页白底态：汉堡条切灰色 */
  #topNav.nav_scrolled .mobile-nav-toggle-bar {
    background: #999;
  }

  html.mobile-nav-open .mobile-nav-toggle-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  html.mobile-nav-open .mobile-nav-toggle-bar:nth-child(2) {
    opacity: 0;
  }

  html.mobile-nav-open .mobile-nav-toggle-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .mobile-nav-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 150;
    background: rgba(0, 0, 0, 0.45);
  }

  .mobile-nav-backdrop[hidden] {
    display: none !important;
  }

  .mobile-nav {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    width: 70.6vw;
    max-width: 320px;
    background: #fff;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
    transform: translateX(100%);
    transition: transform 0.28s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: calc(60px + env(safe-area-inset-top));
    padding-bottom: env(safe-area-inset-bottom);
  }

  html.mobile-nav-open .mobile-nav {
    transform: translateX(0);
  }

  .mobile-nav-panel {
    padding: 8px 0 24px;
  }

  .mobile-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .mobile-nav-list > li {
    border-bottom: 1px solid #f0f1f5;
  }

  .mobile-nav-list > li > a {
    display: block;
    padding: 14px 20px;
    min-height: 44px;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 16px;
    color: #222;
    text-decoration: none;
  }

  .mobile-nav-group-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 20px;
    min-height: 44px;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    font-size: 16px;
    color: #222;
    text-align: left;
    cursor: pointer;
  }

  .mobile-submenu-caret {
    width: 10px;
    height: 10px;
    border-right: 2px solid #9a9fa9;
    border-bottom: 2px solid #9a9fa9;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
  }

  .mobile-submenu-open .mobile-submenu-caret {
    transform: rotate(-135deg);
  }

  .mobile-nav-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    background: #f8fafc;
    transition: max-height 0.25s ease;
  }

  .mobile-submenu-open .mobile-nav-submenu {
    max-height: 640px;
  }

  .mobile-nav-submenu li a {
    display: flex;
    align-items: center;
    padding: 12px 32px;
    min-height: 44px;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
  }

  /* 子项前的 ● 圆点，复刻 m.站 child-node 视觉 */
  .mobile-nav-submenu li a::before {
    content: "\25CF";
    font-size: 8px;
    margin-right: 8px;
    color: #c2c8d2;
  }

  .mobile-nav-login {
    display: block;
    margin: 20px 20px 0;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #4272ee;
    border-radius: 4px;
    color: #4272ee;
    font-size: 16px;
    text-decoration: none;
  }

  /* 打开移动菜单时锁定背景滚动（JS 同时切换 body 定位） */
  html.mobile-nav-open {
    overflow: hidden;
  }

  /* ---------------------------------------------------------------------
   * 2. 悬浮工具条：贴边安全区，避免遮挡内容
   * ------------------------------------------------------------------- */
  .pop_indicator_wrap {
    right: 12px;
    right: max(12px, env(safe-area-inset-right));
    bottom: 90px;
    bottom: max(90px, calc(env(safe-area-inset-bottom) + 90px));
  }

  .pop_qr {
    left: 12px;
    right: 12px;
    width: auto !important;
    max-width: calc(100vw - 24px);
    box-sizing: border-box;
  }

  /* ---------------------------------------------------------------------
   * 3. 页脚：隐藏桌面六栏页脚，改用 #mobileFooter 复刻 m.hstypay.com
   * ------------------------------------------------------------------- */
  #bottomNav {
    display: none;
  }

  #mobileFooter {
    display: block;
    background: #fff;
    padding-bottom: 24px;
  }

  /* 顶部“联系我们”蓝色渐变横幅（纯 CSS 复刻 m.站 bg-footer） */
  #mobileFooter .mfoot-banner {
    height: 120px;
    background: linear-gradient(135deg, #4272ee 0%, #3e6dff 60%, #5b8bff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #mobileFooter .mfoot-contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 128px;
    height: 40px;
    padding: 0 24px;
    background: #fff;
    border-radius: 20px;
    color: #4272ee;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(14, 42, 111, 0.18);
  }

  /* 横排三导航链接 */
  #mobileFooter .mfoot-nav {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #mobileFooter .mfoot-nav li {
    border-bottom: 1px solid #eee;
  }

  #mobileFooter .mfoot-nav li a {
    display: block;
    padding: 0 16px;
    height: 56px;
    line-height: 56px;
    font-size: 15px;
    color: #222;
    text-decoration: none;
  }

  /* 联系方式 */
  #mobileFooter .mfoot-detail {
    list-style: none;
    margin: 0;
    padding: 28px 0 8px 28px;
    font-size: 13px;
    color: #333;
  }

  #mobileFooter .mfoot-detail li {
    margin-bottom: 14px;
  }

  #mobileFooter .mfoot-detail .mfoot-label {
    margin-right: 6px;
  }

  #mobileFooter .mfoot-detail .mfoot-value {
    color: #4272ee;
  }

  /* 三个二维码 */
  #mobileFooter .mfoot-qr {
    list-style: none;
    margin: 0 auto 24px;
    padding: 0 24px;
    display: flex;
    justify-content: space-around;
  }

  #mobileFooter .mfoot-qr li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #mobileFooter .mfoot-qr li img {
    display: block;
    width: 78px;
    height: 78px;
    margin-bottom: 8px;
  }

  #mobileFooter .mfoot-qr li span {
    font-size: 12px;
    color: #666;
    text-align: center;
  }

  /* 版权 */
  #mobileFooter .mfoot-reference {
    margin: 0;
    padding: 0 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #999;
  }

  #mobileFooter .mfoot-reference a {
    display: block;
    color: #999;
    text-decoration: none;
  }

  /* ---------------------------------------------------------------------
   * 4. 三种产品/方案 Banner 模式统一取消 fixed + min-width，改为文档流
   * ------------------------------------------------------------------- */
  .topFixed,
  .apply_banner,
  .banner {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    min-width: 0 !important;
    height: clamp(360px, 105vw, 440px) !important;
    margin-left: 0 !important;
    padding: 0 20px;
    box-sizing: border-box;
  }

  /* 视差占位层：banner 在上面已改回文档流，这些占位层必须归零，否则凭空多出一段空白。
     .banner_blank 是资讯中心/文章页的占位层（210px），漏掉它会让 tab 条被顶下去 210px。 */
  .swft_zanwei,
  .empty_height,
  .fix_height,
  .banner_blank {
    display: none !important;
    height: 0 !important;
  }

  .topFixed .p1,
  .apply_banner .banner_txt_zh,
  .banner .banner_txt > p:first-of-type {
    font-size: 30px !important;
    line-height: 1.4 !important;
    margin-top: 90px !important;
    padding: 0 0 16px !important;
    width: 100% !important;
  }

  .topFixed .p2,
  .banner .banner_txt {
    width: 100% !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .apply_banner .banner_txt {
    width: 100% !important;
    padding-top: 12px;
  }

  .banner .banner_txt {
    position: relative !important;
    height: auto !important;
    padding: 90px 0 0;
    top: auto !important;
    bottom: auto !important;
  }

  .cooperation_banner,
  .cooperation_banner_1,
  .cooperation_banner_2 {
    position: relative !important;
    height: clamp(280px, 90vw, 360px) !important;
    margin-left: 0 !important;
  }

  /* ---------------------------------------------------------------------
   * 5. 通用双栏/图文区改为单列
   * ------------------------------------------------------------------- */
  .spay_box,
  .oversea_wrap,
  .channel_introduce .mch_introduce_left,
  .channel_introduce .mch_introduce_right {
    display: block !important;
    text-align: center !important;
  }

  .spay_box .sp_box,
  .spay_box .sp_img,
  .spay_box2 .sp_box,
  .spay_box3 .sp_box,
  .spay_box4 .sp_box {
    width: 100% !important;
    padding-left: 0 !important;
    box-sizing: border-box;
  }

  .spay_box .sp_img img {
    width: 100%;
  }

  /* spay_box3：终端图标行(桌面 li float 200px×N)改为 2 列网格 */
  .spay_box3,
  .spay_box4 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 44px 20px 0 !important;
    box-sizing: border-box;
  }

  .spay_box3 ul,
  .spay_box4 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 14px;
  }

  .spay_box3 li,
  .spay_box4 li {
    float: none !important;
    width: calc(50% - 7px) !important;
    height: auto !important;
    min-height: 200px;
    margin: 0 !important;
    box-sizing: border-box;
  }

  /* spay_items：桌面 800px 双栏(.lt 图 / .sp_box 文)→ 移动单列，消除固定 600px 留白 */
  .spay_items .spay_box {
    width: 100% !important;
    padding: 32px 20px !important;
    box-sizing: border-box;
    display: block !important;
  }

  .spay_items .spay_box .lt,
  .spay_items .spay_box .rt {
    float: none !important;
    width: 100% !important;
    max-width: 320px;
    height: auto !important;
    margin: 0 auto 20px !important;
  }

  .spay_items .spay_box .lt img,
  .spay_items .spay_box .rt img {
    width: 100% !important;
    height: auto !important;
  }

  .spay_items .spay_box .sp_box {
    padding: 0 !important;
    text-align: center !important;
  }

  .spay_items .spay_box .sp_line {
    margin: 0 auto !important;
  }

  /* spay_box 大标题在移动端收敛 */
  .spay_box .sp_p1 {
    font-size: 24px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  .spay_box .sp_line {
    margin: 0 auto !important;
  }

  .spay_box .sp_p2,
  .spay_box .sp_p3 {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: center !important;
  }

  .spay_box .sp_p3 {
    font-size: 16px !important;
  }

  /* ---------------------------------------------------------------------
   * 6. 常见带 padding 的内容区，收窄到 20px 边距，避免撑宽
   * ------------------------------------------------------------------- */
  .swift_blocker {
    padding: 60px 20px !important;
    box-sizing: border-box;
  }

  .swift_blocker > h1 {
    font-size: 26px !important;
    line-height: 1.4 !important;
  }

  .swift_blocker > h2,
  .h2 {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .content_wrap,
  .down .box,
  .partnerapplication .box,
  .cashiertools_tips_wrap,
  .lottery_tips_wrap,
  .transportation_tips_wrap,
  .einvoice_tips_wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* 常见 flex 双栏/多栏区块统一换行，避免固定 item 宽度撑破视口 */
  .content_wrap,
  .ecard_box1 ul,
  .swfad_box1,
  .down .box .moblie,
  .down .pc .item,
  .advantage,
  .phased-ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* content_wrap 继承桌面 1059/1400px 定宽，移动端必须占满容器，
     否则 flex 收缩成窄条、item 居中留下两侧大留白 */
  .content_wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    gap: 20px;
  }

  .content_wrap > .item,
  .ecard_box1 li,
  .phased-ul li,
  .advantage li,
  .down .box .moblie li,
  .down .pc .item {
    width: 100% !important;
    max-width: 320px;
    margin: 0 0 20px !important;
    float: none !important;
  }

  /* 固定桌面坐标的图解文字在移动端改为正常文档流，避免内容被裁掉 */
  .solutions_catering_wrap .solutions_part1 .content_wrap > .item,
  .solutions_tradingarea_wrap .solutions_part3 .content_wrap > .item,
  .solutions_einvoice_wrap .solutions_part1 .content_wrap > .item,
  .solutions_einvoice_wrap .solutions_part3 .content_wrap > .item,
  .solutions_transportation_wrap .solutions_part1 .content_wrap > .item,
  .solutions_lottery_wrap .solutions_part4 .content_wrap > .item {
    position: static !important;
    inset: auto !important;
    display: block !important;
    text-align: center !important;
    height: auto !important;
    min-height: 44px;
    padding: 10px 12px !important;
    box-sizing: border-box;
  }

  .solutions_lottery_wrap .solutions_part4 .content_wrap_bg,
  .solutions_lottery_wrap .solutions_part4 .content_wrap {
    height: auto !important;
  }

  /* 校园缴费卡片的内层行也必须换行；外层 content_wrap 换行不足以约束它们 */
  .solutions_education_wrap #xsjfWrap > div {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px;
    margin: 0 0 20px !important;
  }

  .solutions_education_wrap #xsjfWrap .item {
    flex: 0 1 278px;
    margin: 0 !important;
  }

  /* 产品页说明文本继承了 860/1100px 桌面宽度，移动端恢复为容器宽度 */
  .txt-info {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* 收银工具的图片和说明是两个固定宽度 flex 行，移动端逐项堆叠 */
  .solutions_cashiertools_wrap .part_img_panel,
  .solutions_cashiertools_wrap .part_txt_panel {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    gap: 20px;
    width: 100% !important;
    padding: 0 !important;
  }

  .solutions_cashiertools_wrap .part_img_panel .item,
  .solutions_cashiertools_wrap .part_txt_panel .item {
    position: static !important;
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    margin: 0 !important;
  }

  .solutions_cashiertools_wrap .part_img_panel .item_icon {
    width: 100% !important;
    height: auto !important;
  }

  /* 汇旺财 APP / 医疗图文标题不再继承桌面负边距 */
  .solutions_hwcapp_wrap .spay_box .sp_p1,
  .solutions_medical_wrap .spay_box .sp_p1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  /* 银行版本列表使用单列卡片；箭头固定在容器两侧并扩大触控区域 */
  .spay_cont4 {
    padding: 60px 0 !important;
  }

  .spay_cont4 .spay_box4,
  .spay_cont4 .bank_list,
  .spay_cont4 .bank_list .swiper-wrapper,
  .spay_cont4 .bank_list .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
  }

  .spay_cont4 .spay_box4 {
    padding: 50px 48px 0 !important;
  }

  .spay_cont4 .bank_list ul {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
  }

  .spay_cont4 .bank_list li {
    float: none !important;
    width: 100% !important;
    min-height: 180px;
    margin: 0 0 16px !important;
    padding-right: 8px !important;
    box-sizing: border-box;
  }

  .spay_cont4 .spay_arrow {
    top: 260px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    background-position-x: center !important;
  }

  .spay_cont4 .spay_prve {
    left: 2px !important;
  }

  .spay_cont4 .spay_next {
    left: auto !important;
    right: 2px !important;
  }

  /* ---------------------------------------------------------------------
   * 7. 首页专属修复：移动 Banner、占位块、Logo 墙、地图提示
   * ------------------------------------------------------------------- */
  .index_banner {
    position: relative !important;
  }

  .index_banner .index_mobile_top,
  .index_banner .index_top_swiper {
    height: auto !important;
  }

  .index_banner .index_mobile_top .table_cell,
  .index_banner .index_mobile_top .top_swiper_cont,
  .index_banner .index_top_swiper .top_swiper_cont {
    width: 100% !important;
    padding: 0 20px;
    box-sizing: border-box;
  }

  /* 首页：移动端与 PC 共用顶部轮播内容，隐藏移动端专属静图，清除桌面视差占位。 */
  .index_wrap .index_banner {
    height: 360px !important;
    margin-top: 64px;
  }

  .index_wrap .index_mobile_top,
  .index_wrap #topBlank {
    display: none !important;
    height: 0 !important;
  }

  .index_wrap .index_top_swiper {
    display: block !important;
    height: 360px !important;
  }

  .index_wrap .index_top_swiper .swiper-wrapper,
  .index_wrap .index_top_swiper .table {
    height: 100% !important;
  }

  /* 移动端仅呈现首屏首张内容页，隐藏无文案的纯图轮播页与切换控件。 */
  .index_wrap .index_top_swiper .swiper-slide {
    display: none !important;
    height: 100% !important;
  }

  .index_wrap .index_top_swiper .swiper-slide:first-child {
    display: block !important;
    flex: 0 0 100% !important;
    opacity: 1 !important;
  }

  .index_wrap .index_top_swiper .swiper-button-prev,
  .index_wrap .index_top_swiper .swiper-button-next,
  .index_wrap .index_top_swiper .swiper-pagination {
    display: none !important;
  }

  .index_wrap .index_top_swiper .top_swiper_cont {
    top: 0 !important;
  }

  .index_wrap .index_top_swiper .top_swiper_cont .one_txt_p1 {
    margin: 0 0 12px !important;
    font-size: 28px !important;
    line-height: 1.4 !important;
  }

  .index_wrap .index_top_swiper .top_swiper_cont .one_txt_p2 {
    margin: 0 0 20px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  /* 关于我们：移动端固定展示第一张公司 Banner，避免空轮播占位。 */
  .news_center_wrap .index_banner,
  .news_center_wrap .index_top_swiper {
    height: 360px !important;
  }

  .news_center_wrap .index_banner {
    margin-top: 64px;
  }

  .news_center_wrap .index_top_swiper .swiper-wrapper {
    height: 100% !important;
    transform: none !important;
  }

  .news_center_wrap .index_top_swiper .swiper-slide {
    display: none !important;
    height: 100% !important;
  }

  .news_center_wrap .index_top_swiper .swiper-slide:first-child {
    display: block !important;
    flex: 0 0 100% !important;
    opacity: 1 !important;
  }

  .news_center_wrap .index_top_swiper .swiper-button-prev,
  .news_center_wrap .index_top_swiper .swiper-button-next,
  .news_center_wrap .index_top_swiper .swiper-pagination {
    display: none !important;
  }

  .logo_wrap,
  .logo_wrap > img,
  .pay_wrap,
  .valueadd_wrap,
  .news_swiper,
  .bank_swiper,
  .tech_wrap,
  .tech_wrap2 {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }

  .valueadd_wrap > ul li {
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto 20px;
  }

  .news_swiper .news_wrap li {
    width: 100% !important;
    max-width: 300px;
  }

  .picmap-panel .tips2-block,
  .picmap-panel .txt-tips {
    position: static !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 20px;
    transform: none !important;
    left: 0 !important;
    top: auto !important;
  }

  /* ---------------------------------------------------------------------
   * 8. 登录 / 汇商合伙人 / 下载中心 特殊布局
   * ------------------------------------------------------------------- */
  /* banner/wrap 桌面端固定 360px 高，移动端内容纵向堆叠后会溢出被 footer 遮挡，
     改为随内容自适应高度 */
  .index_banner.banner_visibility,
  .index_banner .entry_wrap {
    height: auto !important;
    min-height: 360px;
  }

  .index_banner .entry_wrap .entry_contain,
  .entry_contain {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    flex-direction: column;
    padding: 100px 20px 40px;
    box-sizing: border-box;
    gap: 20px;
  }

  .login_entry_item {
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto;
  }

  .down .box .moblie li,
  .down .pc .item {
    height: auto !important;
    padding-bottom: 20px;
  }

  .down .nav_tit {
    display: flex;
    justify-content: center;
    gap: 24px;
  }

  /* ---------------------------------------------------------------------
   * 9. 合作伙伴申请表：流式卡片 + 44px 触控控件
   * ------------------------------------------------------------------- */
  .partnerapplication .box {
    margin: 40px auto 0 !important;
    width: calc(100% - 32px) !important;
  }

  .partnerapplication .box h1 {
    padding: 48px 20px 10px;
    font-size: 23px;
  }

  .partnerapplication .box .p-1 {
    padding: 0 20px 40px;
  }

  .partnerapplication .box .box-info {
    margin: 0 20px !important;
  }

  .partnerapplication .box .choosebox {
    align-items: stretch;
  }

  .partnerapplication .box .choose-country {
    flex: 0 0 56px;
    height: 44px !important;
    line-height: 44px !important;
  }

  .partnerapplication .box .choosebox #target {
    min-width: 0;
    flex: 1;
  }

  .partnerapplication .box .box-info .in-put {
    height: 44px !important;
    line-height: 44px !important;
    font-size: 15px;
  }

  .partnerapplication .box .btn {
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 16px;
  }

  .pop {
    padding: 0 20px;
    box-sizing: border-box;
  }

  /* ---------------------------------------------------------------------
   * 10. 资讯文章详情：字号与间距在超小屏进一步收紧
   * ------------------------------------------------------------------- */
  .hsty_article {
    padding: 0 16px 60px;
  }

  .hsty_article .art_hd h1 {
    font-size: 22px;
  }

  .hsty_article_banner h2 {
    font-size: 26px;
    letter-spacing: 2px;
  }

  /* ---------------------------------------------------------------------
   * 11. 触控与动效可访问性
   * ------------------------------------------------------------------- */
  /* .m-page 是 m.hstypay.com 移动镜像,自带 vw 参考尺寸(如 .blue-btn/.white-btn
     的 9.6vw≈36px),不应被通用触控增强撑高,故排除其后代。 */
  /* 悬浮条客服图标是绝对定位的 <a>，尺寸由 .indicator_icon 定义，撑到 44px 会溢出圆角条 */
  a:not(.m-page a):not(.indicator_icon),
  button:not(.m-page button),
  .btn:not(.m-page .btn),
  [role='button']:not(.m-page [role='button']) {
    min-height: 44px;
  }

  #bottomNav .bottomnav_list a,
  #bottomNav .reference a {
    display: inline-flex;
    align-items: center;
    min-width: 44px;
    padding-top: 14px;
    padding-bottom: 14px;
    box-sizing: border-box;
  }

  /* ---------------------------------------------------------------------
   * 12. 资讯中心列表：桌面固定 1000px + 左右浮动，移动端全宽竖向堆叠
   * ------------------------------------------------------------------- */
  .news_list {
    width: 100% !important;
    padding: 20px 16px !important;
    box-sizing: border-box;
  }

  .news_list .item {
    display: block;
    padding: 20px 0 !important;
  }

  .news_list .img {
    float: none !important;
    width: 100% !important;
  }

  .news_list .img img {
    width: 100% !important;
    height: auto !important;
  }

  .news_list .txt {
    float: none !important;
    width: 100% !important;
    margin-top: 12px;
  }

  .news_list .txt h2 {
    font-size: 18px !important;
    line-height: 26px !important;
    height: auto !important;
    white-space: normal !important;
  }

  .news_list .txt p {
    height: auto !important;
    -webkit-line-clamp: 3 !important;
  }

  /* 资讯中心顶部：参考 m.hstypay.com/news/list 的移动版比例。
     原站移动版 banner 高 46.93vw、主标题 6.67vw、副标题 3.73vw(间距 4vw)，
     tab 条高 10.67vw、字号 3.47vw、两标签 space-around 分布。
     桌面版沿用 60px/20px + 140px 上边距，在 375px 宽下主标题会占掉半屏，故按 vw 重设。 */
  /* hero 高度对齐 cooperation-channels 的移动版(93.33vw≈350px@375)，
     原 46.93vw 来自 m 站资讯页，配上透明浮层顶栏后显得太扁。 */
  .news_center_wrap .banner {
    height: clamp(300px, 93.33vw, 420px) !important;
  }

  /* 顶栏是 60px 透明浮层，覆盖在 hero 上，故文字整体下压半个栏高避免视觉偏上 */
  .news_center_wrap .txt_wrap {
    padding-top: calc(60px + env(safe-area-inset-top)) !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .news_center_wrap .txt_wrap h1 {
    font-size: clamp(24px, 6.67vw, 34px) !important;
    line-height: 1.3 !important;
    margin-bottom: 0 !important;
  }

  .news_center_wrap .txt_wrap h2 {
    font-size: clamp(13px, 3.73vw, 17px) !important;
    line-height: 1.4 !important;
    margin-top: 4vw !important;
  }

  /* tab 条：原站移动版用 space-around 均分，不是桌面的固定 90px 外边距 */
  .news_tab_wrap {
    height: auto !important;
  }

  .news_tab {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 6vw;
  }

  .news_tab span {
    width: auto !important;
    font-size: clamp(14px, 3.73vw, 17px) !important;
    margin: 0 !important;
    padding: 14px 4px 12px !important;
    line-height: 1.4 !important;
  }

  /* 下划线原为绝对定位 + 负偏移（配合桌面固定宽度），移动端改为贴合文字宽度 */
  .news_tab span i {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }

  /* ---------------------------------------------------------------------
   * 文章详情页(post.html)：桌面样式来自原站 styles.70b8113...css，
   * 其中三处固定宽度/缩进在窄屏会溢出，必须覆盖：
   *   .news_detail  width:1000px
   *   .news_crumbs  width:1200px
   *   .news_detail p text-indent:42px（375px 下首行缩进近 1/9 屏宽）
   * 正文排版数值取自 m.hstypay.com/news/detail 的移动版。
   * ------------------------------------------------------------------- */
  .news_crumbs_wrap {
    height: 44px !important;
    line-height: 44px !important;
  }

  .news_crumbs {
    width: 100% !important;
    padding: 0 4vw;
    box-sizing: border-box;
    font-size: clamp(12px, 3.2vw, 14px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .news_detail {
    width: 100% !important;
    padding: 6vw 4vw 8vw !important;
    box-sizing: border-box;
  }

  /* 原站移动版标题 4vw/5.6vw；桌面 30px 在窄屏会占三四行 */
  .news_detail h1 {
    font-size: clamp(18px, 4.8vw, 24px) !important;
    line-height: 1.45 !important;
    color: #222;
    font-weight: 700;
  }

  .news_detail .subtitle {
    font-size: clamp(11px, 2.93vw, 13px) !important;
    color: #9a9fa9 !important;
    line-height: 1.5 !important;
    margin-top: 3vw !important;
    padding-bottom: 5.33vw;
    border-bottom: 1px solid #eee;
  }

  .news_detail .page_body {
    padding-top: 5.33vw;
  }

  /* 正文：取 m 站的 3.73vw/5.33vw 与 #838b9b，并去掉桌面的 42px 首行缩进 */
  .news_detail p,
  .news_detail .fr-view p {
    font-size: clamp(13px, 3.73vw, 16px) !important;
    line-height: 1.75 !important;
    color: #838b9b !important;
    text-indent: 0 !important;
    margin-top: 3vw !important;
  }

  /* 富文本里的图片/表格/嵌入内容一律收进容器，避免撑破布局 */
  .news_detail img,
  .news_detail .fr-view img {
    max-width: 100% !important;
    height: auto !important;
  }

  .news_detail .img_wrap {
    margin: 6vw 0 !important;
  }

  .news_detail .img_wrap img {
    max-width: 100% !important;
  }

  .news_detail .fr-view table {
    max-width: 100% !important;
    display: block;
    overflow-x: auto;
  }

  .news_detail .fr-view iframe,
  .news_detail .fr-view video {
    max-width: 100% !important;
  }

  /* ---------------------------------------------------------------------
   * 13. 彩票 / 交通行业：标注面板桌面为绝对定位叠图（固定像素坐标），
   *     移动端图片缩放后会错位/溢出。改为正常文档流竖向堆叠在图下方。
   * ------------------------------------------------------------------- */
  /* 注：桌面规则选择器层级很深（.solutions_partN .content_wrap ...），
   * 需匹配同等特异性 !important 才能覆盖，故此处显式带上祖先选择器。 */
  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    flex: none !important;
    margin-top: 16px;
  }

  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap .lottery_tips_header,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap .transportation_tips_header,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap .transportation_tips_header {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box;
    text-align: center !important;
  }

  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap .lottery_tips_header .solutions_part_line,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap .transportation_tips_header .solutions_part_line,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap .transportation_tips_header .solutions_part_line {
    float: none !important;
    margin: 8px auto 0 !important;
  }

  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap .lottery_tips_header .solutions_part_title,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap .transportation_tips_header .solutions_part_title,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap .transportation_tips_header .solutions_part_title {
    font-size: 22px !important;
    line-height: 32px !important;
  }

  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap .lottery_tips_header .solutions_part_subtitle,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap .transportation_tips_header .solutions_part_subtitle,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap .transportation_tips_header .solutions_part_subtitle {
    text-align: center !important;
    font-size: 14px !important;
    padding-top: 8px !important;
  }

  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap .tips_panel,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap .tips_panel,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap .tips_panel {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin-top: 20px;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap .tips_panel .tips_item,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap .tips_panel .tips_item,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap .tips_panel .tips_item {
    justify-content: center !important;
    margin-bottom: 16px !important;
  }

  /* 连接示意的线段图标在竖排布局中失去意义，隐藏以免占位错乱 */
  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap .tips_panel .tips_item .icon_linedot,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap .tips_panel .tips_item .icon_linedot,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap .tips_panel .tips_item .icon_linedot {
    display: none !important;
  }

  .solutions_lottery_wrap .solutions_part2 .content_wrap .lottery_tips_wrap .tips_panel .tips_item .t_right,
  .solutions_transportation_wrap .solutions_part2 .content_wrap .transportation_tips_wrap .tips_panel .tips_item .tips_text,
  .solutions_transportation_wrap .solutions_part3 .content_wrap .transportation_tips_wrap .tips_panel .tips_item .tips_text {
    width: auto !important;
    margin: 0 8px !important;
    text-align: center !important;
  }

  /* 彩票 / 交通示意图移动端占满容器宽度 */
  .lottery_pic,
  .transportation_pic {
    width: 100% !important;
    height: auto !important;
  }

  /* =====================================================================
   * 产品页（payonline 等）精修：对齐 m.hstypay.com 的紧凑移动布局
   * ===================================================================== */

  /* swift_blocker 通用间距收紧：m.站 section 上下留白约 40px */
  .swift_blocker {
    padding: 44px 20px !important;
  }

  .swift_blocker > h1 {
    font-size: 22px !important;
    margin-bottom: 0 !important;
  }

  /* 分隔线（标题下的短横）居中、缩短 */
  .swift_blocker .divider {
    margin: 14px auto 18px !important;
    text-align: center;
  }

  .swift_blocker .divider span {
    display: inline-block;
    width: 30px;
    height: 3px;
    background: #4272ee;
    border-radius: 2px;
  }

  .swift_blocker .txt-info {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #666 !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .swift_blocker .img-1 {
    width: 100% !important;
    height: auto !important;
    margin-top: 24px !important;
  }

  /* 聚合支付：5 张支付方式卡片，2 列紧凑网格（m.站为窄卡纵列，移动端 2 列更省高） */
  .bottom_img {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 16px 12px;
    margin-top: 24px !important;
  }

  .bottom_img > span {
    display: block !important;
    width: calc(50% - 6px) !important;
    margin: 0 !important;
    text-align: center;
  }

  .bottom_img > span img {
    width: 56px !important;
    height: 56px !important;
    object-fit: contain;
  }

  .bottom_img .alt_txt {
    font-size: 14px !important;
    font-weight: 600;
    color: #333 !important;
    margin: 10px 0 4px !important;
  }

  .bottom_img .alt_txt-p {
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #888 !important;
  }

  /* 特色能力：4 卡改为横向 scroll-snap 滑动（对齐 m.站 section3 swiper 横滑），
   * 纯 CSS 实现，跟手 + 吸附，不再纵向堆叠占 1900px 高度 */
  .ecard_box1 ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 14px;
    padding: 4px 20px 20px !important;
    margin: 20px -20px 0 !important;
    scrollbar-width: none;
  }

  .ecard_box1 ul::-webkit-scrollbar {
    display: none;
  }

  .ecard_box1 li {
    flex: 0 0 78% !important;
    width: 78% !important;
    max-width: none !important;
    margin: 0 !important;
    scroll-snap-align: center;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(66, 114, 238, 0.08);
    padding: 28px 22px !important;
    min-height: 220px;
  }

  .ecard_box1 li .it1 .t1 {
    font-size: 34px !important;
    font-weight: 700;
    color: #4272ee !important;
    line-height: 1.1 !important;
  }

  .ecard_box1 li .it1 .t2 {
    font-size: 18px !important;
    font-weight: 600;
    color: #333 !important;
    margin: 12px 0 10px !important;
  }

  .ecard_box1 li .it1 .t3 {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #888 !important;
  }

  /* ecard_box2(桌面 4 列图标)→ 2 列网格；ecard_box3(桌面 3 列手机截图)→ 2 列网格 */
  .ecard_box2,
  .ecard_box3 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 20px 0 !important;
    box-sizing: border-box;
  }

  .ecard_box2 ul,
  .ecard_box3 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
    gap: 28px 0;
  }

  .ecard_box2 li,
  .ecard_box3 li {
    float: none !important;
    width: 45% !important;
    box-sizing: border-box;
  }

  .ecard_box2 li .ecard_core {
    padding: 0 !important;
  }

  .ecard_box2 li .ecard_core img {
    width: 90px !important;
    height: 90px !important;
  }

  .ecard_box2 li .ecard_core .alt_txt {
    position: static !important;
    display: block;
    margin-top: 10px;
    height: auto !important;
    line-height: 1.5 !important;
  }

  .ecard_box3 li .it3 {
    padding: 0 !important;
  }

  .ecard_box3 li .it3 .cs1 {
    width: 100% !important;
    height: auto !important;
  }

  .ecard_box3 li .it3 .cs1 img {
    width: 100% !important;
    height: auto !important;
  }

  /* =====================================================================
   * einvoice 电子发票：多套定宽 box(1152/910/733/1180px)+ 浮动栏收拾为流式
   * ===================================================================== */
  .einvoice .einvoice_cont1 .p6 {
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .einvoice_box2,
  .einvoice_box3,
  .einvoice_box5,
  .einvoice_box6 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 20px 0 !important;
    box-sizing: border-box;
  }

  /* box2：4 列图标卡 → 2 列网格 */
  .einvoice_box2 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 14px 0;
  }

  .einvoice_box2 li {
    float: none !important;
    width: calc(50% - 7px) !important;
    height: auto !important;
    min-height: 200px;
    margin: 0 !important;
    box-sizing: border-box;
  }

  /* box3：3 列手机截图 → 2 列网格 */
  .einvoice_box3 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
    gap: 24px 0;
  }

  .einvoice_box3 li {
    float: none !important;
    width: 45% !important;
    box-sizing: border-box;
  }

  .einvoice_box3 li .eb_p1 {
    width: 100% !important;
    height: auto !important;
  }

  .einvoice_box3 li .eb_p1 img {
    width: 100% !important;
    height: auto !important;
  }

  /* box5：双屏对比 → 单列堆叠，隐藏装饰角标 */
  .einvoice_box5 .lt,
  .einvoice_box5 .rt {
    float: none !important;
    width: 100% !important;
    max-width: 270px;
    height: auto !important;
    margin: 0 auto 20px !important;
  }

  .einvoice_box5 .lt img,
  .einvoice_box5 .rt img {
    width: 100% !important;
    height: auto !important;
  }

  .einvoice_box5 .ilt_eb5,
  .einvoice_box5 .irt_eb5 {
    display: none !important;
  }

  /* box6：左右浮动 CTA → 居中堆叠 */
  .einvoice_box6 .lt,
  .einvoice_box6 .rt {
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
  }

  .einvoice_box6 .lt .lt1 {
    font-size: 22px !important;
    line-height: 1.4 !important;
    padding: 0 0 10px !important;
  }

  .einvoice_box6 .lt .lt2 {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .einvoice_box6 .rt {
    margin-top: 20px;
  }

  /* cont4 / cont7：桌面固定高(480/200px)banner 段 → 自适应高 + 字号收敛 */
  .einvoice .einvoice_cont4 {
    height: auto !important;
    padding: 44px 20px !important;
  }

  .einvoice .einvoice_cont7 {
    height: auto !important;
    padding: 44px 20px !important;
  }

  .einvoice .einvoice_cont4 .ei_p2,
  .einvoice .einvoice_cont7 .ep_7_1 {
    font-size: 22px !important;
    line-height: 1.4 !important;
    padding: 20px 0 8px !important;
  }

  .einvoice .einvoice_cont4 .ei_p3,
  .einvoice .einvoice_cont7 .ep_7_2 {
    font-size: 15px !important;
    line-height: 1.6 !important;
    padding: 0 0 24px !important;
  }

  /* box5 图片高度封顶，避免单屏过长 */
  .einvoice_box5 .lt,
  .einvoice_box5 .rt {
    max-width: 220px;
  }

  /* =====================================================================
   * swfad 移动广告：cont1/3/4 定宽 box(1020/1068px)+ 120px padding 收拾
   * ===================================================================== */
  .swfad .swfad_cont1,
  .swfad .swfad_cont3,
  .swfad .swfad_cont4 {
    padding: 44px 0 !important;
  }

  .swfad_box1,
  .swfad_box3,
  .swfad_box4 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 20px 0 !important;
    box-sizing: border-box;
  }

  /* box1：3 列图标卡 → 2 列网格 */
  .swfad_box1 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 16px 0;
  }

  .swfad_box1 li {
    float: none !important;
    width: calc(50% - 8px) !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  .swfad_box1 li .it1 {
    height: auto !important;
    min-height: 220px;
    padding: 36px 0 24px !important;
  }

  .swfad_box1 li .it1 .t2 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  /* box3 / box4：3 列手机截图 → 2 列网格，隐藏 box4 装饰角标 */
  .swfad_box3 ul,
  .swfad_box4 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
    gap: 24px 0;
  }

  .swfad_box3 li,
  .swfad_box4 li {
    float: none !important;
    width: 45% !important;
    box-sizing: border-box;
  }

  .swfad_box3 li .it3,
  .swfad_box4 li .it3 {
    padding: 0 !important;
  }

  .swfad_box3 li .it3 .cs1,
  .swfad_box4 li .it3 .cs1 {
    width: 100% !important;
    height: auto !important;
  }

  .swfad_box3 li .it3 .cs1 img,
  .swfad_box4 li .it3 .cs1 img {
    width: 100% !important;
    height: auto !important;
  }

  .swfad_box4 .swfad_icon1,
  .swfad_box4 .swfad_icon2 {
    display: none !important;
  }

  /* 合作流程步骤图占满宽度 */
  .step_box {
    margin-top: 24px !important;
  }

  .step_box img {
    width: 100% !important;
    height: auto !important;
  }

  /* 底部联系我们按钮：m.站为居中蓝底圆角块 */
  .contact_us {
    padding: 0 20px 44px !important;
    text-align: center;
  }

  .contact_us .txt_a,
  .contact_us .btnKeFu {
    display: inline-block !important;
    min-width: 160px;
    padding: 13px 32px !important;
    font-size: 15px !important;
    color: #fff !important;
    background: #4272ee !important;
    border-radius: 24px !important;
    box-shadow: 0 8px 20px rgba(66, 114, 238, 0.25);
  }

  /* =====================================================================
   * phasedservice 分期服务：对齐 m.hstypay.com 移动版
   *  - 优势区补标签组（m 站每条优势带 4 个短标签）
   *  - "他们都在用"案例卡在 m 站移动版为空板块，桌面翻转卡触屏不可用，隐藏
   * ===================================================================== */
  .advantage li .adv-tags {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 14px 0 10px !important;
  }

  .advantage li .adv-tags span {
    display: inline-block;
    padding: 5px 12px;
    font-size: 13px;
    color: #4272ee;
    background: rgba(66, 114, 238, 0.08);
    border-radius: 14px;
    line-height: 1.4;
  }

  /* "他们都在用" 桌面 hover 翻转卡(div-2 内容触屏不可见)，
     m 站移动版此板块无内容，整段隐藏以对齐。
     注意：.init 也用于 digitization"适用商家类型"(m 站有内容)，
     故仅按 phasedservice 专属标记隐藏，不全局隐藏 .init */
  .m-hide-block {
    display: none !important;
  }

  /* =====================================================================
   * epay 银行移动支付系统：桌面固定宽度(968/996px)+ 左留图 padding 收拾为流式
   * ===================================================================== */
  .epay .topFixed .p1 {
    font-size: 30px !important;
    line-height: 1.4 !important;
    margin-top: 150px !important;
    padding: 0 0 16px !important;
  }

  .epay .topFixed .p2 {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  .epay .p3 {
    font-size: 22px !important;
    line-height: 1.4 !important;
  }

  .epay .p4 {
    font-size: 14px !important;
    line-height: 1.7 !important;
    padding: 0 20px;
  }

  .epay .epay_cont1,
  .epay .epay_cont2,
  .epay .epay_cont3 {
    padding: 44px 0 !important;
    height: auto !important;
  }

  .epay .epay_cont1 .p5 {
    padding: 28px 20px 0 !important;
  }

  .epay .epay_cont1 .p5 img {
    width: 100% !important;
    height: auto !important;
  }

  /* 左右装饰图标隐藏 */
  .epay .epay_cont2 .sicon1,
  .epay .epay_cont2 .sicon2 {
    display: none !important;
  }

  .epay .epay_cont2 .epay_business_hierarchy {
    width: 100% !important;
    padding: 28px 20px 0 !important;
    box-sizing: border-box;
  }

  /* 原本 556px 左内边距是给背景图预留位——移动端图移到顶部、文字改左对齐堆叠 */
  .epay .epay_cont2 .epay_business_hierarchy .epay_bhier {
    padding: 200px 0 0 !important;
    height: auto !important;
    font-size: 15px !important;
    background-size: contain !important;
    background-position: top center !important;
  }

  .epay .epay_cont2 .epay_business_hierarchy .epay_bhier li {
    text-align: left !important;
    line-height: 1.6 !important;
    height: auto !important;
    margin-bottom: 14px !important;
  }

  .epay .epay_cont3 .epay_box {
    width: 100% !important;
    padding: 28px 20px 0 !important;
    box-sizing: border-box;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
    gap: 24px 0;
  }

  .epay .epay_cont3 .epay_box li {
    float: none !important;
    width: 45% !important;
  }

  .epay .epay_cont3 .epay_box li .epay_core {
    padding: 0 !important;
  }

  .epay .epay_cont3 .epay_box li .epay_core img {
    width: 100px !important;
    height: 100px !important;
  }

  .epay .epay_cont3 .epay_box li .epay_core .alt_txt {
    position: static !important;
    display: block;
    margin-top: 12px;
    height: auto !important;
    line-height: 1.5 !important;
  }

  /* ---------------------------------------------------------------------
   * 14. 合作案例（/cases）：桌面为图片 + 绝对定位悬浮卡（.show_intro
   *     固定 600px、left:60px）。移动端图片缩放后浮卡溢出，改为文档流：
   *     卡片静态定位、全宽落在图片下方，内部固定宽度/外边距一并归零。
   * ------------------------------------------------------------------- */
  #show .chart_wrap {
    padding-bottom: 0 !important;
    margin-bottom: 24px !important;
  }

  #show .chart_wrap > img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  #show .chart_wrap .show_intro {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    box-sizing: border-box;
    box-shadow: none !important;
  }

  #show .chart_wrap:hover .show_intro {
    transform: none !important;
  }

  #show .chart_wrap .show_intro .information {
    width: auto !important;
    margin: 0 16px !important;
    padding: 20px 0 16px !important;
  }

  #show .chart_wrap .show_intro .information div p:first-of-type {
    font-size: 22px !important;
    padding-bottom: 8px !important;
  }

  #show .chart_wrap .show_intro .more {
    width: auto !important;
    margin-right: 16px !important;
    padding: 16px 0 !important;
  }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .mobile-nav,
  .mobile-nav-toggle-bar,
  .mobile-nav-submenu {
    transition: none !important;
  }
}