/* ============================================================
   红线云 移动端适配 mobile.css v3
   设计原则：与 PC 端保持相同视觉语言（圆角、阴影、配色）
   只做尺寸和布局的自适应调整
   ============================================================ */

/* ===== 全局防横向溢出（body min-width:1200px 的覆盖） ===== */
html, body { max-width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; }

/* ================================================================
   Logo 显示逻辑（纯CSS，无JS依赖，SSR安全）
   两张图都在DOM里，CSS决定显示哪张
   ================================================================ */

/* Logo 容器：覆盖原始 background-image 方案 */
.hx-logo-box {
  width: 144px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
/* 禁用原始CSS里 a 标签的 background-image */
.g-header .g-header-loginbar .hx-logo-box a,
.g-header.lighted .g-header-loginbar .hx-logo-box a,
.g-header.lighted.fixed .g-header-loginbar .hx-logo-box a {
  background-image: none !important;
  height: auto !important;
  margin-top: 0 !important;
}
.hx-logo-link {
  display: flex;
  align-items: center;
  height: 60px;
  text-decoration: none;
}
.hx-logo-dark,
.hx-logo-light {
  height: 37px;
  width: auto;
  max-width: 135px;
  display: block;
}

/* g-wrapper 垂直居中所有头部元素 */
.g-header .g-header-loginbar .g-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 60px;
}

/* 移动端 g-wrapper 高度同步为 54px */
@media only screen and (max-width: 900px) {
  .g-header .g-header-loginbar .g-wrapper {
    height: 54px !important;
  }
}

/* 默认：显示深色，隐藏白色 */
.hx-logo-dark  { display: block; }
.hx-logo-light { display: none;  }

/* PC端 lighted 页面未滚动：显示白色 */
.g-header.lighted:not(.fixed) .hx-logo-dark  { display: none;  }
.g-header.lighted:not(.fixed) .hx-logo-light { display: block; }

