/* ============================================================
 * 番茄互联 全站自适应样式层 responsive.css
 * 说明：本文件在原 PC 样式之后加载，仅通过媒体查询做覆盖，
 *       PC（≥1025px）外观保持不变；平板（≤1024px）流式化；
 *       手机（≤768px）汉堡导航 + 单列堆叠。
 * 断点：1024px（平板） / 768px（手机竖屏） / 480px（小屏手机）
 * ============================================================ */

/* ---------- 全站安全基线（任何尺寸都生效，不改 PC 观感） ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html, body {
    max-width: 100%;
}

/* 用 clip 裁剪横向溢出，避免 overflow:hidden 造成 html 高度塌陷、页面无法滚动 */
body {
    overflow-x: clip;
}

/* 汉堡按钮默认隐藏，仅在媒体查询内显示（PC 端不出现） */
.rm-menu-btn { display: none; }

/* 桌面窄下拉（解决方案/服务/关于我们）原为固定像素 left 偏移，只在 1200px 设计宽度对齐，
   窗口变化会漂移；仅桌面（≥1025px）相对父菜单项居中，手机/平板由 ≤1024 块满宽处理 */
@media (min-width: 1025px) {
    .head-nav .nav-list li .new-pop-list.solution,
    .head-nav .nav-list li .new-pop-list.service {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
    .head-nav .nav-list li .new-pop-list.aboutus {
        left: 0 !important;
        right: auto !important;
    }
}

/* ============================================================
 * ≤1024px：平板/窄窗口顶部导航折叠为汉堡菜单（避免桌面横向导航拥挤、
 * 悬停下拉直接压在内容上）；下拉仅在抽屉展开时显示
 * ============================================================ */
@media (max-width: 1024px) {
    .rm-menu-btn {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        margin-left: 10px;
        cursor: pointer;
        background: transparent;
        border: 1px solid rgba(255,255,255,.35);
        border-radius: 4px;
        flex: 0 0 auto;
    }
    .rm-menu-btn span { display: block; width: 18px; height: 2px; background: #fff; margin: 2.5px 0; }
    .rm-menu-btn.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
    .rm-menu-btn.open span:nth-child(2) { opacity: 0; }
    .rm-menu-btn.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

    .head-nav .nav-list {
        display: none !important;
        position: absolute !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        float: none !important;
        background: #192933 !important;
        max-height: 70vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 300;
        padding: 6px 0;
    }
    .head-nav .nav-list.open { display: block !important; }
    .head-nav .nav-list li { float: none !important; display: block !important; }
    .head-nav .nav-list .nav {
        display: block !important;
        line-height: 46px !important;
        padding: 0 22px !important;
        font-size: 16px !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .new-pop-list {
        display: none !important;
        position: static !important;
        height: auto !important;
        padding: 0 !important;
        background: #14222b !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
    }
    /* 仅当前被点选（sub-open）的项展开其子菜单，默认全部折叠，避免空块 */
    .head-nav .nav-list li.sub-open > .new-pop-list { display: block !important; }
    /* 抽屉内下拉单列纵向堆叠（平板与手机一致），文字居中 */
    .new-pop-list .container,
    .new-pop-list > div { display: block !important; width: 100% !important; float: none !important; height: auto !important; }
    .new-pop-list dl { display: block !important; width: 100% !important; height: auto !important; float: none !important; clear: both !important; margin: 0 !important; }
    .new-pop-list dd { display: block !important; width: 100% !important; float: none !important; }
    .new-pop-list dt { text-align: center !important; }
    .new-pop-list dd a,
    .new-pop-list dd span { display: block !important; width: 100% !important; float: none !important; padding: 9px 30px !important; margin: 0 !important; text-align: center !important; }
    .new-pop-link { display: block !important; width: 100% !important; float: none !important; }
    .new-pop-link a { display: block !important; width: 100% !important; float: none !important; line-height: 40px !important; padding: 0 30px !important; text-align: center !important; }
    /* 解决方案/服务/关于我们窄下拉：覆盖原始固定宽度与左浮动，子项整行居中 */
    .new-pop-list.solution .new-pop-link,
    .new-pop-list.service .new-pop-link,
    .new-pop-list.aboutus .new-pop-link {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        display: block !important;
    }
    /* 下拉内部空包裹 div 也强制满宽清零，避免原始固定宽度/内边距残留成左侧窄列 */
    .new-pop-list.solution > div,
    .new-pop-list.service > div,
    .new-pop-list.aboutus > div {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        display: block !important;
    }
    .new-pop-list.solution .new-pop-link a,
    .new-pop-list.service .new-pop-link a,
    .new-pop-list.aboutus .new-pop-link a {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 9px 20px !important;
        line-height: 40px !important;
        text-align: center !important;
    }
    .webSiteConfig { display: none !important; }

    /* 关于我们次级导航横向滑动，不压 banner */
    .about-cloumn ul { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .about-nav { float: none !important; display: inline-block; }
}

img, video, iframe, embed, object {
    max-width: 100%;
    height: auto;
    border: 0;
}

table {
    max-width: 100%;
    border-collapse: collapse;
}

/* 全局安全网：任何写死宽度的块级元素都不得超出父容器；长文本/长串自动换行，避免右侧被裁切。
   PC 下容器本身 ≥ 视口宽度，max-width:100% 不会改变原有居中 1200px 观感。 */
div, section, article, header, footer, main, figure, p, h1, h2, h3, h4, h5, h6, li, dd, dt {
    max-width: 100%;
}

/* 顶部下拉是绝对定位浮层，不能被上面的 max-width:100% 压成父菜单窄列，否则文字被裁。
   仅桌面（≥1025px）生效；手机/平板由 ≤1024 块统一满宽居中，不受此约束。 */
.head-nav .new-pop-list { max-width: none !important; }
@media (min-width: 1025px) {
    .head-nav .nav-list li .new-pop-list.solution {
        width: 200px !important;
        min-width: 200px !important;
        max-width: none !important;
    }
    .new-pop-list.solution .new-pop-link,
    .new-pop-list.service .new-pop-link { width: 100% !important; padding: 0 !important; float: none !important; }
    .new-pop-list.solution .new-pop-link a,
    .new-pop-list.service .new-pop-link a {
        width: auto !important;
        float: none !important;
        display: block !important;
        white-space: nowrap !important;
        text-align: left !important;
        padding: 8px 22px !important;
        margin: 0 !important;
    }
}
p, li, dd, dt, td, th, span, a, strong, em, label, input, textarea, select {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* 长表格在小屏横向滚动，而不是撑破页面 */
@media (max-width: 768px) {
    table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
}

/* 去除所有 PC 端写死的最小宽度（统一在媒体查询里处理） */
@media (max-width: 1024px) {
    body,
    .top-header,
    .head-nav,
    .index-banner,
    .index-entrance,
    .index-product,
    .index-honor,
    .index-news,
    .index-advantage,
    .cooperation-body,
    .footer-banner,
    .auto,
    .login-main-area,
    .top-nav {
        min-width: 0 !important;
    }
}

/* ============================================================
 * 平板 ≤1024px：容器流式、四列改两列、banner 降低
 * ============================================================ */
@media (max-width: 1024px) {
    .container,
    .auto {
        width: 100% !important;
        max-width: 1220px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        min-width: 0 !important;
    }

    /* 各页写死 1200/1220 的主体模块 */
    .module,
    .virtue-list,
    .support-list,
    .info-banner > div,
    .register-box,
    .autowidth,
    .show-price-base,
    .show-price-wrap {
        width: 100% !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 顶部导航字号收紧，避免换行挤压 */
    .head-nav .nav-list .nav { font-size: 15px !important; padding: 0 12px !important; }

    /* 首屏 banner 降高，背景裁切铺满 */
    .header-banner,
    .header-banner .bd a,
    .header-banner .container {
        height: 420px !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .info-banner { background-size: cover !important; background-position: center !important; min-height: 160px; }

    /* 首页快捷入口 4 列 -> 2 列 */
    .index-entrance li { width: 50% !important; }

    /* 资质墙 6 列 -> 3 列 */
    .index-honor li { width: 33.33% !important; }

    /* 产品四列卡片 -> 两列 */
    .product-list li,
    .web-issue-list li,
    .superiority-list li,
    .more-list li,
    .engine_room li,
    .content-info .info-item,
    .content-info .service-info-item,
    .issue-type-item,
    .contact-service-item,
    .package-box li,
    .virtue-list li,
    .brand-slider-item,
    .certificat-item,
    .cooperative-partner-list li,
    .scene-list > li,
    .product-sence-item,
    .adv-compare ul li,
    .adv-wrap ul li {
        width: 48% !important;
        margin-left: 2% !important;
        margin-right: 0 !important;
    }
    .product-list li:nth-child(odd),
    .web-issue-list li:nth-child(odd),
    .superiority-list li:nth-child(odd),
    .more-list li:nth-child(odd),
    .engine_room li:nth-child(odd),
    .package-box li:nth-child(odd),
    .virtue-list li:nth-child(odd),
    .brand-slider-item:nth-child(odd),
    .certificat-item:nth-child(odd),
    .scene-list > li:nth-child(odd) {
        margin-left: 0 !important;
    }

    /* 解决方案轮播容器去固定宽度 */
    .solution-box { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }

    /* 新闻板块两栏并窄 */
    .index-news dl { width: 48% !important; float: left !important; margin-right: 2% !important; }
    .press-release { width: 48% !important; margin-left: 4% !important; }
}

/* ============================================================
 * 手机 ≤768px：汉堡菜单、单列堆叠、表单全宽
 * ============================================================ */
@media (max-width: 768px) {

    /* ---------- 顶部导航：汉堡菜单 ---------- */
    .top-header { height: 60px !important; }
    .head-nav {
        height: 60px !important;
        position: absolute !important;
        min-width: 0 !important;
    }
    .head-nav .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        height: 60px !important;
    }
    .nav-left {
        display: flex !important;
        align-items: center !important;
        float: none !important;
    }
    .head-nav h1 { margin: 0 !important; width: auto !important; height: auto !important; }
    .head-nav h1 img { width: 96px !important; height: auto !important; }

    /* 汉堡按钮（由 responsive.js 注入），PC 端隐藏 */
    .rm-menu-btn {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        margin-left: 10px;
        cursor: pointer;
        background: transparent;
        border: 1px solid rgba(255,255,255,.35);
        border-radius: 4px;
    }
    .rm-menu-btn span {
        display: block;
        width: 18px;
        height: 2px;
        background: #fff;
        margin: 2.5px 0;
        transition: .25s;
    }
    .rm-menu-btn.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
    .rm-menu-btn.open span:nth-child(2) { opacity: 0; }
    .rm-menu-btn.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

    /* 默认收起，展开后为纵向抽屉 */
    .head-nav .nav-list {
        display: none !important;
        position: absolute !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        float: none !important;
        background: #192933 !important;
        max-height: 70vh;
        overflow-y: auto;
        z-index: 300;
        padding: 6px 0;
    }
    .head-nav .nav-list.open { display: block !important; }
    .head-nav .nav-list li {
        float: none !important;
        display: block !important;
    }
    .head-nav .nav-list .nav {
        display: block !important;
        line-height: 46px !important;
        padding: 0 22px !important;
        font-size: 16px !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .head-nav .nav-list .nav::after { display: none !important; }

    /* 下拉菜单在触屏上直接平铺展开（高优先级，强制取消原固定高度，随内容自然撑开） */
    .head-nav .nav-list li,
    .head-nav .nav-list > li {
        position: static !important;
        height: auto !important;
        overflow: visible !important;
    }
    .head-nav .nav-list li .new-pop-list,
    .top-header .head-nav .nav-list li .new-pop-list,
    .head-nav .nav-list > li > .new-pop-list,
    .new-pop-list {
        display: none !important;
        position: static !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        background: #14222b !important;
    }
    .head-nav .nav-list li.sub-open > .new-pop-list {
        display: block !important;
    }
    .head-nav .nav-list li .new-pop-list .container,
    .new-pop-list .container {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block !important;
    }
    .new-pop-list dl {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block !important;
        clear: both !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    .new-pop-list dt {
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 22px !important;
        text-align: center !important;
    }
    .new-pop-list dd a,
    .new-pop-list dd span {
        display: block !important;
        width: 100% !important;
        float: none !important;
        padding: 9px 30px !important;
        margin: 0 !important;
        border: none !important;
        text-align: center !important;
    }
    .new-pop-link a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        line-height: 40px !important;
        margin: 0 !important;
        padding: 0 30px !important;
        background: transparent !important;
        text-align: center !important;
    }

    /* 下拉大菜单在手机端纵向单列堆叠 */
    .new-pop-list .container,
    .new-pop-list > div {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }
    .new-pop-list dl {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        float: none !important;
        clear: both !important;
        overflow: visible !important;
        padding: 4px 0 !important;
    }
    .new-pop-list dd { display: block !important; width: 100% !important; float: none !important; }
    .new-pop-link {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    /* 右侧登录注册区 */
    .head-nav .nav-right {
        float: none !important;
        margin: 0 !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
    }
    .webSiteConfig { display: none !important; }
    .head-nav .nav-right p { float: none !important; }
    .head-nav .nav-right .btn {
        height: 32px !important;
        line-height: 32px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }
    .top-user-info-1, .top-user-info-2 { margin-left: 8px !important; }

    /* ---------- 首屏 banner ---------- */
    .header-banner,
    .header-banner .bd a,
    .header-banner .container { height: 200px !important; }
    .header-banner h2 { font-size: 26px !important; }
    .header-banner p { font-size: 15px !important; margin: 8px 0 0 !important; }

    /* 公告条只播第一条，避免横向滚动 */
    .head-announce { height: 40px !important; }
    .head-announce .announce-list { width: 100% !important; float: none !important; }
    .head-announce .announce-list li {
        display: none;
        width: 100% !important;
        margin: 0 !important;
        height: 40px !important;
    }
    .head-announce .announce-list li:first-child { display: block; }
    .head-announce .announce-list li a { line-height: 40px !important; }

    /* ---------- 首页各区块单列 ---------- */
    .index-entrance { padding: 25px 0 !important; }
    .index-entrance li {
        width: 100% !important;
        float: none !important;
        padding: 16px 20px !important;
    }
    .index-product { padding: 45px 0 !important; }

    .new-product-intro .intro-calc,
    .new-product-intro .intro-other {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 18px !important;
        background-image: none !important;
        background-color: #fff;
    }
    .new-product-intro .intro-list { padding: 15px !important; }
    .new-product-intro .intro-list li,
    .new-product-intro .intro-list li a {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        padding: 14px !important;
    }

    .index-honor { padding: 40px 0 !important; }
    .index-honor li { width: 50% !important; float: left !important; margin: 10px 0 !important; height: auto !important; }

    /* 解决方案卡片纵向堆叠 */
    .solution-list ul li {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        padding: 24px 18px !important;
    }
    .solution-box .arr-btn { display: none !important; }

    .index-news { padding: 40px 0 !important; }
    .index-news dl,
    .press-release {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px !important;
    }

    /* ---------- 产品/方案/帮助等通用卡片堆叠 ---------- */
    .product-list li,
    .web-issue-list li,
    .superiority-list li,
    .more-list li,
    .engine_room li,
    .content-info .info-item,
    .content-info .service-info-item,
    .issue-type-item,
    .contact-service-item,
    .package-box li,
    .virtue-list li,
    .brand-slider-item,
    .certificat-item,
    .cooperative-partner-list li,
    .scene-list > li,
    .product-sence-item,
    .adv-compare ul li,
    .adv-wrap ul li,
    .app-scene,
    .app-car-wrap,
    .host-independence,
    .pkg-config-item,
    .step-items .item,
    .scene-feature li {
        width: 100% !important;
        float: none !important;
        margin: 0 0 18px !important;
        height: auto !important;
    }

    /* 推荐套餐：名称与配置纵向排列 */
    .recommend-package > ul > li { height: auto !important; padding-bottom: 10px; }
    .recommend-package > ul > li > .name,
    .recommend-package > ul > li > .host-config {
        width: 100% !important;
        float: none !important;
        padding: 15px !important;
    }
    .recommend-package > ul > li > .host-config > ul > li { width: 25% !important; float: left !important; }
    .recommend-package > .package-type { overflow-x: auto; white-space: nowrap; }
    .recommend-package > .package-type > div { flex: 0 0 auto; }

    /* 帮助中心：左菜单 + 内容单列 */
    .help-menu { width: 100% !important; float: none !important; margin: 20px 0 !important; }
    .common-questions,
    .dc-block-left,
    .show-price-base,
    .show-price-wrap,
    .advantage-right,
    .superiority-right {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* ---------- 注册 / 找回密码 / 表单 ---------- */
    .register-box { width: 100% !important; padding: 20px 15px !important; }
    .getpassword .form,
    .evidence-item,
    .appeal-textarea,
    .add-evidence,
    .appeal-remind,
    .success-title,
    .success-subtitle {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea {
        max-width: 100% !important;
    }

    /* 购买页底部固定结算条：改为全宽静态条 */
    .view-inner-fixed {
        position: static !important;
        left: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        transform: none !important;
    }
    .ny-slider { width: 100% !important; float: none !important; }
    .config-row-title,
    .config-row-content { float: none !important; width: 100% !important; margin-left: 0 !important; text-align: left !important; }

    /* ---------- 底部 ---------- */
    .footer-banner { height: auto !important; padding: 30px 15px !important; text-align: center; }
    .footer-banner h1,
    .footer-banner a { float: none !important; margin: 10px auto !important; }
    .footer .foot-menu { width: 100% !important; float: none !important; margin-bottom: 30px !important; }
    .footer .foot-menu li,
    .footer .foot-menu > li:last-child {
        width: 100% !important;
        float: none !important;
        margin: 0 0 22px !important;
    }

    /* ---------- 右侧悬浮客服：缩小并收起弹出层 ---------- */
    .float-consult { right: 4px !important; bottom: 20px !important; }
    .float-consult > ul > li { width: 44px !important; height: 44px !important; }
    .float-consult .cloumn { width: 44px !important; height: 44px !important; line-height: 44px !important; font-size: 11px !important; }
    .float-consult .suspension-detail-outer { display: none !important; }

    /* 正文图片与长文 */
    .news-article-main, .news-article-main p, .article-content, .content-detail { word-break: break-word; }
    .module-title { font-size: 20px !important; padding: 0 10px; }
}

/* ============================================================
 * 平板 ≤1024px 补充：各页写死 1200/1220 的容器统一流式化
 * ============================================================ */
@media (max-width: 1024px) {
    .top-header,
    .head-nav,
    .info-banner,
    .info-box,
    .auto,
    .info-nav,
    .product-info,
    .product-info-title,
    .product-info-detail,
    .product-info-btn,
    .cloud-banner,
    .header-info,
    .cloud-configuration,
    .ssl-configuration,
    .main-content,
    .cloud-config-body,
    .about-head,
    .about-banner,
    .about-cloumn,
    .notice-body,
    .help-banner,
    .help-index,
    .price-banner,
    .banner-title,
    .register-space,
    .do-web,
    .intro-other,
    .sec-service,
    .idc-service,
    .footer,
    .foot-menu,
    .foot-copyright,
    .autowidth,
    .main-body,
    .password-title,
    .password-info,
    .getpassword .form,
    .submit-box,
    .row-item,
    .captcha-item {
        width: 100% !important;
        max-width: 1220px !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
        float: none !important;
    }

    /* 找回密码：步骤条由绝对定位改为标题下方横向滑动 */
    .password-title {
        height: auto !important;
        min-height: 0 !important;
        padding-top: 20px !important;
        text-align: center;
    }
    .step-box {
        position: static !important;
        width: 100% !important;
        margin-top: 14px !important;
        overflow-x: auto;
        white-space: nowrap;
        text-align: left;
        -webkit-overflow-scrolling: touch;
    }
    .step-box > span { display: inline-block; }

    /* 购买页底部固定结算条：去固定定位、全宽 */
    .view-inner-fixed {
        position: static !important;
        left: auto !important;
        margin: 0 !important;
        width: 100% !important;
        transform: none !important;
    }
}

/* ============================================================
 * 平板 ≤1024px 补充2：证书/主机优势卡、监控、SSL购买横幅、帮助搜索条
 * ============================================================ */
@media (max-width: 1024px) {
    .support-list,
    .support-list li,
    .first-in,
    .support-info,
    .biz-deck,
    .biz-main,
    .biz-title,
    .biz-subtitle,
    .ssl-banner,
    .ssl-banner .header,
    .header-info,
    .help-banner,
    .help-banner dl,
    .help-banner dd,
    .help-banner form,
    .help-banner ul {
        width: 100% !important;
        max-width: 1220px !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
        float: none !important;
    }
    .support-list li { padding: 18px 15px !important; }
    .help-banner { padding: 28px 15px !important; height: auto !important; }
    .help-banner dd { margin: 0 !important; }
    .help-banner form { display: flex; flex-wrap: wrap; gap: 8px; }
    .help-banner input[type="text"] { flex: 1 1 60%; min-width: 160px; }
    .help-banner ul { padding: 10px 0 0; }
    .help-banner ul li { float: none !important; display: inline-block; margin: 4px 12px 4px 0 !important; }
}

/* ============================================================
 * 手机 ≤768px 补充：首页卡片、购买选项、表单细节
 * ============================================================ */
@media (max-width: 768px) {
    /* 首页快捷入口：去掉左侧图标位，文字居中 */
    .index-entrance li a,
    .index-entrance .item1,
    .index-entrance .item2,
    .index-entrance .item3,
    .index-entrance .item4 {
        padding: 18px 15px !important;
        text-align: center !important;
    }
    .index-entrance li a::before { display: none !important; }

    /* 首页产品分组全部整行；原深色背景改为浅色卡片，文字转深色 */
    .new-product-intro .intro-calc,
    .new-product-intro .intro-other,
    .new-product-intro .do-web,
    .new-product-intro .sec-service,
    .new-product-intro .idc-service,
    .new-product-intro .intro-list {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        background-image: none !important;
        background-color: #ffffff !important;
    }
    .new-product-intro .intro-title { color: #222 !important; }
    .new-product-intro .intro-list li {
        background: #f5f7fa;
        border-radius: 8px;
        margin-bottom: 10px !important;
    }
    .new-product-intro .intro-list li,
    .new-product-intro .intro-list li a {
        width: 100% !important;
        height: auto !important;
        padding: 14px !important;
        color: #333 !important;
    }
    .new-product-intro .main-title { color: #222 !important; }
    .new-product-intro .subtitle { color: #777 !important; }

    /* 购买页配置选项按钮自动换行 */
    .button-group { float: none !important; overflow: hidden; }
    .button-group a { width: auto !important; min-width: 100px; margin: 0 5px 8px 0 !important; }
    .ny-slider { width: 100% !important; }

    /* 找回密码各块整行 */
    .getpassword .form,
    .password-title,
    .password-info,
    .submit-box,
    .row-item,
    .captcha-item,
    .evidence-item,
    .appeal-textarea,
    .add-evidence,
    .appeal-remind {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 产品页次级导航：隐藏滚动后重复的固定条；内联标签从左起横向滑动，不被居中裁切 */
    .nav-box.nav-show { display: none !important; }
    .nav-box.nav-hide {
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        clear: both;
    }
    .orientation-nav-box { overflow: hidden; }
    .banner-nav {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center;
        white-space: nowrap;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        margin: 0 !important;
        padding: 0 10px;
    }
    .banner-nav li {
        float: none !important;
        display: inline-block !important;
        flex: 0 0 auto !important;
    }
    .banner-nav li a {
        display: inline-block;
        padding: 0 16px;
        line-height: 50px;
        white-space: nowrap;
    }
    /* 横幅下方的促销小字在手机端隐藏，避免压到标签条 */
    .product-info-stand { display: none !important; }

    /* 推荐套餐行：名称 / 配置 / 价格购买 纵向堆叠 */
    .recommend-package > ul > li { height: auto !important; padding: 10px 0; }
    .recommend-package > ul > li > .name,
    .recommend-package > ul > li > .host-config {
        float: none !important;
        width: 100% !important;
        padding: 14px 15px !important;
    }
    .recommend-package > ul > li > .host-config > ul > li { width: 33.33% !important; float: left !important; }
    .recommend-package .price-buy {
        position: static !important;
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        padding: 15px !important;
    }
    .recommend-package .price-buy .baremetal-buy {
        display: inline-block;
        margin: 8px 0 0;
    }
    .recommend-package > ul > li > .line { display: none !important; }
    .package-item .item-info { width: 100% !important; float: none !important; }
    .recommend-package > .package-type { overflow-x: auto; white-space: nowrap; }
    .recommend-package > .package-type > div { display: inline-block; float: none; }

    .footer { padding-bottom: 30px; }

    /* 友情链接：代码框 / 预览框 / 复制按钮纵向堆叠，不再横向溢出 */
    .txt-link-code,
    .logo-link-code { display: block !important; }
    .link-code-box,
    .link-code-box-1,
    .link-code-box-2,
    .link-preview-box,
    .link-preview-box-2,
    .copy-code-1 {
        float: none !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        display: block;
        margin: 8px 0 !important;
        box-sizing: border-box;
    }
    .preview-info,
    .preview-info-2,
    .preview-text { width: 100% !important; }

    /* 关于我们次级导航横向滑动；联系信息纵向堆叠、允许换行 */
    .about-cloumn ul { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .about-nav { float: none !important; display: inline-block; }
    .about-contact .company-info-item {
        width: 100% !important;
        float: none !important;
        margin-bottom: 16px !important;
    }
    .company-info-item-title { white-space: normal !important; word-break: break-all; line-height: 24px; }

    /* SSL/价格页品牌（机房）标签容器：换到说明下方，标签横向滑动 */
    .data-center-tab-wrapper,
    .ssl-brand,
    .brand-tabs {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        margin: 10px 0 !important;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .data-center-tab-wrapper .data-center-tab-title,
    .ssl-brand .brand-title {
        float: none !important;
        display: block;
        width: 100% !important;
        margin-bottom: 8px !important;
    }
    .data-center-tab-wrapper [class*="tab"],
    .ssl-brand [class*="brand"] a {
        display: inline-block;
        float: none !important;
    }

    /* 价格页标题行：名称/说明/链接纵向堆叠 */
    .price-main-title { display: block !important; }
    .main-title-name,
    .main-title-description,
    .main-title-link {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        clear: both !important;
        text-align: left;
        margin: 6px 0 !important;
    }
    .main-title-link { margin-bottom: 14px !important; }
    /* 方案页大标题在手机端缩小，避免顶到右侧悬浮客服 */
    .issue-title,
    .ecommerce-title,
    .solution-title,
    [class*="solution"] h2,
    .module-title {
        font-size: 22px !important;
        line-height: 1.4;
    }

    /* 帮助搜索条让出顶部绝对定位的导航 */
    .help-banner { padding-top: 64px !important; }
    .foot-copyright { font-size: 12px; line-height: 20px; padding: 10px 15px !important; text-align: center; }
}

/* ============================================================
 * 小屏手机 ≤480px：进一步收紧间距与字号
 * ============================================================ */
@media (max-width: 480px) {
    .head-nav h1 img { width: 84px !important; }
    .header-banner,
    .header-banner .bd a,
    .header-banner .container { height: 170px !important; }
    .module-title { font-size: 18px !important; }
    .index-honor li { width: 100% !important; text-align: center; }
    .container, .auto { padding-left: 12px !important; padding-right: 12px !important; }
}