/* ── 移动端：始终显示深色logo，用更高权重选择器覆盖 lighted 规则 ── */
@media only screen and (max-width: 900px) {
  /* 用与 lighted 规则同等权重的选择器，强制显示深色、隐藏白色 */
  .g-header.lighted:not(.fixed) .hx-logo-dark,
  .g-header.lighted.fixed .hx-logo-dark,
  .g-header:not(.lighted) .hx-logo-dark {
    display: block !important;
  }
  .g-header.lighted:not(.fixed) .hx-logo-light,
  .g-header.lighted.fixed .hx-logo-light,
  .g-header:not(.lighted) .hx-logo-light {
    display: none !important;
  }

  .hx-logo-box {
    width: 140px !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    height: 54px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .hx-logo-link {
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
  }
  .hx-logo-dark {
    height: 32px !important;
    width: auto !important;
    max-width: 128px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .hx-logo-light {
    display: none !important;
  }
  /* 覆盖原始 a 标签的 background-image 和 margin-top */
  .g-header .g-header-loginbar .hx-logo-box a,
  .g-header.lighted .g-header-loginbar .hx-logo-box a,
  .g-header.lighted.fixed .g-header-loginbar .hx-logo-box a {
    background-image: none !important;
    height: 54px !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
}



/* 移动端 header 高度 54px */
@media only screen and (max-width: 900px) {
      }



/* ===== 汉堡菜单按钮 ===== */
.mobile-menu-btn {
  display: none;
  position: fixed;
  top: 9px; right: 12px;
  z-index: 10001;
  width: 42px; height: 42px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
.mobile-menu-btn b {
  display: block;
  width: 24px; height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}
.mobile-menu-btn.dark b { background: #333; }
.mobile-menu-btn.open b:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.mobile-menu-btn.open b:nth-child(2) { opacity: 0; }
.mobile-menu-btn.open b:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* ===== 顶部下拉菜单 ===== */
.mobile-nav-dropdown {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
}
.mobile-nav-dropdown.open { pointer-events: all; }

/* 半透明遮罩 */
.mobile-nav-mask {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  transition: opacity 0.28s;
}
.mobile-nav-dropdown.open .mobile-nav-mask { opacity: 1; }

/* 菜单面板：从导航栏底部向下滑出 */
.mobile-nav-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 8px 32px rgba(0,0,0,0.13);
  overflow: hidden;
  /* 初始：向上隐藏（高度为0） */
  max-height: 0;
  transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1);
  padding-top: 54px; /* 留出导航栏高度 */
}
.mobile-nav-dropdown.open .mobile-nav-menu {
  max-height: 520px; /* 足够容纳所有菜单项 */
}

/* 每个菜单项 */
.mobile-nav-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 24px;
  font-size: 15px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
}
.mobile-nav-menu a:last-of-type { border-bottom: none; }
.mobile-nav-menu a.active { color: #ff4596; background: #fef5f9; }
.mobile-nav-menu a:active { background: #f8f8f8; }

/* 当前页小圆点 */
.nav-dot {
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #ff4596;
  flex-shrink: 0;
}

/* 电话行 */
.nav-tel-row {
  display: flex !important;
  align-items: center !important;
  padding: 16px 24px !important;
  background: #fef5f9 !important;
  color: #ff4596 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-top: 1px solid #f0e6f0 !important;
  border-bottom: none !important;
}

/* ===== PC端：右侧导航返回顶部按钮 ===== */
.right-nav .to-top-btn {
  display: none;
  width: 48px; height: 48px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
.right-nav .to-top-btn img { width: 48px; height: 48px; display: block; }
.right-nav .to-top-btn.show { display: block; }

/* ===== 运营学院 PC端：标题字号 ===== */
.row-college { height: auto !important; padding-top: 80px !important; padding-bottom: 60px !important; overflow: visible !important; }
.row-college .g-tita9 { font-size: 26px !important; }
.row-college .g-tita9 h1, .row-college .g-tita9 h2 { font-size: 26px !important; font-weight: 700; line-height: 1.4; }
.row-college .g-tita9 .desc { font-size: 16px !important; }

/* ===== 运营学院 PC端：卡片等高 ===== */
.m-college .ul-course { display: flex !important; align-items: stretch !important; flex-wrap: nowrap !important; }
.m-college .ul-course li { float: none !important; display: flex !important; flex-direction: column !important; }
.m-college .ul-course .item { display: flex !important; flex-direction: column !important; flex: 1 !important; height: auto !important; }
.m-college .ul-course .top { flex-shrink: 0 !important; border-radius: 10px 10px 0 0 !important; overflow: hidden !important; }
.m-college .ul-course .text { flex: 1 !important; display: flex !important; flex-direction: column !important; }
.m-college .ul-course .desc { flex: 1 !important; height: auto !important; -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; }
.m-college .ul-course .tit { white-space: normal !important; overflow: visible !important; line-height: 1.35 !important; padding-bottom: 14px !important; }
.m-college .ul-course .item { overflow: visible !important; border-radius: 10px !important; }
.m-college .ul-course .item .top { border-radius: 10px 10px 0 0 !important; overflow: hidden !important; }

/* ================================================================
   移动端 ≤900px
   ================================================================ */
@media only screen and (max-width: 900px) {

  body { min-width: 0 !important; }

  /* 显示移动导航 */
  .mobile-menu-btn { display: flex; }
  .mobile-nav-dropdown { display: block; }
  .g-header-loginbar-nav, .h-tel { display: none !important; }

  /* 导航栏固定白色 */
  .g-header .g-header-loginbar,
  .g-header.lighted .g-header-loginbar,
  .g-header.mobile-header .g-header-loginbar {
    background: #fff !important;
    border-bottom: 1px solid #eceff4 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    height: 54px !important;
    line-height: 54px !important;
  }

  /* Logo 容器 */
  
  .wp { width: 92% !important; max-width: 100% !important; }

  /* 页面顶部留出导航高度 */
  .banner { margin-top: 54px; }
  .main { padding-top: 54px; }

  /* 隐藏右侧悬浮导航（手机屏幕太小） */
  .right-nav { display: none !important; }

  /* 返回顶部 */
  .to-top-btn { right: 12px !important; bottom: 14px !important; }

  /* ── 首页 Banner ── */
  .m-bane {
    height: auto !important;
    padding: 40px 0 36px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .m-bane .wp { display: block !important; overflow: visible !important; }
  .m-bane .txt { float: none !important; width: 100% !important; text-align: center; padding-top: 0 !important; }
  .m-bane .tit { font-size: 26px !important; line-height: 1.4 !important; margin-bottom: 16px !important; }
  .m-bane .desc { font-size: 16px !important; }
  .m-bane .desc::after { display: none; }
  .m-bane .pic { display: none !important; }

  /* 白色介绍卡片 */
  .m-bancon {
    position: static !important;
    transform: none !important;
    -webkit-transform: none !important;
    width: 100% !important;
    bottom: auto !important;
  }
  .m-bancon .info {
    border-radius: 20px !important;
    margin: 16px 0 0 !important;
    padding: 24px 20px !important;
    overflow: visible !important;
  }
  .m-bancon .info .pic { display: none !important; }
  .m-bancon .info .txt1 { float: none !important; overflow: visible !important; }
  .m-bancon .info p { font-size: 14px !important; line-height: 1.85 !important; margin-bottom: 14px !important; color: #333; }

  /* ── row-index1：极速拥有平台 ── */
  .row-index1 { padding: 0 !important; }
  .m-index1 { padding: 32px 0 28px !important; overflow: visible !important; }
  .m-index1 .con { padding-top: 0 !important; display: block !important; overflow: visible !important; }
  .m-index1 .pic { float: none !important; width: 100% !important; margin: 0 0 20px !important; text-align: center; overflow: visible !important; }
  .m-index1 .pic img { max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto; }
  .m-index1 .txt { float: none !important; overflow: visible !important; width: 100% !important; }
  .m-index1 .txt p { font-size: 14px !important; line-height: 1.85 !important; margin-bottom: 12px !important; color: #333; }
  .ul-links { display: flex !important; flex-wrap: nowrap !important; justify-content: space-around !important; margin: 16px 0 0 !important; overflow: visible !important; }
  .ul-links li { float: none !important; width: auto !important; text-align: center; }
  .ul-links .pic1 { width: 44px !important; height: 44px !important; margin: 0 auto 6px !important; }
  .ul-links .tit { font-size: 14px !important; }

  /* ── row-index2：变现模式 ── */
  .row-index2 { padding: 32px 0 !important; }
  .m-index2 .pic img { max-width: 100% !important; height: auto !important; display: block !important; }

  /* ── row-index4：会员管理背景图 ── */
  .row-index4 {
    height: auto !important;
    min-height: 200px !important;
    padding: 48px 0 !important;
    background-size: cover !important;
    background-position: center !important;
  }

  /* ── row-index5：培训课程 ── */
  .row-index5 { padding: 32px 0 !important; }
  .ul-course { display: block !important; overflow: visible !important; margin: 0 !important; }
  .ul-course li { float: none !important; width: 100% !important; margin-bottom: 12px !important; overflow: visible !important; }
  .ul-course .item { height: auto !important; overflow: visible !important; display: block !important; border-radius: 12px !important; }
  .ul-course .top { padding: 16px 20px !important; display: flex !important; align-items: center !important; border-radius: 12px 12px 0 0 !important; }
  .ul-course .pic { width: 32px !important; height: 32px !important; margin: 0 12px 0 0 !important; flex-shrink: 0; }
  .ul-course .pic img { width: 32px !important; height: 32px !important; }
  .ul-course .tit { font-size: 15px !important; white-space: normal !important; overflow: visible !important; text-align: left !important; padding-bottom: 0 !important; line-height: 1.35 !important; }
  .ul-course .tit::after { display: none !important; }
  .ul-course .desc { padding: 14px 20px !important; font-size: 14px !important; line-height: 1.7 !important; height: auto !important; -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; }
  .ul-course .rightpop { display: none !important; }

  /* ── row-index6：技术保障 ── */
  .row-index6 { padding: 32px 0 !important; }
  .m-index6 .box1 { position: static !important; height: auto !important; padding-top: 0 !important; overflow: visible !important; }
  .m-index6 .list1, .m-index6 .list2 { position: static !important; width: 100% !important; display: block !important; overflow: visible !important; }
  .m-index6 .pic-c { display: none !important; }
  .list1 li { margin-bottom: 20px !important; overflow: visible !important; }
  .list1 .con { overflow: visible !important; display: flex !important; align-items: flex-start !important; }
  .list1 .num { float: none !important; flex-shrink: 0 !important; width: 38px !important; height: 38px !important; margin-right: 12px !important; margin-top: 2px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
  .list1 .num img { display: none !important; } /* 数字图片太大，用伪元素代替 */
  .list1 .num {
    background: linear-gradient(135deg,#ff6eb4,#ff4596) !important;
    border-radius: 50% !important;
    width: 34px !important; height: 34px !important;
    min-width: 34px !important;
  }
  .list1 .num::after {
    content: attr(data-n);
    font-size: 13px; font-weight: 700; color: #fff; line-height: 1;
  }
  .list1 .desc { float: none !important; flex: 1 !important; width: auto !important; height: auto !important; font-size: 14px !important; line-height: 1.7 !important; -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; color: #333 !important; }

  /* ── row-a8：客户案例 ── */
  .row-a8 {
    padding: 40px 0 32px !important;
    background-color: #fde8f3 !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .ul-lista8 { display: block !important; overflow: visible !important; margin: 0 0 20px !important; }
  .ul-lista8 li { float: none !important; width: 100% !important; padding: 0 !important; margin-bottom: 12px !important; overflow: visible !important; }
  .ul-lista8 .con {
    display: flex !important; align-items: flex-start !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
    padding: 16px !important;
    overflow: visible !important;
  }
  .ul-lista8 .pic { float: none !important; flex-shrink: 0 !important; width: 56px !important; margin-right: 12px !important; }
  .ul-lista8 .pic .img { width: 56px !important; height: 56px !important; border-radius: 10px !important; overflow: hidden !important; }
  .ul-lista8 .pic .img img { width: 56px !important; height: 56px !important; object-fit: cover !important; display: block !important; }
  .ul-lista8 .txt { flex: 1 !important; min-width: 0 !important; overflow: visible !important; }
  .ul-lista8 .tit { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; gap: 8px !important; margin-bottom: 6px !important; }
  .ul-lista8 .tit h3 { flex: 1 !important; min-width: 0 !important; font-size: 15px !important; font-weight: 600 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; margin: 0 !important; color: #111; }
  .ul-lista8 .tit .look { flex-shrink: 0 !important; width: 52px !important; height: 24px !important; line-height: 24px !important; display: inline-block !important; }
  .ul-lista8 .tit .look .rightpop { display: none !important; }
  .ul-lista8 .desc { height: auto !important; -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; font-size: 14px !important; line-height: 1.7 !important; color: #666 !important; }

  /* 更多按钮 */
  a.g-more, .g-more {
    color: #333 !important;
    background-color: #fff !important;
    background-image: none !important;
    text-align: center !important;
    padding: 0 !important;
    width: 140px !important; height: 40px !important; line-height: 40px !important;
    font-size: 14px !important; border-radius: 20px !important;
    display: block !important; margin: 0 auto !important;
  }

  /* ── row-a9：公司简介 ── */
  .row-a9 { padding: 32px 0 !important; }
  .row-a9 > .wp > p { font-size: 14px !important; line-height: 1.85 !important; margin-bottom: 14px; color: #333; }
  .ul-lista9 { display: block !important; overflow: visible !important; }
  .ul-lista9 li { float: none !important; width: 100% !important; margin-bottom: 12px !important; overflow: visible !important; }

  /* ── 标题 ── */
  .g-tita9 { font-size: 20px !important; padding: 8px 0 !important; }
  .g-tita9 .desc { font-size: 14px !important; }

  /* ═══════════════════════════════════════
     客户案例页 /al
     ═══════════════════════════════════════ */
  .m-client-sure { height: auto !important; padding: 36px 0 28px !important; background-size: cover !important; background-position: center !important; }
  .g-tit-z1 h1, .g-tit-z1 h2 { font-size: 20px !important; line-height: 1.4 !important; }
  .ul-num-z { overflow: visible !important; }
  .ul-num-z li { float: left !important; width: 50% !important; margin-bottom: 16px !important; overflow: visible !important; }
  .ul-num-z .num { font-size: 36px !important; }
  .ul-num-z .info { font-size: 18px !important; }
  .ul-num-z .desc { font-size: 14px !important; }

  .m-client { padding: 20px 0 32px !important; }
  .m-client .client-box { padding: 20px 16px 28px !important; border-radius: 16px !important; }
  .ul-client { overflow: visible !important; margin: 0 !important; }
  .ul-client li { float: none !important; width: 100% !important; overflow: visible !important; margin-bottom: 20px !important; }
  .ul-client .con { margin: 0 !important; overflow: visible !important; display: block !important; }
  .ul-client .pic { float: left !important; width: 56px !important; height: 56px !important; margin-right: 12px !important; }
  .ul-client .pic img { width: 56px !important; height: 56px !important; border-radius: 10px !important; object-fit: cover !important; display: block !important; }
  .ul-client .box { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; gap: 8px !important; margin-bottom: 8px !important; }
  .ul-client .tit { flex: 1 !important; min-width: 0 !important; font-size: 15px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  .ul-client .look { flex-shrink: 0 !important; width: 52px !important; height: 24px !important; line-height: 24px !important; float: none !important; cursor: pointer !important; }
  .ul-client .look .rightpop { display: none !important; }
  .ul-client .text { overflow: hidden !important; }
  .ul-client .desc { height: auto !important; -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; font-size: 14px !important; line-height: 1.7 !important; color: #666 !important; }

  /* ═══════════════════════════════════════
     产品体验页 /ty 已完全重构，样式在 ty-* 类中
     ═══════════════════════════════════════ */

  /* ═══════════════════════════════════════
     产品报价页 /bj
     ═══════════════════════════════════════ */
  .row-z01 { padding: 60px 0 20px !important; background-size: cover !important; background-position: center !important; }
  .g-tit-z1 { height: auto !important; line-height: 1.4 !important; margin-bottom: 16px !important; }
  .ul-nav-z { display: none !important; }
  .m-edition { border-radius: 16px !important; overflow: visible !important; }
  .ul-edition { overflow: visible !important; padding: 0 16px 16px !important; }
  .ul-edition li { float: none !important; width: 100% !important; overflow: visible !important; margin-bottom: 0 !important; }
  .ul-edition .con { position: static !important; display: block !important; padding: 14px 0 !important; border-bottom: 1px solid #f0f0f0 !important; overflow: visible !important; }
  .ul-edition .g-tit-z2 { position: static !important; left: auto !important; top: auto !important; transform: none !important; -webkit-transform: none !important; float: none !important; display: flex !important; align-items: center !important; margin-bottom: 8px !important; height: auto !important; font-size: 16px !important; font-weight: 700 !important; overflow: visible !important; }
  .ul-edition .g-tit-z2 .icon { position: static !important; transform: none !important; -webkit-transform: none !important; display: inline-block !important; margin-right: 8px !important; flex-shrink: 0 !important; }
  .ul-edition .text { padding-left: 0 !important; font-size: 15px !important; line-height: 1.75 !important; max-height: none !important; -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; color: #555 !important; }
  .row-z02 { padding: 16px 0 !important; overflow: hidden; }
  .m-project-z { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .m-project-z .wp { overflow-x: auto !important; }
  .table-z { min-width: 460px; font-size: 15px !important; }
  .m-project-z td, .m-project-z th { height: auto !important; line-height: 1.65 !important; padding: 12px 8px !important; font-size: 15px !important; vertical-align: middle !important; }
  .m-project-z .text { font-size: 14px !important; height: auto !important; padding: 8px !important; line-height: 1.6 !important; }
  .m-project-z .btn span { font-size: 14px !important; }
  .m-project-z .qr { display: none !important; }
  .row-z03, .row-z04, .row-z05 { padding: 20px 0 !important; }
  .g-tit-z3 .tit { font-size: 19px !important; }
  .ul-explain { overflow: visible !important; padding: 0 !important; }
  .ul-explain li { float: none !important; width: 100% !important; overflow: visible !important; padding: 12px 0 !important; display: block !important; border-bottom: 1px solid #f0f0f0; }
  .ul-explain .ql { font-size: 15px !important; font-weight: 600 !important; display: block !important; margin-bottom: 4px !important; }
  .ul-explain .ar { font-size: 14px !important; display: block !important; color: #666; }
  .m-serve .wp { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .m-serve table { min-width: 460px; font-size: 14px !important; }
  .m-serve td, .m-serve th { padding: 8px !important; height: auto !important; line-height: 1.5 !important; font-size: 14px !important; }

  /* ═══════════════════════════════════════
     运营学院页 /xy
     ═══════════════════════════════════════ */
  .row-college { height: auto !important; padding: 80px 0 32px !important; background-size: cover !important; background-position: center !important; background-attachment: scroll !important; overflow: visible !important; }
  .row-college .g-tita9 { font-size: 20px !important; }
  .row-college .g-tita9 h1 { font-size: 20px !important; line-height: 1.4 !important; }
  .m-college .ul-course, .m-college .ul-course.fix { display: block !important; margin: 0 !important; }
  .m-college .ul-course li { float: none !important; width: 100% !important; display: block !important; margin-bottom: 12px !important; }
  .m-college .ul-course .item {
    display: flex !important; flex-direction: row !important;
    align-items: stretch !important;
    height: auto !important; overflow: hidden !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  }
  .m-college .ul-course .top {
    flex-shrink: 0 !important; width: 88px !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    padding: 20px 8px !important; border-radius: 0 !important;
  }
  .m-college .ul-course .pic { width: 34px !important; height: 34px !important; margin: 0 auto 8px !important; }
  .m-college .ul-course .pic img { width: 34px !important; height: 34px !important; }
  .m-college .ul-course .tit { font-size: 13px !important; white-space: normal !important; text-align: center !important; line-height: 1.3 !important; padding-bottom: 0 !important; overflow: visible !important; }
  .m-college .ul-course .tit::after { display: none !important; }
  .m-college .ul-course .text { flex: 1 !important; padding: 16px 14px 14px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; background: #fff !important; }
  .m-college .ul-course .desc { font-size: 14px !important; line-height: 1.65 !important; color: #555 !important; height: auto !important; -webkit-line-clamp: unset !important; display: block !important; overflow: visible !important; margin-bottom: 10px !important; padding: 0 !important; }
  .xy-btn, .m-college .btn {
    display: inline-block !important;
    background: linear-gradient(135deg,#ff6eb4,#ff4596) !important;
    color: #fff !important; border: none !important;
    border-radius: 16px !important; padding: 0 16px !important;
    height: 30px !important; line-height: 30px !important;
    font-size: 13px !important; cursor: pointer !important; width: auto !important;
  }
  .m-college .btn span { display: none !important; }
  .m-college .ul-course .rightpop { display: none !important; }

  /* ═══════════════════════════════════════
     代理合作页 /dl
     ═══════════════════════════════════════ */
  .row-coop { background-size: cover !important; background-position: center !important; padding-bottom: 48px !important; }
  .m-bantxt { padding-top: 70px !important; }
  .m-bantxt .tit { font-size: 20px !important; line-height: 1.4 !important; margin-bottom: 12px !important; }
  .m-bantxt .desc { font-size: 15px !important; margin-bottom: 24px !important; }
  .m-bantxt .info { font-size: 14px !important; }
  .ul-cooplist1 { display: flex !important; flex-wrap: wrap !important; overflow: visible !important; margin: 0 -8px 16px !important; }
  .ul-cooplist1 li { float: none !important; width: 50% !important; padding: 0 8px !important; margin-bottom: 14px !important; box-sizing: border-box; overflow: visible !important; }
  .ul-cooplist1 .con { padding: 16px !important; border-radius: 12px !important; }
  .ul-cooplist1 img { width: 48px !important; height: 48px !important; }
  .ul-cooplist1 .desc { font-size: 13px !important; line-height: 1.6 !important; }

  /* ═══════════════════════════════════════
     页脚
     ═══════════════════════════════════════ */
  .footer .f-top { overflow: visible !important; display: block !important; padding: 24px 0 16px !important; }
  .footer .col-l { float: none !important; width: 100% !important; margin-bottom: 20px !important; text-align: center; }
  .f-tel img { height: 28px !important; width: auto !important; }
  .f-ul-ewlist { display: flex !important; flex-wrap: wrap !important; overflow: visible !important; justify-content: center; }
  .f-ul-ewlist li { float: none !important; width: 33.33% !important; text-align: center; margin-bottom: 14px !important; box-sizing: border-box; padding: 0 4px !important; }
  .f-ul-ewlist .pic { line-height: 1 !important; }
  .f-ul-ewlist .pic img, .f-ul-ewlist img.img100 { width: 68px !important; height: 68px !important; max-width: 68px !important; }
  .f-ul-ewlist .tit { font-size: 13px !important; margin-bottom: 6px !important; }
  .f-ul-ewlist .info { display: none !important; }
  .f-ul-ewlist .desc { font-size: 11px !important; }
  .f-copy { padding: 10px 0 !important; }
  .f-bottom1 { font-size: 11px !important; line-height: 2 !important; text-align: center; }
}

/* ═══════════════════════════════════════
   小屏 ≤480px
   ═══════════════════════════════════════ */
@media only screen and (max-width: 480px) {
  .m-bane .tit { font-size: 22px !important; }
  .g-tita9 { font-size: 18px !important; }
  .g-tit-z1 h1, .g-tit-z1 h2 { font-size: 18px !important; }
  .ul-num-z li { width: 50% !important; }
  .f-ul-ewlist li { width: 33.33% !important; }
  .m-bantxt .tit { font-size: 18px !important; }
}

/* ═══════════════════════════════════════
   产品体验页 /ty — 独立布局
   ═══════════════════════════════════════ */
.ty-hero {
  background: url(/wimages/ban-zs.jpg) center center no-repeat;
  background-size: cover;
  padding: 140px 0 60px;
  text-align: center;
  min-height: 280px;
}
.ty-hero .g-tit-z1 { margin-bottom: 16px; }
.ty-hero .g-tit-z1 h1 { color: #fff; font-size: 32px; font-weight: 700; }
.ty-sub { color: rgba(255,255,255,0.92); font-size: 20px; line-height: 1.5; margin: 0; }
.ty-cards-wrap { background: #f4f6f9; padding: 48px 0 64px; }
.ty-cards { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; margin: 0; padding: 0; justify-content: center; }
.ty-card { width: calc(20% - 16px); min-width: 180px; }
.ty-card-inner { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.06); height: 100%; display: flex; flex-direction: column; }
.ty-card-top { background: linear-gradient(180deg,#f0f4ff 0%,#e8eeff 100%); padding: 24px 20px; text-align: center; flex-shrink: 0; }
.ty-card-img { width: 120px; height: 120px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.ty-card-img img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.ty-card-body { padding: 20px 18px 24px; display: flex; flex-direction: column; flex: 1; }
.ty-card-title { font-size: 16px; font-weight: 700; color: #111; margin-bottom: 10px; text-align: center; }
.ty-card-desc { font-size: 13px; color: #666; line-height: 1.75; flex: 1; margin: 0 0 16px; }
.ty-card-btn { text-align: center; }
.ty-btn { display: inline-block; padding: 0 22px; height: 34px; line-height: 34px; background: #eaedf2; border-radius: 17px; font-size: 13px; color: #515863; cursor: pointer; text-decoration: none; transition: background 0.2s; }
.ty-btn-link { background: linear-gradient(135deg,#ff6eb4,#ff4596); color: #fff !important; }
.ty-btn-link:hover { background: linear-gradient(135deg,#ff4596,#e0307e); }

@media only screen and (max-width: 900px) {
  .ty-hero { padding: 80px 0 36px; min-height: auto; }
  .ty-hero .g-tit-z1 h1 { font-size: 22px !important; }
  .ty-sub { font-size: 15px !important; }
  .ty-cards-wrap { padding: 24px 0 36px; }
  .ty-cards { gap: 12px; }
  .ty-card { width: calc(50% - 6px); min-width: 0; }
  .ty-card-top { padding: 16px 12px; }
  .ty-card-img { width: 88px; height: 88px; }
  .ty-card-body { padding: 14px 12px 16px; }
  .ty-card-title { font-size: 15px; margin-bottom: 8px; }
  .ty-card-desc { font-size: 14px; line-height: 1.7; margin-bottom: 12px; }
  .ty-btn { font-size: 13px; height: 30px; line-height: 30px; padding: 0 14px; }
}
@media only screen and (max-width: 480px) {
  .ty-card { width: 100%; }
  .ty-card-top { padding: 20px; }
  .ty-card-img { width: 100px; height: 100px; }
}

/* ═══════════════════════════════════════
   PC端：右侧导航返回顶部样式
   ═══════════════════════════════════════ */
.right-nav .to-top-btn.show { display: block; }

/* ================================================================
   移动端：参观按钮与 PC 端样式完全一致
   ================================================================ */
@media only screen and (max-width: 900px) {

  /* ul-lista8 参观按钮 */
  .ul-lista8 .tit .look {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    width: 52px !important;
    height: 24px !important;
    background: #ece9ff !important;
    border-radius: 12px !important;
    line-height: 24px !important;
    color: #ff4596 !important;
    font-size: 12px !important;
    background-image: url(/wimages/a7.png) !important;
    background-repeat: no-repeat !important;
    background-size: 10px 10px !important;
    background-position: right 6px center !important;
    padding: 0 21px 0 7px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  /* ul-client 参观按钮 */
  .ul-client .look {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    width: 52px !important;
    height: 24px !important;
    line-height: 24px !important;
    background: #ece9ff !important;
    border-radius: 12px !important;
    color: #ff4596 !important;
    font-size: 12px !important;
    padding-right: 20px !important;
    padding-left: 8px !important;
    text-align: left !important;
    float: none !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
  }
  .ul-client .look::after {
    content: "" !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    background: url(/wimages/zc-i1.png) center center no-repeat !important;
    background-size: cover !important;
    position: absolute !important;
    right: 7px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}