@charset "utf-8";
/* =============================================
   Tdyun 帮助中心(Service) 移动端响应式适配
   适用屏幕: max-width 768px
   ============================================= */

/* ===== WAP顶部导航栏（与首页一致） ===== */
.wap-topbar {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.wap-topbar-logo {
    display: flex;
    align-items: center;
}
.wap-topbar-logo img {
    height: 32px;
    width: auto;
}
.wap-topbar-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}
.wap-topbar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #333;
    text-decoration: none;
}
.wap-topbar-icon svg {
    width: 24px;
    height: 24px;
}
.wap-hamburger-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

/* --- WAP侧边栏抽屉菜单 --- */
.wap-drawer-overlay {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 9998 !important;
}
.wap-drawer-overlay.active {
    display: block !important;
}
.wap-drawer {
    position: fixed !important;
    top: 0 !important;
    right: -280px !important;
    width: 280px !important;
    height: 100vh !important;
    background: #fff !important;
    z-index: 9999 !important;
    transition: right 0.3s ease;
    overflow-y: auto;
}
.wap-drawer.active {
    right: 0 !important;
}
.wap-drawer-header {
    display: flex;
    justify-content: flex-end;
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
}
.wap-drawer-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #666;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
}
.wap-drawer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wap-drawer-menu li {
    border-bottom: 1px solid #f0f0f0;
}
.wap-drawer-menu li a {
    display: block;
    padding: 16px 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
}
.wap-drawer-menu li a:hover {
    background: #f5f7fa;
}
.wap-drawer-contact {
    padding: 16px 20px;
    color: #666;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
}
.wap-drawer-actions {
    display: flex;
    gap: 12px;
    padding: 20px;
}
.wap-drawer-btn {
    flex: 1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    -webkit-tap-highlight-color: transparent;
}
.wap-drawer-btn-primary {
    background: #00aaff;
    color: #fff;
}
.wap-drawer-btn-primary:active,
.wap-drawer-btn-primary:focus {
    background: #00aaff;
    color: #fff;
}
.wap-drawer-btn-outline {
    border: 1px solid #00aaff;
    color: #00aaff;
}
.wap-drawer-btn-outline:active,
.wap-drawer-btn-outline:focus {
    border: 1px solid #00aaff;
    color: #00aaff;
}

/* ===== WAP手机端全局样式 ===== */
body.wap-page {
    background: #f5f7fa;
}

/* 隐藏旧版顶部信息栏和导航 */
body.wap-page .toph,
body.wap-page .top {
    display: none !important;
}

/* 隐藏右侧浮动客服按钮 */
.izl-rmenu {
    display: none !important;
}

/* 桌面端隐藏 WAP 专属元素（防止 isMobile 误判时显示）
   注意：手机横屏宽度可达 812~932px（>769px），此时服务端已判定手机端（body 带 wap-page），
   必须继续显示 wap-topbar，否则横屏时 LOGO 与汉堡菜单会消失 */
@media screen and (min-width: 769px) {
    body:not(.wap-page) .wap-topbar,
    body:not(.wap-page) .wap-drawer-overlay,
    body:not(.wap-page) .wap-drawer {
        display: none !important;
    }
}

/* ===== 移动端响应式 (max-width: 768px) ===== */
@media screen and (max-width: 768px) {

    /* --- 顶部信息栏重置 --- */
    .toph {
        min-width: 100% !important;
        height: auto;
        line-height: 28px;
        padding: 4px 10px;
        box-sizing: border-box;
        font-size: 11px;
        overflow: hidden;
    }
    .toph .start {
        width: 100% !important;
        padding: 0;
    }
    .toph .txt1,
    .toph .txt2 {
        float: none;
        display: block;
        text-align: center;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
    }

    /* --- 主导航头部重置 --- */
    .top {
        min-width: 100% !important;
        height: auto;
        padding: 0;
        border-bottom: none;
    }
    .top .start .logo {
        float: none;
        width: 160px;
        margin: 0 auto;
        padding: 8px 0;
    }
    .top .start .menu {
        float: none;
        height: auto;
        text-align: center;
        padding: 0 0 10px;
    }
    .top .start .menu ul {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        text-align: center;
    }
    .top .start .menu li {
        display: inline-block;
        margin: 0 8px;
    }
    .top .start .menu li a {
        font-size: 14px;
        white-space: nowrap;
    }

    /* --- Banner --- */
    .bannerservice {
        min-width: 100% !important;
        height: 120px !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    /* --- 帮助中心主容器 --- */
    .servicebox {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 0 auto;
        background: #f5f7fa;
    }
    .service_bg {
        margin: 8px !important;
        background: transparent !important;
    }

    /* --- 左侧导航改为横向滚动标签 --- */
    .service_list {
        float: none !important;
        width: 100% !important;
        padding: 10px 0 !important;
        background: #fff;
        border-radius: 8px;
        margin-bottom: 10px;
        box-shadow: 0 2px 8px rgba(15, 40, 90, 0.05);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .service_list .txt1 {
        width: auto !important;
        padding: 0 14px !important;
        height: auto !important;
        line-height: 40px !important;
        font-size: 16px !important;
        border-bottom: 2px solid #00aaff !important;
        display: inline-block;
        white-space: nowrap;
    }
    .service_list ul {
        display: flex;
        flex-wrap: nowrap;
        padding: 8px 10px !important;
        border-bottom: none !important;
        gap: 0;
    }
    .service_list li {
        float: none;
        display: inline-block;
        flex-shrink: 0;
        height: auto !important;
        line-height: normal !important;
        list-style: none !important;
        padding: 0;
    }
    .service_list li a {
        display: inline-block;
        padding: 6px 12px;
        font-size: 13px;
        color: #555 !important;
        white-space: nowrap;
        border-radius: 16px;
        background: #f0f2f5;
        margin: 3px 4px;
    }
    .service_list li a:hover {
        background: #00aaff;
        color: #fff;
    }

    /* --- 右侧内容区全宽 --- */
    .service_conbox {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        min-height: auto !important;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(15, 40, 90, 0.05);
    }

    /* --- 客服图片区域自适应 --- */
    .service_conbox .indexkefu {
        width: 100% !important;
        height: auto !important;
        min-height: 160px;
        margin: 0 !important;
        background-size: contain !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
    }

    /* --- 文字提示区域 --- */
    .service_conbox .indextxtbox {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 16px 14px !important;
        left: auto !important;
        top: auto !important;
        box-sizing: border-box;
    }
    .service_conbox .indextxtbox .txt1 {
        padding-left: 0 !important;
        font-size: 16px !important;
        line-height: 36px !important;
        text-align: center;
    }
    .service_conbox .indextxtbox .txt3 {
        padding-left: 0 !important;
        height: auto !important;
        line-height: 24px !important;
        font-size: 13px !important;
        background: none !important;
        padding: 6px 0 !important;
        text-align: center;
    }

    /* --- 工单提示区域 --- */
    .service_conbox .indextkbox {
        padding: 16px 14px !important;
        margin-top: 0 !important;
        text-align: center;
    }
    .service_conbox .indextkbox .txt1 {
        width: 100% !important;
        height: auto !important;
        line-height: 30px !important;
        font-size: 15px !important;
        text-align: center;
    }
    .service_conbox .indextkbox .txt2 {
        width: 100% !important;
        height: auto !important;
        line-height: 24px !important;
        font-size: 13px !important;
        text-align: center;
        padding: 4px 0;
    }

    /* --- 底部Footer自适应 --- */
    .bottom {
        min-width: 100% !important;
        height: auto !important;
        padding: 15px 0;
        box-sizing: border-box;
    }
    .bottom .info {
        width: 100% !important;
        padding: 0 12px;
        box-sizing: border-box;
    }
    .info .left {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .left ul {
        float: none !important;
        /* 4组一行平铺，各占25%，文字超宽自动省略号隐藏 */
        width: 25% !important;
        box-sizing: border-box !important;
        padding: 0 8px !important;
        margin: 0 !important;
    }
    /* 第1列左边距再加大，避免贴容器左边缘 */
    .left ul:first-child {
        padding-left: 16px !important;
    }
    .left ul li {
        font-size: 12px;
        line-height: 200% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .bottom h3 {
        /* Tab表头风格：浅蓝底+蓝字加粗，超出省略号；左对齐与列内容对齐 */
        font-size: 13px !important;
        font-weight: 600;
        padding: 6px 0 !important;
        margin: 0 0 4px !important;
        color: #2b7de9 !important;
        background: #f0f6ff;
        border-radius: 4px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .info .right {
        float: none !important;
        width: 100% !important;
        text-align: center;
        padding: 15px 0;
    }
    .right .tel {
        float: none;
        font-size: 22px !important;
    }
    .right .telt {
        float: none;
        width: auto !important;
        text-align: center;
        font-size: 12px !important;
    }
    .bottom-footer {
        min-width: 100% !important;
        height: auto !important;
        padding: 10px 12px;
        box-sizing: border-box;
        font-size: 12px !important;
    }
    .footerimg {
        text-align: center;
    }
    .footerimg img {
        width: 80px;
        height: auto;
        margin: 5px;
    }

    /* --- 通知公告 marquee --- */
    .top marquee {
        font-size: 12px;
    }

    /* ===== 文章列表页 (ConDocsList.aspx) ===== */
    .hengxiang_box {
        width: 100% !important;
        overflow-x: hidden;
    }
    /* 隐藏表头 */
    .hengxiang_title {
        display: none !important;
    }
    .hengxiang_cont {
        width: 100% !important;
    }
    /* 每篇文章的 ul 改为卡片行 */
    .hengxiang_cont > ul {
        display: flex !important;
        flex-direction: column !important;
        padding: 14px 16px !important;
        margin: 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        list-style: none !important;
        background: #fff !important;
        min-height: auto !important;
        line-height: normal !important;
    }
    .hengxiang_cont > ul > li {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        box-sizing: border-box;
    }
    /* 标题列 */
    .hengxiang_cont .w220 {
        width: 100% !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        margin-bottom: 6px !important;
    }
    .hengxiang_cont .w220 a {
        display: block !important;
        color: #333 !important;
        text-decoration: none !important;
        line-height: 1.6 !important;
        word-break: break-all !important;
    }
    .hengxiang_cont .w220 a:active {
        color: #00aaff !important;
    }
    /* 隐藏 "TDYUN" 列（第2个 li） */
    .hengxiang_cont > ul > li:nth-child(2) {
        display: none !important;
    }
    /* 日期列（第3个 li） */
    .hengxiang_cont > ul > li:nth-child(3) {
        font-size: 12px !important;
        color: #999 !important;
        line-height: 1.4 !important;
    }

    /* --- 文章列表分页区域 --- */
    .hengxiang_cont table {
        width: 100% !important;
    }
    .hengxiang_cont table td {
        padding: 12px 14px !important;
        text-align: center !important;
        font-size: 13px !important;
    }
    .hengxiang_cont table a {
        color: #00aaff !important;
        font-size: 13px !important;
    }

    /* ===== 文章详情页 (ConDocsPage.aspx) ===== */
    .service_conbox > table {
        width: 100% !important;
        max-width: 100% !important;
        border: none !important;
        background: #fff !important;
        border-radius: 8px;
        overflow: hidden;
    }
    .service_conbox > table > tbody > tr > td {
        padding: 10px 14px !important;
        word-break: break-all !important;
    }
    .service_conbox > table img {
        max-width: 100% !important;
        height: auto !important;
    }
    .service_conbox .articleConten {
        font-size: 14px !important;
        line-height: 200% !important;
        word-break: break-all !important;
        overflow-x: hidden;
    }
    .service_conbox .articleConten img {
        max-width: 100% !important;
        height: auto !important;
    }
    .service_conbox .articleConten table {
        width: 100% !important;
        overflow-x: auto;
        display: block;
    }

    /* ===== 关于我们页 (aboutus.aspx) ===== */
    /* 外层灰色背景表格改为白底卡片 */
    .service_conbox > table[bgcolor="#CCCCCC"] {
        background: #fff !important;
    }
    /* 移除 600px 固定高度与 300% 行高（内联样式需 !important 覆盖） */
    .service_conbox td[height="600"] {
        height: auto !important;
        line-height: 1.9 !important;
        font-size: 14px !important;
    }
    /* 公司信息区行高压缩（内联 line-height:40px） */
    .service_conbox .btdleft div {
        line-height: 30px !important;
        word-break: break-all;
        overflow-wrap: break-word;
    }
    /* 内容区段落与长文本换行 */
    .service_conbox td[height="600"] p,
    .service_conbox td[height="600"] font {
        word-break: break-word;
        overflow-wrap: break-word;
    }
    /* 分隔线表格保持轻量 */
    .service_conbox td[height="600"] table {
        width: 100% !important;
    }

    /* ===== 公司资质页 (zizhi.aspx) ===== */
    /* 资质表格整体转为纵向堆叠，证书图上下排列 */
    .service_conbox .zz-table,
    .service_conbox .zz-table tbody,
    .service_conbox .zz-table tr,
    .service_conbox .zz-table td {
        display: block !important;
        width: 100% !important;
    }
    .service_conbox .zz-table td {
        height: auto !important;
        padding: 12px 0 !important;
        text-align: center;
    }
    .service_conbox .zz-table img {
        max-width: 100% !important;
        height: auto !important;
    }
    .service_conbox .zz-table strong {
        display: block;
        font-size: 14px;
        line-height: 1.8;
        padding-top: 6px;
        word-break: break-word;
    }
}

/* =============================================
   渠道合作页 (Partner.aspx) 现代化样式
   ============================================= */

/* --- Hero Banner --- */
.pt-hero {
    position: relative;
    width: 100%;
    min-height: 340px;
    background: linear-gradient(135deg, #0063b4 0%, #00aaff 50%, #50c6f6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.pt-hero-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url(/images/agent02.jpg) no-repeat center;
    background-size: cover;
    opacity: 0.15;
}
.pt-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 50px 20px;
    color: #fff;
}
.pt-hero-content h1 {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 12px;
    letter-spacing: 2px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.pt-hero-content > p {
    font-size: 16px;
    margin: 0 0 36px;
    opacity: 0.9;
    letter-spacing: 1px;
}
.pt-hero-stats {
    display: flex;
    justify-content: center;
    gap: 48px;
}
.pt-hero-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pt-stat-num {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}
.pt-stat-label {
    font-size: 13px;
    opacity: 0.85;
    margin-top: 4px;
}

/* --- 通用 Section --- */
.pt-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 20px;
}
.pt-section-gray {
    background: #f8fafc;
    max-width: 100%;
    margin: 0;
}
.pt-section-gray > .pt-section-header,
.pt-section-gray > .pt-tiers,
.pt-section-gray > .pt-tier-note,
.pt-section-gray > .pt-requirements {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.pt-section-header {
    text-align: center;
    margin-bottom: 40px;
}
.pt-section-header h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a2332;
    margin: 0 0 10px;
    position: relative;
    display: inline-block;
}
.pt-section-header h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, #00aaff, #50c6f6);
    border-radius: 2px;
    margin: 10px auto 0;
}
.pt-section-header p {
    font-size: 15px;
    color: #6b7b8d;
    margin: 0;
}

/* --- 加盟流程 Steps --- */
.pt-steps {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
}
.pt-step {
    flex: 1;
    max-width: 220px;
    text-align: center;
    padding: 0 16px;
    position: relative;
}
.pt-step-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    transition: transform 0.3s, box-shadow 0.3s;
}
.pt-step:hover .pt-step-icon {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
.pt-step-num {
    font-size: 12px;
    font-weight: 700;
    color: #00aaff;
    letter-spacing: 1px;
    margin-bottom: 6px;
}
.pt-step-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a2332;
    margin-bottom: 6px;
}
.pt-step-desc {
    font-size: 13px;
    color: #6b7b8d;
    line-height: 1.5;
}
.pt-step-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #c0c8d0;
    padding-top: 28px;
    flex-shrink: 0;
    width: 40px;
}

/* --- 代理等级卡片 Tiers --- */
.pt-tiers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.pt-tier {
    background: #fff;
    border-radius: 12px;
    padding: 30px 24px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 2px solid transparent;
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    overflow: hidden;
}
.pt-tier:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.1);
}
.pt-tier-badge {
    display: inline-block;
    padding: 4px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    letter-spacing: 1px;
}
.pt-tier-price {
    font-size: 36px;
    font-weight: 700;
    color: #1a2332;
    line-height: 1.2;
    margin-bottom: 6px;
}
.pt-tier-currency {
    font-size: 20px;
    vertical-align: top;
    margin-right: 2px;
}
.pt-tier-unit {
    font-size: 13px;
    font-weight: 400;
    color: #6b7b8d;
    margin-left: 4px;
}
.pt-tier-alt {
    font-size: 13px;
    color: #999;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}
.pt-tier-features {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.pt-tier-features li {
    padding: 6px 0;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
}
.pt-tier-features li::before {
    content: '✓';
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 8px;
    flex-shrink: 0;
}

/* Tier color variants */
.pt-tier-bronze .pt-tier-badge { background: #f5e6d3; color: #b87333; }
.pt-tier-bronze { border-color: #f5e6d3; }
.pt-tier-bronze .pt-tier-features li::before { background: #f5e6d3; color: #b87333; }

.pt-tier-silver .pt-tier-badge { background: #e8ecf0; color: #7a8a99; }
.pt-tier-silver { border-color: #e8ecf0; }
.pt-tier-silver .pt-tier-features li::before { background: #e8ecf0; color: #7a8a99; }

.pt-tier-gold .pt-tier-badge { background: #fff3d6; color: #d4a017; }
.pt-tier-gold { border-color: #fff3d6; }
.pt-tier-gold .pt-tier-features li::before { background: #fff3d6; color: #d4a017; }

.pt-tier-platinum .pt-tier-badge { background: #e8e0f0; color: #7b5ea7; }
.pt-tier-platinum { border-color: #e8e0f0; }
.pt-tier-platinum .pt-tier-features li::before { background: #e8e0f0; color: #7b5ea7; }

.pt-tier-diamond .pt-tier-badge { background: #d6eef8; color: #1a8fc4; }
.pt-tier-diamond { border-color: #d6eef8; }
.pt-tier-diamond .pt-tier-features li::before { background: #d6eef8; color: #1a8fc4; }

.pt-tier-partner .pt-tier-badge { background: linear-gradient(135deg, #ffd700, #ff8c00); color: #fff; }
.pt-tier-partner { border-color: #ffd700; box-shadow: 0 4px 20px rgba(255,215,0,0.15); }
.pt-tier-partner .pt-tier-features li::before { background: linear-gradient(135deg, #ffd700, #ff8c00); color: #fff; }

.pt-tier-note {
    text-align: center;
    margin-top: 24px;
    font-size: 14px;
    color: #6b7b8d;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* --- CTA 联系客服 --- */
.pt-cta {
    background: linear-gradient(135deg, #0063b4, #00aaff);
    padding: 40px 20px;
}
.pt-cta-inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.pt-cta-icon {
    margin-bottom: 12px;
}
.pt-cta h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #fff;
}
.pt-cta p {
    font-size: 15px;
    margin: 0;
    opacity: 0.9;
}
.pt-cta p strong {
    font-size: 18px;
    letter-spacing: 1px;
}

/* --- 代理平台功能 Features --- */
.pt-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.pt-feature {
    background: #fff;
    border-radius: 12px;
    padding: 28px 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    transition: transform 0.3s, box-shadow 0.3s;
}
.pt-feature:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}
.pt-feature-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.pt-fi-blue { background: #e8f4fd; }
.pt-fi-orange { background: #fff3e6; }
.pt-fi-green { background: #e6f9f0; }
.pt-fi-purple { background: #f3e8f9; }
.pt-fi-cyan { background: #e6f7fa; }
.pt-fi-red { background: #fde8e8; }
.pt-feature h4 {
    font-size: 16px;
    font-weight: 600;
    color: #1a2332;
    margin: 0 0 8px;
}
.pt-feature p {
    font-size: 13px;
    color: #6b7b8d;
    line-height: 1.6;
    margin: 0;
}
.pt-feature-note {
    text-align: center;
    margin-top: 32px;
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}
.pt-feature-note p {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    margin: 0 0 16px;
}
.pt-btn-outline {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid #00aaff;
    color: #00aaff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s;
}
.pt-btn-outline:hover {
    background: #00aaff;
    color: #fff;
}

/* --- 加盟条件 Requirements --- */
.pt-requirements {
    max-width: 800px;
    margin: 0 auto;
}
.pt-req {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.04);
    transition: transform 0.2s, box-shadow 0.2s;
}
.pt-req:hover {
    transform: translateX(4px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.pt-req-icon {
    flex-shrink: 0;
    margin-top: 2px;
}
.pt-req span {
    font-size: 14px;
    color: #444;
    line-height: 1.7;
}

/* ===== 渠道合作页移动端适配 ===== */
@media screen and (max-width: 768px) {
    .pt-hero {
        min-height: 260px;
    }
    .pt-hero-content {
        padding: 36px 16px;
    }
    .pt-hero-content h1 {
        font-size: 26px;
    }
    .pt-hero-content > p {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .pt-hero-stats {
        gap: 24px;
    }
    .pt-stat-num {
        font-size: 24px;
    }
    .pt-stat-label {
        font-size: 11px;
    }
    .pt-section {
        padding: 32px 16px;
    }
    .pt-section-header {
        margin-bottom: 24px;
    }
    .pt-section-header h2 {
        font-size: 22px;
    }
    .pt-section-header p {
        font-size: 13px;
    }

    /* Steps mobile */
    .pt-steps {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .pt-step {
        max-width: 100%;
        width: 100%;
        padding: 12px 0;
    }
    .pt-step-arrow {
        width: auto;
        padding: 4px 0;
        font-size: 20px;
        transform: rotate(90deg);
    }
    .pt-step-icon {
        width: 64px;
        height: 64px;
    }
    .pt-step-icon svg {
        width: 36px;
        height: 36px;
    }

    /* Tiers mobile */
    .pt-tiers {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .pt-tier {
        padding: 20px 16px;
    }
    .pt-tier-price {
        font-size: 28px;
    }

    /* Features mobile */
    .pt-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .pt-feature {
        padding: 20px 16px;
    }
    .pt-feature-icon {
        width: 48px;
        height: 48px;
    }
    .pt-feature-icon svg {
        width: 28px;
        height: 28px;
    }
    .pt-feature h4 {
        font-size: 15px;
    }
    .pt-feature p {
        font-size: 12px;
    }

    /* Requirements mobile */
    .pt-req {
        padding: 14px 16px;
        gap: 10px;
    }
    .pt-req span {
        font-size: 13px;
    }

    /* CTA mobile */
    .pt-cta {
        padding: 32px 16px;
    }
    .pt-cta h3 {
        font-size: 18px;
    }
    .pt-cta p {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .pt-hero {
        min-height: 220px;
    }
    .pt-hero-content h1 {
        font-size: 22px;
    }
    .pt-hero-stats {
        gap: 16px;
    }
    .pt-stat-num {
        font-size: 20px;
    }
    .pt-tiers {
        grid-template-columns: 1fr;
    }
    .pt-tier-price {
        font-size: 30px;
    }
    .pt-features {
        grid-template-columns: repeat(2, 1fr);
    }
    .pt-section-header h2 {
        font-size: 20px;
    }
}

/* ===== 超小屏幕适配 (max-width: 480px) ===== */
@media screen and (max-width: 480px) {
    .bannerservice {
        height: 90px !important;
    }
    .service_list li a {
        font-size: 12px;
        padding: 5px 10px;
    }
    .service_conbox .indextxtbox .txt1 {
        font-size: 15px !important;
    }
    .service_conbox .indextkbox .txt1 {
        font-size: 14px !important;
    }
}

/* =============================================
   学习教程 (Study) 移动端响应式适配
   ============================================= */

/* --- WAP页面基础 --- */
body.wap-page .divMobiCenter {
    min-width: 100% !important;
}

/* --- 学习教程顶部Banner --- */
body.wap-page .topInfoWrap {
    min-width: 100% !important;
    height: 80px !important;
    background-size: cover !important;
    background-position: center !important;
}
body.wap-page .topInfoWrap .topInfo {
    width: 100% !important;
    padding: 0 16px;
    box-sizing: border-box;
}
body.wap-page .topInfoWrap .topInfo h1 {
    font-size: 22px !important;
    line-height: 80px !important;
}

/* --- 文章详情页顶部Banner --- */
body.wap-page .topInfoWrapCont {
    min-width: 100% !important;
    height: 50px !important;
    background-size: cover !important;
    background-position: center !important;
}

/* --- 学习教程主容器（列表页 themebox / 详情页 servicebox）--- */
body.wap-page .themebox,
body.wap-page .servicebox {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 auto;
    background: #f5f7fa;
}

/* --- 内容区 theme_conbox --- */
body.wap-page .theme_conbox {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    min-height: auto !important;
}

/* --- 面包屑导航 --- */
body.wap-page .theme_conbox .breadcrumb {
    padding: 12px 14px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}
body.wap-page .theme_conbox .breadcrumb .breadcrumbItem {
    font-size: 12px !important;
}

/* --- 文章详情页标题（内联 span 18px 过大）--- */
body.wap-page .theme_box table td span[style*="font-size:18px"],
body.wap-page .theme_box table td b {
    font-size: 16px !important;
    display: block;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

/* --- 分类字母索引 (横向滚动) --- */
body.wap-page .letterIndexWrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    padding: 12px 14px !important;
    white-space: nowrap;
}
body.wap-page .letterStudy {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    padding: 0 14px !important;
    line-height: 32px !important;
    font-size: 13px !important;
    margin-right: 8px !important;
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

/* --- 关键词标签列表 --- */
body.wap-page .keywordsWrap {
    padding: 14px !important;
}
body.wap-page .keywordsWrap .keyword {
    width: 50% !important;
    font-size: 13px !important;
    line-height: 200% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

/* --- 文章列表内容区 theme_box --- */
body.wap-page .theme_conbox .theme_box {
    width: 100% !important;
    max-width: 100% !important;
}

/* --- 文章列表 Repeater 链接样式 --- */
body.wap-page .theme_box .keyword a {
    font-size: 14px !important;
    line-height: 200% !important;
    word-break: break-all !important;
}

/* --- 学习教程分页表格 --- */
body.wap-page .theme_box table {
    width: 100% !important;
}
body.wap-page .theme_box table td {
    padding: 10px 14px !important;
    text-align: center !important;
    font-size: 13px !important;
}
body.wap-page .theme_box table a {
    color: #00aaff !important;
    font-size: 13px !important;
}

/* --- 文章详情页内容表格 --- */
body.wap-page .theme_box table {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    background: #fff !important;
    border-radius: 8px;
    overflow: hidden;
    table-layout: fixed !important;
}
body.wap-page .theme_box table td {
    padding: 10px 14px !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}
body.wap-page .theme_box table img {
    max-width: 100% !important;
    height: auto !important;
}

/* --- 文章详情页文章内容 --- */
body.wap-page .theme_box .articleConten {
    font-size: 14px !important;
    line-height: 200% !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    overflow-x: hidden;
    padding: 0 4px;
}
body.wap-page .theme_box .articleConten img {
    max-width: 100% !important;
    height: auto !important;
}
body.wap-page .theme_box .articleConten table {
    width: 100% !important;
    overflow-x: auto;
    display: block;
    table-layout: fixed !important;
}

/* --- 学习教程首页分类标题 (Default.aspx h3) --- */
body.wap-page .theme_box h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 14px 14px 8px !important;
    margin: 0 !important;
    color: #1a2332 !important;
}
body.wap-page .theme_box h3 a {
    color: #1a2332 !important;
    text-decoration: none !important;
}

/* --- 隐藏旧版顶部信息栏 --- */
body.wap-page .toph,
body.wap-page .top {
    display: none !important;
}

/* --- 学习教程移动端超小屏 --- */
@media screen and (max-width: 480px) {
    body.wap-page .topInfoWrap .topInfo h1 {
        font-size: 18px !important;
    }
    body.wap-page .keywordsWrap .keyword {
        width: 100% !important;
    }
    body.wap-page .letterStudy {
        font-size: 12px !important;
        padding: 0 10px !important;
    }
}

/* =============================================
   代理商网站系统使用说明书 (PartnerDoc.aspx) 样式
   ============================================= */

/* --- 整体布局 --- */
.pdoc-wrapper {
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: #f8fafc;
}

/* --- Hero 顶部 --- */
.pdoc-hero {
    background: linear-gradient(135deg, #0063b4 0%, #00aaff 60%, #50c6f6 100%);
    padding: 40px 20px 36px;
}
.pdoc-hero-inner {
    max-width: 900px;
    margin: 0 auto;
}
.pdoc-breadcrumb {
    font-size: 13px;
    margin-bottom: 14px;
    opacity: 0.8;
}
.pdoc-breadcrumb a {
    color: #fff;
    text-decoration: none;
}
.pdoc-breadcrumb a:hover {
    text-decoration: underline;
}
.pdoc-breadcrumb span {
    margin: 0 6px;
    opacity: 0.6;
}
.pdoc-hero h1 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 12px;
    letter-spacing: 1px;
}
.pdoc-meta {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* --- 目录导航条 --- */
.pdoc-toc-bar {
    background: #fff;
    border-bottom: 1px solid #e8ecf0;
    padding: 12px 20px;
    position: sticky;
    top: 0;
    z-index: 50;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.pdoc-toc-inner {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
.pdoc-toc-label {
    font-size: 13px;
    color: #6b7b8d;
    font-weight: 600;
    margin-right: 4px;
    flex-shrink: 0;
}
.pdoc-toc-link {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    color: #555;
    text-decoration: none;
    border-radius: 14px;
    background: #f0f2f5;
    transition: all 0.2s;
    white-space: nowrap;
}
.pdoc-toc-link:hover,
.pdoc-toc-link.active {
    background: #00aaff;
    color: #fff;
}

/* --- 正文容器 --- */
.pdoc-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px 20px 40px;
}

/* --- 章节 --- */
.pdoc-section {
    background: #fff;
    border-radius: 12px;
    padding: 32px 36px;
    margin-bottom: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.pdoc-section h2 {
    font-size: 22px;
    font-weight: 700;
    color: #1a2332;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid #f0f2f5;
    display: flex;
    align-items: center;
    gap: 12px;
}
.pdoc-chapter-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #00aaff, #50c6f6);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    flex-shrink: 0;
}
.pdoc-section h3 {
    font-size: 17px;
    font-weight: 600;
    color: #1a2332;
    margin: 24px 0 12px;
}
.pdoc-body > p {
    font-size: 14px;
    color: #444;
    line-height: 1.9;
    margin: 0 0 14px;
}

/* --- 高亮信息框 --- */
.pdoc-highlight {
    background: #f0f9ff;
    border-left: 4px solid #00aaff;
    border-radius: 0 8px 8px 0;
    padding: 20px 24px;
    margin: 16px 0;
}
.pdoc-highlight h4 {
    font-size: 15px;
    font-weight: 600;
    color: #0063b4;
    margin: 0 0 10px;
}
.pdoc-highlight ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pdoc-highlight ul li {
    font-size: 14px;
    color: #444;
    line-height: 1.8;
    padding: 4px 0;
    padding-left: 18px;
    position: relative;
}
.pdoc-highlight ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00aaff;
}

/* --- 提示框 --- */
.pdoc-callout {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 20px;
    border-radius: 8px;
    margin: 16px 0;
    font-size: 14px;
    line-height: 1.7;
    color: #444;
}
.pdoc-callout svg {
    flex-shrink: 0;
    margin-top: 3px;
}
.pdoc-callout:nth-of-type(3n+1) {
    background: #fff8ed;
    border: 1px solid #ffe4b8;
}
.pdoc-callout:nth-of-type(3n+2) {
    background: #edf9ff;
    border: 1px solid #b8e4ff;
}
.pdoc-callout:nth-of-type(3n) {
    background: #edfff4;
    border: 1px solid #b8f0d0;
}

/* --- 两列网格 --- */
.pdoc-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 16px 0;
}
.pdoc-info-card {
    background: #fff;
    border: 1px solid #e8ecf0;
    border-radius: 10px;
    padding: 24px 20px;
}
.pdoc-info-icon {
    margin-bottom: 12px;
}
.pdoc-info-card h4 {
    font-size: 15px;
    font-weight: 600;
    color: #1a2332;
    margin: 0 0 10px;
}
.pdoc-info-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pdoc-info-card ul li {
    font-size: 13px;
    color: #555;
    line-height: 1.8;
    padding: 2px 0 2px 16px;
    position: relative;
}
.pdoc-info-card ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c0c8d0;
}

/* --- 迷你步骤条 --- */
.pdoc-steps-mini {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 16px 0;
    flex-wrap: wrap;
}
.pdoc-step-mini {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #f8fafc;
    border-radius: 8px;
    font-size: 14px;
    color: #444;
}
.pdoc-step-mini-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #00aaff;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}
.pdoc-steps-mini .pdoc-step-mini + .pdoc-step-mini::before {
    content: '\2192';
    display: block;
    margin-right: 8px;
    color: #c0c8d0;
    font-size: 16px;
}

/* --- 有序列表 --- */
.pdoc-ordered-list {
    margin: 12px 0;
    padding: 0;
    list-style: none;
    counter-reset: pdoc-ol;
}
.pdoc-ordered-list li {
    counter-increment: pdoc-ol;
    padding: 8px 0 8px 36px;
    font-size: 14px;
    color: #444;
    line-height: 1.7;
    position: relative;
}
.pdoc-ordered-list li::before {
    content: counter(pdoc-ol);
    position: absolute;
    left: 0;
    top: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e8f4fd;
    color: #00aaff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* --- 功能列表 --- */
.pdoc-feature-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 14px 0;
}
.pdoc-feature-item {
    background: #f8fafc;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #eef1f5;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.pdoc-feature-item:hover {
    border-color: #00aaff;
    box-shadow: 0 4px 16px rgba(0,170,255,0.08);
}
.pdoc-feature-item h4 {
    font-size: 15px;
    font-weight: 600;
    color: #1a2332;
    margin: 0 0 6px;
}
.pdoc-feature-item p {
    font-size: 13px;
    color: #6b7b8d;
    line-height: 1.7;
    margin: 0;
}

/* --- 产品标签 --- */
.pdoc-product-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 14px 0;
}
.pdoc-product-tag {
    display: inline-block;
    padding: 8px 18px;
    background: #e8f4fd;
    color: #0063b4;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s;
}
.pdoc-product-tag:hover {
    background: #00aaff;
    color: #fff;
}

/* --- FAQ 列表 --- */
.pdoc-faq-list {
    margin: 14px 0;
}
.pdoc-faq-item {
    padding: 18px 0;
    border-bottom: 1px solid #f0f2f5;
}
.pdoc-faq-item:last-child {
    border-bottom: none;
}
.pdoc-faq-item h4 {
    font-size: 15px;
    font-weight: 600;
    color: #1a2332;
    margin: 0 0 8px;
}
.pdoc-faq-item p {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    margin: 0;
}
.pdoc-faq-item a {
    color: #00aaff;
    text-decoration: none;
}
.pdoc-faq-item a:hover {
    text-decoration: underline;
}

/* --- 底部联系 CTA --- */
.pdoc-footer-cta {
    background: #fff;
    border-radius: 12px;
    padding: 36px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    margin-bottom: 20px;
}
.pdoc-footer-cta h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1a2332;
    margin: 0 0 8px;
}
.pdoc-footer-cta > p {
    font-size: 14px;
    color: #6b7b8d;
    margin: 0 0 20px;
}
.pdoc-footer-btns {
    display: flex;
    justify-content: center;
    gap: 12px;
}
.pdoc-fbtn-primary {
    display: inline-block;
    padding: 10px 28px;
    background: #00aaff;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.2s;
}
.pdoc-fbtn-primary:hover {
    background: #0090dd;
}
.pdoc-fbtn-outline {
    display: inline-block;
    padding: 10px 28px;
    border: 1px solid #d0d5dd;
    color: #555;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s;
}
.pdoc-fbtn-outline:hover {
    border-color: #00aaff;
    color: #00aaff;
}

/* ===== 说明书页面移动端适配 ===== */
@media screen and (max-width: 768px) {
    .pdoc-hero {
        padding: 28px 16px 24px;
    }
    .pdoc-hero h1 {
        font-size: 22px;
    }
    .pdoc-meta {
        font-size: 12px;
    }
    .pdoc-toc-bar {
        padding: 10px 12px;
    }
    .pdoc-toc-label {
        display: none;
    }
    .pdoc-toc-link {
        font-size: 11px;
        padding: 3px 8px;
    }
    .pdoc-content {
        padding: 16px 12px 32px;
    }
    .pdoc-section {
        padding: 20px 18px;
        border-radius: 10px;
    }
    .pdoc-section h2 {
        font-size: 18px;
    }
    .pdoc-chapter-num {
        width: 32px;
        height: 32px;
        font-size: 14px;
        border-radius: 8px;
    }
    .pdoc-grid-2 {
        grid-template-columns: 1fr;
    }
    .pdoc-feature-list {
        grid-template-columns: 1fr;
    }
    .pdoc-steps-mini {
        flex-direction: column;
        align-items: stretch;
    }
    .pdoc-steps-mini .pdoc-step-mini + .pdoc-step-mini::before {
        display: none;
    }
    .pdoc-highlight {
        padding: 16px 18px;
    }
    .pdoc-footer-cta {
        padding: 24px 18px;
    }
    .pdoc-footer-btns {
        flex-direction: column;
        gap: 8px;
    }
    .pdoc-fbtn-primary,
    .pdoc-fbtn-outline {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .pdoc-hero h1 {
        font-size: 20px;
    }
    .pdoc-section h2 {
        font-size: 17px;
        gap: 8px;
    }
    .pdoc-section {
        padding: 16px 14px;
    }
    .pdoc-body > p {
        font-size: 13px;
    }
    .pdoc-toc-link {
        font-size: 11px;
        padding: 3px 6px;
    }
}

/* =============================================
   网站模板 (Diywebsite) 移动端响应式适配
   ============================================= */

/* --- WAP页面基础布局重置 --- */
body.wap-page #wrap {
    width: 100% !important;
}
body.wap-page .divMobiCenter {
    min-width: 100% !important;
    width: 100% !important;
}

/* --- 模板列表页 (Default.aspx) --- */
/* 外层固定宽度容器重置 */
body.wap-page #main > div[style*="980"],
body.wap-page #main > div[style*="width: 980"] {
    width: 100% !important;
    margin: 0 !important;
}

/* 隐藏左侧导航 */
body.wap-page #MainContentDIV {
    display: none !important;
}

/* 右侧内容区全宽 */
body.wap-page .pweb_right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 隐藏桌面端Banner图片 */
body.wap-page .pweb_right > img {
    display: none !important;
}

/* 模板搜索区域重置 */
body.wap-page .pweb_right .website {
    padding: 0 12px !important;
}
/* 注册提示行 - 紧凑居中 */
body.wap-page .pweb_right .website > .fr {
    float: none !important;
    display: block !important;
    margin: 0 0 8px 0 !important;
    text-align: center;
    line-height: 1.6 !important;
    font-size: 12px !important;
    color: #666 !important;
}
body.wap-page .pweb_right .website > .fr .zhuce_a {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px !important;
    color: #00aaff !important;
}
/* 搜索标签 - 与搜索框同行 */
body.wap-page .pweb_right .website > font {
    display: inline-block !important;
    text-align: left;
    margin: 0 8px 0 0 !important;
    font-size: 13px !important;
    vertical-align: middle;
    line-height: 32px;
}
body.wap-page .pweb_right .website > font + br {
    display: none;
}

/* 搜索框和按钮 - 同行排列 */
body.wap-page .pweb_right .website input[type="text"] {
    display: inline-block !important;
    width: 55% !important;
    max-width: 220px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    height: 32px !important;
    vertical-align: middle;
    border-radius: 4px 0 0 4px;
    border: 1px solid #ddd !important;
    padding: 0 8px !important;
}
body.wap-page .pweb_right .website input[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    min-width: 60px !important;
    padding: 0 14px !important;
    height: 32px !important;
    font-size: 13px !important;
    vertical-align: middle;
    border-radius: 0 4px 4px 0;
    background: #00aaff !important;
    border: 1px solid #00aaff !important;
    margin-left: -1px;
}

/* 模板卡片网格 - 2列布局 */
body.wap-page .pweb {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    padding: 10px 8px !important;
    box-sizing: border-box !important;
}
body.wap-page .pweb_c {
    float: none !important;
    display: block !important;
    width: 48% !important;
    max-width: 48% !important;
    margin-bottom: 16px !important;
    text-align: center;
    box-sizing: border-box !important;
}
body.wap-page .pweb_img {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}
body.wap-page .pweb_img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
body.wap-page .pweb_img a {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    display: block !important;
}
body.wap-page .pweb_tname {
    width: auto !important;
    max-width: 100% !important;
    margin: 8px 4px !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 6px 4px !important;
    word-break: break-all !important;
}
body.wap-page .pweb_int {
    font-size: 12px !important;
    line-height: 22px !important;
    margin-left: 4px !important;
    padding-left: 0 !important;
    word-break: break-all !important;
}
body.wap-page .pweb_int a {
    width: auto !important;
    padding: 2px 10px !important;
    margin: 2px 2px !important;
    font-size: 12px !important;
}

/* 分页区域自适应 */
body.wap-page .page {
    font-size: 12px !important;
    line-height: 28px !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}
body.wap-page .page a {
    font-size: 12px !important;
    padding: 2px 5px !important;
    margin: 1px !important;
}

/* --- 模板详情页 (ConDiywebsitePage.aspx) --- */
/* 外层固定宽度容器重置 */
body.wap-page #main[style*="980"],
body.wap-page #Div1[style*="980"] {
    width: 100% !important;
    margin: 0 !important;
}

/* 隐藏详情页左侧导航 */
body.wap-page #Div1 > #MainContentDIV,
body.wap-page #Div1 > div > #MainContentDIV {
    display: none !important;
}

/* 产品图片+详情区域重置 */
body.wap-page .proContent ~ div > div[style*="760"],
body.wap-page div[style*="padding-top:20"][style*="760"] {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* 产品截图图片 */
body.wap-page div[style*="padding-top:20"] img {
    max-width: 100% !important;
    height: auto !important;
}

/* 产品截图外层容器 */
body.wap-page div[style*="254"][style*="float:left"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 12px !important;
    box-sizing: border-box !important;
}

/* 产品详情文字区域 */
body.wap-page div[style*="448"][style*="text-align:left"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    text-align: left !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
}
body.wap-page div[style*="448"] div[style*="margin-left:18"] {
    margin-left: 0 !important;
}
body.wap-page div[style*="448"] div[style*="font-size:16"] {
    font-size: 15px !important;
    word-break: break-all !important;
}

/* 产品按钮区域 */
body.wap-page .mybtn {
    display: inline-block !important;
    margin: 4px !important;
    font-size: 13px !important;
}

/* 产品信息表格区域 */
body.wap-page .proContent {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
body.wap-page .Vhost_Table_Info_Box {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
body.wap-page .Vhost_Table_Info_Box table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}
body.wap-page .Vhost_Table_Info_Box table tr td {
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding: 6px 4px !important;
}
body.wap-page .Vhost_Table_Info_Box table img {
    max-width: 14px !important;
    height: auto !important;
}

/* 表格内链接样式 */
body.wap-page .Vhost_Table_Info_Box table tr td a {
    background: none !important;
    color: #00aaff !important;
    font-size: 12px !important;
}

/* 提示信息区域 */
body.wap-page .proinfoBox {
    width: 100% !important;
    max-width: 100% !important;
}
body.wap-page .proinfoBox .tishi {
    font-size: 12px !important;
    line-height: 1.8 !important;
    padding: 0 12px !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

/* --- Diywebsite 移动端小屏适配 --- */
@media screen and (max-width: 480px) {
    body.wap-page .pweb_int a {
        padding: 4px 8px !important;
        margin: 2px 1px !important;
        font-size: 11px !important;
    }
    body.wap-page .Vhost_Table_Info_Box table tr td {
        font-size: 11px !important;
        padding: 4px 3px !important;
    }
}

/* =============================================
   SSL证书页 (ssl.aspx) 移动端响应式适配
   ============================================= */

/* --- WAP基础布局重置（覆盖ssl.css桌面端约束） --- */
body.wap-page {
    min-width: 100% !important;
}
body.wap-page #wrap {
    width: 100% !important;
    min-width: 100% !important;
}
body.wap-page .divMobiCenter {
    width: 100% !important;
    min-width: 100% !important;
}

/* --- SSL容器重置 --- */
body.wap-page .auto {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* --- SSL Banner轮播 --- */
body.wap-page .fullSlidevps {
    height: 140px !important;
    min-width: 100% !important;
}
body.wap-page .fullSlidevps .bd ul,
body.wap-page .fullSlidevps .bd li,
body.wap-page .fullSlidevps .bd li a {
    height: 140px !important;
}
body.wap-page .fullSlidevps .bd li {
    background-size: cover !important;
    background-position: center !important;
}

/* --- 模块标题 --- */
body.wap-page .module-title {
    font-size: 20px !important;
    padding: 30px 14px 20px !important;
}
body.wap-page .module {
    padding-bottom: 30px !important;
}

/* --- 推荐套餐卡片 --- */
body.wap-page .server-pkg-list {
    margin-left: 0 !important;
    padding: 0 12px !important;
}
body.wap-page .server-pkg-list .server-pkg-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 16px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    border-radius: 8px !important;
}
body.wap-page .server-pkg-list .server-pkg-top {
    padding: 16px 16px 0 !important;
    height: auto !important;
    background-size: 60px auto !important;
}
body.wap-page .server-pkg-list .server-pkg-title {
    font-size: 18px !important;
    margin-bottom: 6px !important;
}
body.wap-page .server-pkg-list .server-pkg-brief {
    font-size: 13px !important;
}
body.wap-page .server-pkg-list .server-pkg-box {
    padding: 16px !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
body.wap-page .server-pkg-list .server-pkg-config {
    white-space: normal !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}
body.wap-page .server-pkg-list .pkg-config-item {
    width: 100% !important;
    margin-right: 0 !important;
}
body.wap-page .package-info {
    width: 100% !important;
}
body.wap-page .item-info {
    line-height: 22px !important;
    font-size: 13px !important;
}
body.wap-page .item-info .item-name {
    width: 80px !important;
    font-size: 13px !important;
}
body.wap-page .server-pkg-list .pkg-price-row {
    font-size: 12px !important;
    text-align: center !important;
}
body.wap-page .server-pkg-list .pkg-price {
    font-size: 24px !important;
}
body.wap-page .server-pkg-list .market-price {
    margin: 4px 0 10px !important;
}
body.wap-page .server-pkg-list .pkg-buy-button a {
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 15px !important;
    border-radius: 6px !important;
}
body.wap-page .tac {
    width: 100% !important;
}

/* --- 证书类型对比表格 --- */
body.wap-page .param-block {
    padding: 0 12px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
body.wap-page .ssl-table {
    min-width: 600px !important;
}
body.wap-page table.table-info tr td {
    font-size: 12px !important;
    height: auto !important;
    padding: 8px 4px !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}
body.wap-page table.table-info tr td:first-child {
    width: 80px !important;
    min-width: 80px !important;
    font-size: 12px !important;
}
body.wap-page table.table-info tr td:not(:first-child):nth-child(odd) {
    width: auto !important;
    min-width: 100px !important;
}
body.wap-page table.table-info tr td:not(:first-child):nth-child(even) {
    width: 8px !important;
    min-width: 8px !important;
}
body.wap-page table.table-info.table-tr-first-50px tr:first-child td {
    height: 36px !important;
    font-size: 12px !important;
}
body.wap-page .domain-input,
body.wap-page .domain-input-green {
    width: 120px !important;
    height: 24px !important;
    background-size: contain !important;
    margin: 0 auto !important;
}
body.wap-page .domain-input-info {
    font-size: 11px !important;
}
body.wap-page .param-shadow-list {
    display: none !important;
}
body.wap-page .pkg-buy-button a {
    width: 100% !important;
    height: 34px !important;
    line-height: 34px !important;
    font-size: 13px !important;
}

/* --- 特点优势 --- */
body.wap-page .advantage-list {
    margin-left: 0 !important;
    padding: 0 12px !important;
}
body.wap-page .advantage-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 14px !important;
    padding: 20px 16px !important;
    flex-direction: column !important;
    text-align: center !important;
    background-size: 60px auto !important;
}
body.wap-page .advantage-icon {
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto 12px !important;
}
body.wap-page .advantage-title {
    font-size: 16px !important;
}
body.wap-page .advantage-subtitle {
    font-size: 13px !important;
    margin-bottom: 10px !important;
}
body.wap-page .advantage-desc {
    font-size: 13px !important;
    line-height: 1.7 !important;
    text-align: justify !important;
}
body.wap-page .advantage-module {
    padding-bottom: 30px !important;
}

/* --- SSL页移动端小屏 --- */
@media screen and (max-width: 480px) {
    body.wap-page .fullSlidevps {
        height: 110px !important;
    }
    body.wap-page .fullSlidevps .bd ul,
    body.wap-page .fullSlidevps .bd li,
    body.wap-page .fullSlidevps .bd li a {
        height: 110px !important;
    }
    body.wap-page .module-title {
        font-size: 18px !important;
        padding: 20px 12px 14px !important;
    }
    body.wap-page .server-pkg-list .server-pkg-title {
        font-size: 16px !important;
    }
    body.wap-page .server-pkg-list .pkg-price {
        font-size: 22px !important;
    }
    body.wap-page .item-info .item-name {
        width: 72px !important;
    }
    body.wap-page table.table-info tr td {
        font-size: 11px !important;
        padding: 6px 3px !important;
    }
    body.wap-page .advantage-item {
        padding: 16px 12px !important;
    }
}

/* =============================================
   云虚拟主机页 (Host/Default.aspx) 移动端响应式适配
   ============================================= */

/* --- Banner 轮播区域 --- */
body.wap-page .fullSlidevps {
    min-width: 100% !important;
}
body.wap-page .fullSlidevps .bd {
    min-width: 100% !important;
}
body.wap-page .fullSlidevps .bd ul li {
    min-width: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
}
body.wap-page .fullSlidevps .hd {
    text-align: center;
    padding: 8px 0;
}

/* --- 功能说明区域 --- */
body.wap-page .webhost_main_wraps {
    width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    overflow: visible !important;
}
/* 内层包含组件表格的容器需要横向滚动 */
body.wap-page .divMobiCenterbg .webhost_main_wraps {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
body.wap-page .divMobiCenterbg {
    width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}
body.wap-page .free_bottom {
    width: 100% !important;
    min-width: 100% !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    box-sizing: border-box;
    font-size: 13px !important;
    line-height: 1.8 !important;
}
body.wap-page .free_bottom p {
    margin: 0 0 10px;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

/* --- Tab 标签导航 --- */
body.wap-page .hotList {
    display: flex !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 10px 12px !important;
    border-bottom: 2px solid #00aaff !important;
    background: #fff;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    box-sizing: border-box;
}
body.wap-page .hotList li {
    display: block !important;
    float: none !important;
    flex: 1 !important;
    width: 50% !important;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}
body.wap-page .hotList li a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    line-height: normal !important;
    padding: 12px 4px !important;
    font-size: 14px !important;
    color: #555 !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    margin: 0 !important;
    background: #fff !important;
    white-space: nowrap;
    box-sizing: border-box;
}
body.wap-page .hotList li a.active {
    color: #00aaff !important;
    border-bottom-color: #00aaff !important;
    font-weight: 600;
}

/* --- Tab 内容区域 --- */
body.wap-page .columnListhost {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* --- 对比表格横向滚动 --- */
body.wap-page .columnListhost {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
body.wap-page .free_host_table {
    min-width: 900px !important;
    font-size: 13px !important;
}
body.wap-page .free_host_table td {
    min-width: 80px !important;
    height: 36px !important;
    font-size: 13px !important;
    padding: 4px 6px !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}
/* 表格首列（标签列）不允许换行 */
body.wap-page .free_host_table td:first-child {
    white-space: nowrap !important;
    word-break: keep-all !important;
    min-width: 100px !important;
    font-weight: 500;
}
/* 购买按钮 */
body.wap-page .free_host_table td .hostbuy a {
    margin: 2px auto !important;
}
/* 试用链接 */
body.wap-page .free_host_table td .hosttest a {
    font-size: 12px !important;
}
/* 表头行所有单元格不换行 */
body.wap-page .free_host_title td {
    white-space: nowrap !important;
    word-break: keep-all !important;
    font-size: 13px !important;
}
body.wap-page .free_host_title .hosttablewidth {
    width: 130px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}
body.wap-page .free_money {
    font-size: 14px !important;
}

/* --- 组件支持表格也横向滚动 --- */
body.wap-page .webhost_main_wraps > table.free_host_table,
body.wap-page .columnListhost > table.free_host_table {
    min-width: 900px !important;
}

/* --- 组件表格标签列样式 --- */
body.wap-page .host-supper {
    font-size: 12px !important;
    white-space: normal !important;
    word-break: break-all !important;
    min-width: 100px !important;
    text-align: center !important;
    background: #f8fafc !important;
    font-weight: 500 !important;
    color: #333 !important;
    border-right: 1px solid #e8ecf0 !important;
}

/* --- 组件表格分组标题行（colspan=10） --- */
body.wap-page .webhost_main_wraps > table.free_host_table td[colspan="10"],
body.wap-page .columnListhost > table.free_host_table td[colspan="10"] {
    font-size: 13px !important;
    padding: 8px 6px !important;
    text-align: left !important;
    background: #fff8ed !important;
    border-bottom: 1px solid #ffe4b8 !important;
}

/* --- 组件表格值列（colspan=2/3）自适应 --- */
body.wap-page .free_host_table td[colspan="2"],
body.wap-page .free_host_table td[colspan="3"] {
    font-size: 12px !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    min-width: 120px !important;
}

/* --- 组件表格底部链接 --- */
body.wap-page .webhost_main_wraps > table.free_host_table td[colspan="10"] a,
body.wap-page .columnListhost > table.free_host_table td[colspan="10"] a {
    color: #00aaff !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

/* --- 底部 Footer 重置 --- */
body.wap-page .bottom {
    min-width: 100% !important;
}
/* --- 底部版权区+认证徽章 移动端重设计：文字居中弱化，徽章圆角细边居中排布 --- */
body.wap-page .bottom-footer {
    min-width: 100% !important;
    padding: 18px 14px 22px !important;
    box-sizing: border-box;
    background-color: #fff !important;
    border-top: 1px solid #ececec;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
    color: #9a9a9a !important;
}
body.wap-page .bottom-footer a {
    color: #9a9a9a !important;
    text-decoration: none !important;
}
body.wap-page .footerimg {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 8px;
    margin-top: 12px;
    padding: 0 !important;
}
body.wap-page .footerimg a {
    display: inline-block;
    margin: 0 !important;
    line-height: 0;
}
body.wap-page .footerimg img {
    width: 100px !important;
    height: auto !important;
    margin: 0 !important;
    display: block;
    border: 1px solid #eee;
    border-radius: 4px;
}
/* 手机WAP端隐藏AWS认证徽章 */
body.wap-page .footerimg a[href="/user/aws.aspx"] {
    display: none !important;
}

/* --- 图标说明和特别提示 --- */
body.wap-page .webhosting-explain {
    padding: 12px 14px !important;
    margin: 10px 0 !important;
}
body.wap-page .webhosting-explain h6 {
    font-size: 13px !important;
    line-height: 1.8 !important;
    word-break: break-all !important;
}
body.wap-page .webhosting-explain-txt {
    font-size: 13px !important;
    line-height: 1.8 !important;
}
body.wap-page .webhosting-explain-txt p {
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

/* --- 云虚拟主机移动端小屏适配 --- */
@media screen and (max-width: 480px) {
    body.wap-page .free_bottom {
        font-size: 12px !important;
        padding: 10px 10px !important;
    }
    body.wap-page .hotList li a {
        font-size: 12px !important;
        padding: 10px 2px !important;
    }
    body.wap-page .free_host_table {
        min-width: 800px !important;
        font-size: 12px !important;
    }
    body.wap-page .free_host_table td {
        min-width: 70px !important;
        font-size: 12px !important;
    }
    body.wap-page .free_host_title .hosttablewidth {
        width: 100px !important;
        font-size: 12px !important;
    }
    body.wap-page .webhosting-explain {
        padding: 10px 10px !important;
    }
    body.wap-page .webhosting-explain h6,
    body.wap-page .webhosting-explain-txt {
        font-size: 12px !important;
    }
}

/* =============================================
   云服务器页 (Cloud/) 移动端响应式适配
   专业级 WAP 手机页面设计 - v2
   ============================================= */

/* --- Cloud Banner 轮播 --- */
body.wap-page .fullSlidevps {
    height: 150px !important;
    min-width: 100% !important;
}
body.wap-page .fullSlidevps .bd ul,
body.wap-page .fullSlidevps .bd li,
body.wap-page .fullSlidevps .bd li a {
    height: 150px !important;
}
body.wap-page .fullSlidevps .bd li {
    background-size: cover !important;
    background-position: center !important;
}
body.wap-page .fullSlidevps .hd {
    text-align: center !important;
    padding: 6px 0 !important;
    position: absolute !important;
    bottom: 4px !important;
    width: 100% !important;
    z-index: 5 !important;
}
body.wap-page .fullSlidevps .hd li {
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.5) !important;
    margin: 0 4px !important;
    cursor: pointer !important;
}
body.wap-page .fullSlidevps .hd li.on {
    background: #fff !important;
    width: 18px !important;
    border-radius: 4px !important;
}

/* --- Cloud Tab 标签导航（吸顶浮动胶囊设计） --- */
body.wap-page .dlgx_tabs {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    position: sticky !important;
    top: 56px !important;
    z-index: 90 !important;
    background: rgba(255,255,255,0.96) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: 10px 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 14px rgba(0,40,90,0.12) !important;
    border-radius: 0 0 14px 14px !important;
}
body.wap-page .dlgx_tabs ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    background: transparent !important;
    border: none !important;
    gap: 8px !important;
}
body.wap-page .dlgx_tabs ul::-webkit-scrollbar {
    display: none !important;
}
body.wap-page .dlgx_tabs ul li {
    float: none !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    line-height: 1 !important;
}
body.wap-page .dlgx_tabs ul li a {
    display: block !important;
    padding: 8px 16px !important;
    height: auto !important;
    font-size: 13px !important;
    color: #4a5568 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background: #f0f4f9 !important;
    border: none !important;
    border-radius: 20px !important;
    margin: 0 !important;
    transition: all 0.25s ease;
    font-weight: 400;
}
body.wap-page .dlgx_tabs ul li a.dlgx_sel {
    color: #fff !important;
    background: linear-gradient(135deg, #0052a3, #00aaff) !important;
    font-weight: 600 !important;
    box-shadow: 0 3px 10px rgba(0,120,255,0.35) !important;
}
body.wap-page .dlgx_tabs ul li a:hover {
    color: #0063b4 !important;
    background: #e2ecf7 !important;
    background-image: none !important;
}
body.wap-page .dlgx_tabs ul li a.dlgx_sel:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #0052a3, #00aaff) !important;
}
/* --- 锚点跳转偏移（避免被吸顶导航遮挡） --- */
body.wap-page a[name="buy"] {
    display: block !important;
    scroll-margin-top: 120px !important;
}

/* --- Cloud 产品套餐容器 --- */
body.wap-page .pack_nr {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    background: #f5f7fa;
}
body.wap-page .pack_list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* --- Cloud 产品卡片单列布局 --- */
body.wap-page .pack_list > li,
body.wap-page .pack_list li {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 10px !important;
    margin: 0 0 14px !important;
    box-sizing: border-box !important;
}
body.wap-page .p_ml {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background-image: none !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
}

/* --- Cloud 卡片头部（渐变设计） --- */
body.wap-page .p_top {
    width: 100% !important;
    height: auto !important;
    padding: 16px 20px 14px !important;
    background: linear-gradient(135deg, #0052a3 0%, #0077d9 50%, #00aaff 100%) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    position: relative;
}
body.wap-page .p_top p {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}
body.wap-page .p_top p span {
    font-size: 18px !important;
    color: #fff !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}
body.wap-page .p_top p .p_01 {
    float: none !important;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.wap-page .p_top p .p_01 img {
    width: auto !important;
    height: 36px !important;
    border-radius: 4px;
}

/* --- Cloud 套餐参数列表（精致网格） --- */
body.wap-page .p_ml dl {
    padding: 8px 14px 12px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
}
body.wap-page .p_ml dl dt {
    height: auto !important;
    min-height: auto !important;
    border-bottom: 1px solid #f0f3f6 !important;
    padding: 9px 4px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
}
body.wap-page .p_ml dl dt span {
    float: none !important;
    display: inline-block !important;
    height: auto !important;
    line-height: 1.2 !important;
    font-size: 12px !important;
}
/* --- Cloud 参数图标（使用原始图片文件） --- */
body.wap-page .p_ml dl dt span.i {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    background-size: 20px 20px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
    border-radius: 5px !important;
}
/* 各参数图标单独指定（覆盖原桌面端图片） */
body.wap-page .p_ml dl dt.cpu span.i { background-image: url(/images/cpu_b.jpg) !important; }
body.wap-page .p_ml dl dt.ram span.i { background-image: url(/images/nc_b.jpg) !important; }
body.wap-page .p_ml dl dt.disk span.i { background-image: url(/images/cc_b.jpg) !important; }
body.wap-page .p_ml dl dt.bandwidth span.i { background-image: url(/images/dk_b.jpg) !important; }
body.wap-page .p_ml dl dt.ip span.i { background-image: url(/images/ip_b.jpg) !important; }
body.wap-page .p_ml dl dt.system span.i { background-image: url(/images/kh_b.jpg) !important; }
body.wap-page .p_ml dl dt.line span.i { background-image: url(/images/xt_b.jpg) !important; }
body.wap-page .p_ml dl dt.jf span.i { background-image: url(/images/jf_b.jpg) !important; }

body.wap-page .p_ml dl dt span.n {
    width: auto !important;
    min-width: auto !important;
    font-weight: 400 !important;
    color: #8c95a6 !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
}
body.wap-page .p_ml dl dt span.v {
    color: #1a2332 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-left: auto !important;
    text-align: right;
}
body.wap-page .p_ml dl dt span.p {
    display: none !important;
}

/* --- 手机横屏时配置项每项独占一行（横屏宽度较大，单列更易读） --- */
@media screen and (orientation: landscape) {
    body.wap-page .p_ml dl {
        grid-template-columns: 1fr !important;
    }
}

/* --- Cloud 价格区域（突出设计） --- */
body.wap-page .p_ml .money {
    padding: 14px 20px 4px !important;
    font-size: 14px !important;
    text-align: center !important;
    background: linear-gradient(to bottom, #fff, #f8fafc);
}
body.wap-page .p_ml .money strong {
    font-size: 32px !important;
    color: #ff6a00 !important;
    font-weight: 700 !important;
}
body.wap-page .p_ml .money em {
    font-size: 13px !important;
    color: #999 !important;
    font-style: normal !important;
    margin-left: 2px !important;
}
body.wap-page .unit-pricing {
    padding: 0 20px 12px !important;
    text-align: center !important;
    height: auto !important;
    line-height: 1.5 !important;
    font-size: 12px !important;
    color: #999 !important;
    background: #f8fafc;
}

/* --- Cloud 购买按钮（全宽渐变） --- */
body.wap-page .p_ml > div[style*="padding-top"] {
    padding: 0 20px 18px !important;
    background: #f8fafc;
}
body.wap-page .g-common-btn-vps {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 15px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #0052a3, #00aaff) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    box-shadow: 0 4px 14px rgba(0,120,255,0.3) !important;
    text-align: center;
    text-decoration: none;
}

/* --- Cloud 卡片底部 --- */
body.wap-page .p_db {
    width: 100% !important;
    height: 0 !important;
    background: transparent !important;
    background-image: none !important;
    display: none !important;
}

/* --- Cloud 产品优势区域 --- */
body.wap-page .service {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    padding: 20px 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #fff;
}
body.wap-page .fw_bt {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
}
body.wap-page .fw_bt h1 {
    font-size: 20px !important;
    text-align: center !important;
    line-height: 1.4 !important;
    color: #1a2332 !important;
    font-weight: 700 !important;
    position: relative;
    padding-bottom: 12px;
}
body.wap-page .fw_bt h1::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #0052a3, #00aaff);
    border-radius: 2px;
    margin: 10px auto 0;
}
body.wap-page .ser_nr {
    width: 100% !important;
}
body.wap-page .ser_nr .box {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 14px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    border-bottom: 1px solid #f0f3f6 !important;
}
body.wap-page .ser_nr .box:last-child {
    border-bottom: none !important;
}
body.wap-page .ser_nr .box .s_left {
    float: none !important;
    width: 52px !important;
    height: auto !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}
body.wap-page .ser_nr .box .s_left img {
    width: 52px !important;
    height: auto !important;
    border-radius: 8px;
}
body.wap-page .ser_nr .box .s_right {
    float: none !important;
    width: auto !important;
    flex: 1 !important;
    padding: 0 !important;
    height: auto !important;
}
body.wap-page .ser_nr .box .s_right dl dt {
    height: auto !important;
    line-height: 1.3 !important;
    font-size: 15px !important;
    margin-bottom: 6px !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
}
body.wap-page .ser_nr .box .s_right dl p {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #666 !important;
}

/* --- Cloud 外层容器重置 --- */
body.wap-page .conter {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.wap-page #wrap {
    width: 100% !important;
    min-width: 100% !important;
}

/* --- Cloud 珊瑚色提示文字 --- */
body.wap-page .pack_nr > div[style*="color:coral"],
body.wap-page .pack_nr > div[style*="color: coral"] {
    margin: 0 10px 10px !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    padding: 8px 12px !important;
    background: #fff8ed !important;
    border-radius: 8px !important;
    border: 1px solid #ffe4b8 !important;
    color: #e67e22 !important;
}

/* --- Cloud tdCloud.aspx 弹性云配置区域 --- */
body.wap-page .z_buymsg {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0 0 !important;
    margin: 0 0 16px !important;
    box-sizing: border-box !important;
}
body.wap-page .cloudSlider {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    padding: 0 !important;
    margin: 0 10px 16px !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
body.wap-page .cloudSlider > li {
    width: 100% !important;
    padding: 16px !important;
    margin: 0 0 12px !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 20px rgba(0,40,90,0.07) !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
}
body.wap-page .cloudSlider > li:last-child {
    margin-bottom: 0 !important;
}
/* 参数标签（图标+文字横排） */
body.wap-page .cloudPart,
body.wap-page .cloudPart01,
body.wap-page .cloudPart02,
body.wap-page .cloudPart03,
body.wap-page .cloudPart04 {
    float: none !important;
    width: 100% !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
    margin-bottom: 12px !important;
    background-size: 26px 26px !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding: 0 0 0 34px !important;
    box-sizing: border-box !important;
}
/* 滑轨（现代圆角轨道） */
body.wap-page .cloudBox {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 6px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    background: #e9eef5 !important;
    background-image: none !important;
    border-radius: 3px !important;
    position: relative !important;
    box-sizing: border-box !important;
}
/* 已选进度条 */
body.wap-page .cloudBox .ui-slider-range {
    background: linear-gradient(90deg, #0063b4, #00aaff) !important;
    height: 6px !important;
    border-radius: 3px !important;
}
/* 滑块圆点 */
body.wap-page .cloudBox .ui-slider-handle {
    width: 22px !important;
    height: 22px !important;
    background: #fff !important;
    background-image: none !important;
    border: 3px solid #0080e8 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0,90,200,0.4) !important;
    top: -8px !important;
    box-sizing: border-box !important;
}
/* 刻度选项（两端对齐与滑块位置对应） */
body.wap-page .cloudText {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.2 !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 12px !important;
}
body.wap-page .cloudText .fl,
body.wap-page .cloudText .fr {
    float: none !important;
    width: auto !important;
    flex: none !important;
    text-align: center !important;
    font-size: 11px !important;
    color: #b8c2cf !important;
    font-weight: 400 !important;
    padding: 0 !important;
    transition: color 0.2s ease, font-weight 0.2s ease !important;
}
/* 滑块拉到的刻度：蓝色圆框胶囊高亮；未拉到的保持灰色 */
body.wap-page .cloudText .tick-on {
    color: #0080e8 !important;
    font-weight: 600 !important;
    border: 1.5px solid #0080e8 !important;
    border-radius: 12px !important;
    padding: 2px 8px !important;
    background: rgba(0,128,232,0.06) !important;
    box-sizing: border-box !important;
}
/* 当前选择（胶囊样式） */
body.wap-page .cloudt {
    float: none !important;
    width: auto !important;
    padding: 12px 0 0 !important;
    font-size: 13px !important;
    color: #666 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
body.wap-page .cloudt input {
    width: 56px !important;
    height: 30px !important;
    margin: 0 !important;
    border: 1px solid #b8d4f0 !important;
    border-radius: 15px !important;
    background: #f0f7ff !important;
    color: #0063b4 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 28px !important;
}
/* 系统盘免费赠送标签 */
body.wap-page .xt_mf {
    float: none !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    padding: 8px 18px !important;
    background: linear-gradient(135deg, #0063b4, #00aaff) !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-shadow: 0 3px 10px rgba(0,120,255,0.25) !important;
}
body.wap-page .xt_mf i {
    padding-left: 0 !important;
    color: #fff !important;
}
body.wap-page .xt_mf span {
    padding-left: 6px !important;
    color: rgba(255,255,255,0.85) !important;
}

/* --- Cloud tdCloud 下拉选择区域 --- */
body.wap-page .cztext {
    float: none !important;
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
}
body.wap-page .ddTitle {
    float: none !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    background: #fff !important;
    border: 1px solid #d8e2ee !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    margin-bottom: 8px !important;
}
body.wap-page .ddTitle .nr_cz {
    line-height: 40px !important;
    font-size: 14px !important;
    color: #333 !important;
}
body.wap-page .ddTitle .arrow {
    height: 40px !important;
    background-position: 8px 13px !important;
    border-left-color: #e8eef5 !important;
}
body.wap-page .ddChild {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-radius: 8px !important;
    position: relative !important;
}
body.wap-page .ddChild ul,
body.wap-page .ddjg ul {
    width: 100% !important;
    left: 0 !important;
    z-index: 99 !important;
    border: 1px solid #d8e2ee !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(0,40,90,0.12) !important;
    overflow: hidden !important;
}
body.wap-page .ddChild ul li,
body.wap-page .ddjg ul li {
    width: auto !important;
    font-size: 14px !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #f0f3f6 !important;
    box-sizing: border-box !important;
}
body.wap-page .ddChild ul li:last-child,
body.wap-page .ddjg ul li:last-child {
    border-bottom: none !important;
}
body.wap-page .ddChild ul li span,
body.wap-page .ddjg ul li span {
    float: none !important;
}

/* --- Cloud tdCloud 密码/名称输入框 --- */
body.wap-page .mm_text {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 12px !important;
    background: #fff !important;
    color: #333 !important;
}
body.wap-page .jg_text {
    float: none !important;
    padding-left: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
}
body.wap-page .jg_text span {
    font-size: 28px !important;
    color: #ff6a00 !important;
}

/* --- Cloud tdCloud 购买区域 --- */
body.wap-page .yue_du {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 16px !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
body.wap-page .yue_du div[style*="border-bottom"] {
    width: 100% !important;
    border: none !important;
}
body.wap-page .yue_du label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}
body.wap-page .yue_du p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
}
body.wap-page .yue_du input[name="openX"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    background: linear-gradient(135deg, #0052a3, #00aaff) !important;
    border-radius: 23px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    color: #fff !important;
    float: none !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(0,120,255,0.3) !important;
}
body.wap-page .yue_du a[href*="wpa.qq.com"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    line-height: 42px !important;
    background: #fff !important;
    border: 1px solid #0080e8 !important;
    border-radius: 21px !important;
    color: #0080e8 !important;
    text-align: center !important;
    float: none !important;
    margin: 0 !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* --- Cloud tdCloud 客户案例 --- */
body.wap-page .case {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    margin: 20px auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    padding: 0 12px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}
body.wap-page .case > div {
    width: calc(50% - 5px) !important;
    float: none !important;
    margin: 0 !important;
}
body.wap-page .case > div img {
    width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
}
body.wap-page .case > div p {
    font-size: 13px !important;
    text-align: center !important;
    margin-top: 6px !important;
}
body.wap-page .title {
    font-size: 18px !important;
    padding: 16px 14px 8px !important;
}

/* --- Cloud tdCloud 固定宽度内联样式覆盖 --- */
body.wap-page .cloudSlider > li > div[style*="width: 629"] {
    width: 100% !important;
    margin-left: 0 !important;
    height: auto !important;
}
body.wap-page .cloudSlider > li > div[style*="width: 629"] > div {
    width: 100% !important;
}

/* --- Cloud 移动端小屏适配 --- */
@media screen and (max-width: 480px) {
    body.wap-page .fullSlidevps {
        height: 120px !important;
    }
    body.wap-page .fullSlidevps .bd ul,
    body.wap-page .fullSlidevps .bd li,
    body.wap-page .fullSlidevps .bd li a {
        height: 120px !important;
    }
    body.wap-page .dlgx_tabs ul li a {
        font-size: 13px !important;
        padding: 10px 10px !important;
    }
    body.wap-page .p_top p span {
        font-size: 16px !important;
    }
    body.wap-page .p_ml dl {
        grid-template-columns: 1fr !important;
    }
    body.wap-page .p_ml .money strong {
        font-size: 28px !important;
    }
    body.wap-page .ser_nr .box .s_right dl dt {
        font-size: 15px !important;
    }
    body.wap-page .cloudText .fl,
    body.wap-page .cloudText .fr {
        font-size: 10px !important;
    }
    body.wap-page .case > div {
        width: 100% !important;
    }
}

/* =============================================
   SSL证书购买选择页 buyCarSslSelect.aspx 移动端适配
   ============================================= */
/* --- 购买流程步骤条：背景图改为文字步骤 --- */
body.wap-page .host-pro {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 16px auto 12px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}
body.wap-page .host-pro-bar1,
body.wap-page .host-pro-bar2,
body.wap-page .host-pro-bar3 {
    height: auto !important;
    background: none !important;
    display: flex !important;
    align-items: center !important;
}
body.wap-page .host-pro-setup1,
body.wap-page .host-pro-setup2,
body.wap-page .host-pro-setup3 {
    position: static !important;
    flex: 1 !important;
    text-align: center !important;
    font-size: 13px !important;
    color: #999 !important;
    padding: 10px 0 !important;
    border-bottom: 2px solid #e5e5e5 !important;
}
body.wap-page .host-pro-bar1 .host-pro-setup1 {
    color: #ff5402 !important;
    font-weight: bold !important;
    border-bottom-color: #ff5402 !important;
}
body.wap-page .host-pro-bar2 .host-pro-setup1,
body.wap-page .host-pro-bar2 .host-pro-setup2 {
    color: #ff5402 !important;
    font-weight: bold !important;
    border-bottom-color: #ff5402 !important;
}
body.wap-page .host-pro-bar3 .host-pro-setup1,
body.wap-page .host-pro-bar3 .host-pro-setup2,
body.wap-page .host-pro-bar3 .host-pro-setup3 {
    color: #ff5402 !important;
    font-weight: bold !important;
    border-bottom-color: #ff5402 !important;
}

/* --- 标题栏 --- */
body.wap-page .self_title {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}
body.wap-page .self_title .title,
body.wap-page .self_title .titleRight {
    position: static !important;
    display: inline-block !important;
    line-height: 32px !important;
    font-size: 14px !important;
    padding: 0 4px !important;
}

/* --- 选购表格自适应 --- */
body.wap-page .cart_table_blue {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 !important;
    font-size: 13px !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
body.wap-page .cart_table_blue th {
    padding: 8px 8px !important;
    height: auto !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
}
body.wap-page .cart_table_blue td {
    padding: 8px !important;
    line-height: 1.6 !important;
    word-break: break-word !important;
}
body.wap-page .cart_table_blue td.leftSelectBox {
    white-space: nowrap !important;
}
body.wap-page .cart_table_blue #moneynow {
    color: #ff5402 !important;
    font-weight: bold !important;
    white-space: nowrap !important;
}
body.wap-page .cart_table_blue tr.cartRowTotal th {
    display: table-cell !important;
    height: auto !important;
    line-height: 1.6 !important;
    font-size: 13px !important;
    padding: 8px !important;
    border: 1px solid #a2cef1 !important;
    word-break: break-word !important;
}

/* --- 底部金额与提交区域 --- */
body.wap-page .self_moneybox {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 12px 40px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
body.wap-page .self_moneybox .moneygo {
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 14px !important;
}
body.wap-page .self_moneybox #timetxt {
    color: #ff5402 !important;
    font-weight: bold !important;
}
body.wap-page .self_submit {
    margin: 15px auto 30px !important;
}
body.wap-page .self_submit .submit5 {
    width: 100% !important;
    max-width: 280px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 16px !important;
    display: block !important;
    margin: 10px auto !important;
}

/* =============================================
   SSL证书购买确认页 buyCarSsl.aspx 移动端适配（复用上方步骤条/表格/金额区样式）
   ============================================= */
/* --- 表头悬停提示：手机无 hover 交互，隐藏避免图标遮挡文字 --- */
body.wap-page .cart_table_blue .ftpinfo {
    display: none !important;
}
/* --- 时长下拉框 --- */
body.wap-page .cart_table_blue select {
    max-width: 100% !important;
    height: 32px !important;
    font-size: 13px !important;
    padding: 2px 4px !important;
    margin: 0 !important;
}
/* --- 绑定域名输入框 --- */
body.wap-page .cart_table_blue input[type="text"] {
    width: 100% !important;
    max-width: 200px !important;
    height: 32px !important;
    font-size: 13px !important;
    padding: 2px 6px !important;
    box-sizing: border-box !important;
}
/* --- 取消 HTML width 属性固定列宽（如 360px），防止小屏溢出 --- */
body.wap-page .cart_table_blue td[width],
body.wap-page .cart_table_blue th[width] {
    width: auto !important;
}
/* --- 手机端隐藏操作列（取消），给其他列腾出宽度 --- */
body.wap-page .cart_table_blue th:nth-child(6),
body.wap-page .cart_table_blue td:nth-child(6) {
    display: none !important;
}
/* --- 时长列宽度缩小一半：直接限制表头与单元格列宽，下拉框同步收窄 --- */
body.wap-page .cart_table_blue th:nth-child(2),
body.wap-page .cart_table_blue td:nth-child(2) {
    width: 46px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
body.wap-page .cart_table_blue td:nth-child(2) select {
    width: 100% !important;
    max-width: 46px !important;
    padding: 2px 0 !important;
}

/* =============================================
   buyCarSsl.aspx SSL证书购买确认页 卡片式布局
   参照 buyCarHost.aspx host-card-wrap 标签-值卡片风格
   ============================================= */
body.wap-page .ssl-confirm-wrap {
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* 强制表格撑满容器 —— 用 display:block 让表格退化为普通块级元素，彻底绕过表格布局算法 */
body.wap-page .ssl-confirm-wrap .cart_table_blue,
body.wap-page .ssl-confirm-wrap .cart_table_blue tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 隐藏表头行 */
body.wap-page .ssl-confirm-wrap .cart_table_blue tr:first-child {
    display: none !important;
}

/* 每个 tr 转为卡片 */
body.wap-page .ssl-confirm-wrap .cart_table_blue tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
    background: #fff !important;
    border: 1px solid #a2cef1 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
}

/* 单元格纵向排列，每行显示为 标签: 值 */
body.wap-page .ssl-confirm-wrap .cart_table_blue td,
body.wap-page .ssl-confirm-wrap .cart_table_blue th {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    min-height: 42px !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    background: transparent !important;
}
body.wap-page .ssl-confirm-wrap .cart_table_blue td:last-child,
body.wap-page .ssl-confirm-wrap .cart_table_blue th:last-child {
    border-bottom: none !important;
}

/* 用 :before 伪元素显示列名标签 */
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(1):before {
    content: "产品名称：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(2):before {
    content: "时长：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(3):before {
    content: "价格：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(4):before {
    content: "产品内容：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
    align-items: flex-start !important;
    padding-top: 2px !important;
}
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(5):before {
    content: "绑定域名：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}

/* 第4列产品内容：标签顶对齐，文字正常换行 */
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(4) {
    align-items: flex-start !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #555 !important;
    padding: 12px 14px !important;
    white-space: normal !important;
}

/* 第6列：操作（取消链接）——手机端隐藏 */
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(6) {
    display: none !important;
}

/* 价格值样式 */
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(3) #moneynow {
    font-size: 18px !important;
    color: #ff5402 !important;
    font-weight: bold !important;
}

/* 下拉框和输入框在卡片内自适应 */
body.wap-page .ssl-confirm-wrap .cart_table_blue td select,
body.wap-page .ssl-confirm-wrap .cart_table_blue td input[type="text"] {
    flex: 1 !important;
    max-width: 100% !important;
    height: 34px !important;
    font-size: 14px !important;
    padding: 4px 8px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}
body.wap-page .ssl-confirm-wrap .cart_table_blue td:nth-child(5) .prompt {
    display: block !important;
    margin-top: 4px !important;
    font-size: 12px !important;
}

/* 汇总行（cartRowTotal）卡片化 —— 显示协议勾选 */
body.wap-page .ssl-confirm-wrap .cart_table_blue tr.cartRowTotal {
    display: block !important;
    margin-bottom: 0 !important;
    border-radius: 10px !important;
    background: #fafafa !important;
    box-shadow: 0 0 0 1px #d0d0d0 !important;
    overflow: hidden !important;
}
/* 第一个 th 无内容时隐藏（活动描述为空） */
body.wap-page .ssl-confirm-wrap .cart_table_blue tr.cartRowTotal th:first-child:has(span:empty) {
    display: none !important;
}
body.wap-page .ssl-confirm-wrap .cart_table_blue tr.cartRowTotal th {
    display: block !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 12px 14px !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: normal !important;
    box-sizing: border-box !important;
}
body.wap-page .ssl-confirm-wrap .cart_table_blue tr.cartRowTotal th:last-child {
    border-bottom: none !important;
}

/* ==================== buyCarCloud.aspx 云服务器购买确认页 ==================== */
/* --- 警告提示表格 --- */
body.wap-page .cart_table_bluetishi {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 20px !important;
    font-size: 12px !important;
    table-layout: auto !important;
}
body.wap-page .cart_table_bluetishi th {
    padding: 10px 12px !important;
    height: auto !important;
    line-height: 1.6 !important;
    font-size: 12px !important;
    word-break: break-word !important;
    text-align: left !important;
}
body.wap-page .cart_table_bluetishi tr.cartRowTotal th {
    display: table-cell !important;
    border: 1px solid #a2cef1 !important;
}

/* --- 底部金额文字 --- */
body.wap-page .self_moneybox #moneytxt {
    font-size: 18px !important;
    color: #ff5402 !important;
    font-weight: bold !important;
}

/* =============================================
   云服务器购买确认页 buyCarCloud.aspx 卡片式布局
   将表格行转换为卡片，解决小屏文字逐字换行问题
   ============================================= */
body.wap-page .cloud-buy-wrap {
    padding: 0 8px !important;
}

/* 隐藏表格表头 */
body.wap-page .cloud-buy-wrap .cart_table_blue tr:first-child {
    display: none !important;
}

/* 每个产品行转为卡片 */
body.wap-page .cloud-buy-wrap .cart_table_blue tr.cloud-product-card {
    display: block !important;
    margin-bottom: 12px !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
}

/* 合并单元格：去掉边框和内边距，让内部 div 控制布局 */
body.wap-page .cloud-buy-wrap .cart_table_blue tr.cloud-product-card td[colspan] {
    display: block !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* --- 卡片头部：产品名称 + 机房/时长下拉框 --- */
body.wap-page .cloud-buy-wrap .cloud-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    background: #f8f9fa !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
body.wap-page .cloud-buy-wrap .cloud-product-name {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
}
body.wap-page .cloud-buy-wrap .cloud-card-meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
body.wap-page .cloud-buy-wrap .cloud-card-meta select {
    height: 30px !important;
    font-size: 13px !important;
    padding: 2px 6px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background: #fff !important;
}

/* --- 卡片配置区：系统镜像 / 产品内容 / 云服务器名称 --- */
body.wap-page .cloud-buy-wrap .cloud-card-config {
    padding: 12px 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
body.wap-page .cloud-buy-wrap .cloud-config-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}
body.wap-page .cloud-buy-wrap .cloud-config-row:last-child {
    margin-bottom: 0 !important;
}
body.wap-page .cloud-buy-wrap .cloud-config-label {
    flex-shrink: 0 !important;
    width: 72px !important;
    font-size: 13px !important;
    color: #888 !important;
    line-height: 32px !important;
}
body.wap-page .cloud-buy-wrap .cloud-config-value {
    flex: 1 !important;
    font-size: 13px !important;
    color: #333 !important;
    line-height: 1.6 !important;
    word-break: break-word !important;
}
body.wap-page .cloud-buy-wrap .cloud-config-value select {
    width: 100% !important;
    height: 32px !important;
    font-size: 13px !important;
    padding: 2px 6px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    box-sizing: border-box !important;
}
body.wap-page .cloud-buy-wrap .cloud-config-value input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 32px !important;
    font-size: 13px !important;
    padding: 2px 8px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    box-sizing: border-box !important;
}
body.wap-page .cloud-buy-wrap .cloud-config-value #divusername,
body.wap-page .cloud-buy-wrap .cloud-config-value .prompt {
    display: block !important;
    font-size: 12px !important;
    margin-top: 4px !important;
    min-height: 16px !important;
}

/* --- 卡片价格区 --- */
body.wap-page .cloud-buy-wrap .cloud-card-price {
    padding: 12px 14px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
body.wap-page .cloud-buy-wrap .cloud-card-price #moneynow {
    font-size: 20px !important;
    color: #ff5402 !important;
    font-weight: bold !important;
    white-space: nowrap !important;
}

/* --- 卡片操作区：取消按钮 --- */
body.wap-page .cloud-buy-wrap .cloud-card-action {
    text-align: right !important;
    padding: 8px 14px 12px !important;
}
body.wap-page .cloud-buy-wrap .cloud-card-action .btn-cancel {
    display: inline-block !important;
    padding: 6px 20px !important;
    background: #f5f5f5 !important;
    color: #666 !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    border: 1px solid #ddd !important;
}

/* --- 隐藏的密码区（移动端不显示） --- */
body.wap-page .cloud-buy-wrap .cloud-card-password {
    display: none !important;
}

/* --- 汇总行（cartRowTotal）卡片化 --- */
body.wap-page .cloud-buy-wrap .cart_table_blue tr.cartRowTotal {
    display: block !important;
    margin-bottom: 0 !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 10px !important;
    background: #fafafa !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
body.wap-page .cloud-buy-wrap .cart_table_blue tr.cartRowTotal th {
    display: block !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 12px 14px !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: normal !important;
    box-sizing: border-box !important;
}
body.wap-page .cloud-buy-wrap .cart_table_blue tr.cartRowTotal th:last-child {
    border-bottom: none !important;
}

/* =============================================
   SSL证书选择页 buyCarSslSelect.aspx 卡片式布局
   将表格行转换为卡片，解决小屏文字逐字换行问题
   ============================================= */
body.wap-page .ssl-select-wrap {
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

/* 隐藏表格表头 */
body.wap-page .ssl-select-wrap .cart_table_blue tr:first-child {
    display: none !important;
}

/* 每个 <tr> 转为卡片 */
body.wap-page .ssl-select-wrap .cart_table_blue tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
    border: 1.5px solid #c0c0c0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
}

/* 卡片内单元格纵向排列 */
body.wap-page .ssl-select-wrap .cart_table_blue td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}
body.wap-page .ssl-select-wrap .cart_table_blue td:last-child {
    border-bottom: none !important;
}

/* 第1列：产品名称 + 单选按钮 */
body.wap-page .ssl-select-wrap .cart_table_blue td.leftSelectBox {
    background: #f8f9fa !important;
    padding: 12px 14px !important;
    white-space: normal !important;
}
body.wap-page .ssl-select-wrap .cart_table_blue td.leftSelectBox label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
}
body.wap-page .ssl-select-wrap .cart_table_blue td.leftSelectBox input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    accent-color: #ff5402 !important;
}

/* 第2列：产品配置说明 */
body.wap-page .ssl-select-wrap .cart_table_blue td:nth-child(2) {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #555 !important;
    padding: 12px 14px !important;
}

/* 第3列：价格 */
body.wap-page .ssl-select-wrap .cart_table_blue td:nth-child(3) {
    padding: 12px 14px !important;
}
body.wap-page .ssl-select-wrap .cart_table_blue td:nth-child(3) #moneynow {
    font-size: 20px !important;
    color: #ff5402 !important;
    font-weight: bold !important;
    white-space: nowrap !important;
}

/* 第4列：操作（取消链接）——手机端隐藏 */
body.wap-page .ssl-select-wrap .cart_table_blue td:nth-child(4) {
    display: none !important;
}

/* 汇总行（cartRowTotal）——手机端隐藏 */
body.wap-page .ssl-select-wrap .cart_table_blue tr.cartRowTotal {
    display: none !important;
}

/* =============================================
   buyCarHost.aspx 主机购买确认页 卡片式布局
   将9列表格转换为标签-值卡片，直观显示所有配置项
   ============================================= */
body.wap-page .host-card-wrap {
    padding: 0 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* asp:Panel 渲染为 div 包裹 tr，限制宽度防止撑出容器 */
body.wap-page .host-card-wrap .cart_table_blue div,
body.wap-page .cloud-card-wrap .cart_table_blue div,
body.wap-page .ssl-confirm-wrap .cart_table_blue div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 取消表格 border-collapse，让 box-shadow 卡片边框完整渲染 */
body.wap-page .host-card-wrap .cart_table_blue {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: none !important;
}

/* 彻底绕开表格布局算法：table/tbody 退化为普通 block，宽度强制约束 */
body.wap-page .host-card-wrap .cart_table_blue,
body.wap-page .host-card-wrap .cart_table_blue tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 隐藏表头行 */
body.wap-page .host-card-wrap .cart_table_blue tr:first-child {
    display: none !important;
}

/* 每个 tr 转为卡片 */
body.wap-page .host-card-wrap .cart_table_blue tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
    background: #fff !important;
    border: 1px solid #a2cef1 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
}

/* 单元格纵向排列，每行显示为 标签: 值 */
body.wap-page .host-card-wrap .cart_table_blue td,
body.wap-page .host-card-wrap .cart_table_blue th {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    min-height: 42px !important;
    background: transparent !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:last-child,
body.wap-page .host-card-wrap .cart_table_blue th:last-child {
    border-bottom: none !important;
}

/* 用 :before 伪元素显示列名标签 */
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(1):before {
    content: "产品名称：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(2):before {
    content: "时长：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(3):before {
    content: "价格：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(4):before {
    content: "开通机房：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(5):before {
    content: "产品内容：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(6):before {
    content: "FTP账号：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}

/* 隐藏 FTP密码(7)、赠送数据库(8)、操作(9) 列 */
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(7),
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(8),
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(9) {
    display: none !important;
}

/* 续费/升级/选择/域名页面：隐藏“操作/取消”列 */
/* 5列表格（续费/升级/域名）：隐藏第5列 */
body.wap-page .cart_table_repay td:nth-child(5),
body.wap-page .cart_table_repay th:nth-child(5) {
    display: none !important;
}
/* 4列表格（SSL选择/数据库选择）：td含取消链接时隐藏第4列 */
body.wap-page .cart_table_repay td:nth-child(4):has(a) {
    display: none !important;
}

/* 价格值样式 */
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(3) #moneynow {
    font-size: 18px !important;
    color: #ff5402 !important;
    font-weight: bold !important;
}

/* 下拉框和输入框在卡片内自适应 */
body.wap-page .host-card-wrap .cart_table_blue td select,
body.wap-page .host-card-wrap .cart_table_blue td input[type="text"] {
    flex: 1 !important;
    max-width: 100% !important;
    height: 34px !important;
    font-size: 14px !important;
    padding: 4px 8px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}

/* 汇总行（cartRowTotal）卡片化 */
body.wap-page .host-card-wrap .cart_table_blue tr.cartRowTotal {
    display: block !important;
    margin-bottom: 0 !important;
    border-radius: 10px !important;
    background: #fafafa !important;
    box-shadow: 0 0 0 1px #d0d0d0 !important;
    overflow: hidden !important;
}
/* 第一个 th 无内容时隐藏（活动描述为空） */
body.wap-page .host-card-wrap .cart_table_blue tr.cartRowTotal th:first-child:has(span:empty) {
    display: none !important;
}
body.wap-page .host-card-wrap .cart_table_blue tr.cartRowTotal th {
    display: block !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 12px 14px !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: normal !important;
    box-sizing: border-box !important;
}
body.wap-page .host-card-wrap .cart_table_blue tr.cartRowTotal th:last-child {
    border-bottom: none !important;
}

/* =============================================
   buyCarSql.aspx 数据库购买确认页 卡片式布局
   SQL表8列：产品名称/时长/价格/开通机房/产品内容/SQL账号/SQL密码/操作
   ============================================= */

/* 覆盖第6列标签：FTP账号 → SQL账号 */
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(6):before {
    content: "SQL账号：" !important;
}

/* 隐藏 SQL密码(7)、操作(8) 列 */
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(7),
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(8) {
    display: none !important;
}

/* =============================================
   buyCarCloud.aspx 云服务器购买确认页 卡片式布局
   将9列表格转换为标签-值卡片，直观显示所有配置项
   ============================================= */
body.wap-page .cloud-card-wrap {
    padding: 0 8px !important;
}

/* 强制表格宽度100%，修复浏览器autocomplete下拉框定位偏移 */
body.wap-page .cloud-card-wrap .cart_table_blue {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: none !important;
}

/* 彻底绕开表格布局算法：table/tbody 退化为普通 block */
body.wap-page .cloud-card-wrap .cart_table_blue,
body.wap-page .cloud-card-wrap .cart_table_blue tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 隐藏表头行 */
body.wap-page .cloud-card-wrap .cart_table_blue tr:first-child {
    display: none !important;
}

/* 每个 tr 转为卡片 */
body.wap-page .cloud-card-wrap .cart_table_blue tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
    background: #fff !important;
    border: 1px solid #a2cef1 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    overflow: visible !important;
}

/* 单元格纵向排列，每行显示为 标签: 值 */
body.wap-page .cloud-card-wrap .cart_table_blue td,
body.wap-page .cloud-card-wrap .cart_table_blue th {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    min-height: 42px !important;
    background: transparent !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue td:last-child,
body.wap-page .cloud-card-wrap .cart_table_blue th:last-child {
    border-bottom: none !important;
}

/* 用 :before 伪元素显示列名标签 */
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(1):before {
    content: "产品名称：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(2):before {
    content: "开通机房：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(3):before {
    content: "时长：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(4):before {
    content: "价格：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(5):before {
    content: "系统镜像：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(6):before {
    content: "产品内容：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(7):before {
    content: "云服务器名称：" !important;
    font-weight: bold !important;
    color: #666 !important;
    font-size: 13px !important;
    min-width: 96px !important;
    flex-shrink: 0 !important;
}

/* 隐藏 服务器密码(8)、操作(9) 列 */
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(8),
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(9) {
    display: none !important;
}

/* 价格值样式 */
body.wap-page .cloud-card-wrap .cart_table_blue td:nth-child(4) #moneynow {
    font-size: 18px !important;
    color: #ff5402 !important;
    font-weight: bold !important;
}

/* 下拉框和输入框在卡片内自适应 */
body.wap-page .cloud-card-wrap .cart_table_blue td select,
body.wap-page .cloud-card-wrap .cart_table_blue td input[type="text"] {
    flex: 1 !important;
    max-width: 100% !important;
    height: 34px !important;
    font-size: 14px !important;
    padding: 4px 8px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}

/* 汇总行（cartRowTotal）卡片化 */
body.wap-page .cloud-card-wrap .cart_table_blue tr.cartRowTotal {
    display: block !important;
    margin-bottom: 0 !important;
    border-radius: 10px !important;
    background: #fafafa !important;
    box-shadow: 0 0 0 1px #d0d0d0 !important;
    overflow: hidden !important;
}
/* 第一个 th 无内容时隐藏（活动描述为空） */
body.wap-page .cloud-card-wrap .cart_table_blue tr.cartRowTotal th:first-child:has(span:empty) {
    display: none !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue tr.cartRowTotal th {
    display: block !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 12px 14px !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: normal !important;
    box-sizing: border-box !important;
}
body.wap-page .cloud-card-wrap .cart_table_blue tr.cartRowTotal th:last-child {
    border-bottom: none !important;
}

/* =============================================
   buyCarSqlUp.aspx 数据库升级配置页 卡片式布局覆盖规则
   表格仅4列：选择升级产品/升级后的配置/价格/操作，无机房列
   ============================================= */

/* 隐藏数据行中空的“操作”列（每条数据的第4个空<td></td>），PC与WAP都生效 */
.cart_table_sqlup td:nth-child(4) {
    display: none !important;
}
/* 同步隐藏对应的“操作”表头列，避免PC端留下空表头 */
.cart_table_sqlup th:nth-child(4) {
    display: none !important;
}

/* PC端汇总行：操作列隐藏后表格仅剩3列，第一个th（活动描述）无内容时隐藏，
   让协议勾选th从第1列开始占满宽度，避免被挤进窄列导致文字竖排、行高过大 */
.cart_table_sqlup tr.cartRowTotal th:first-child:has(span:empty) {
    display: none !important;
}

/* 覆盖第1列标签：产品名称 → 升级产品 */
body.wap-page .host-card-wrap .cart_table_sqlup td:nth-child(1):before {
    content: "升级产品：" !important;
}

/* 覆盖第2列标签：时长 → 升级后配置 */
body.wap-page .host-card-wrap .cart_table_sqlup td:nth-child(2):before {
    content: "升级后配置：" !important;
}

/* 隐藏第4列：空的“操作”列，同时去掉误套用的“开通机房：”标签 */
body.wap-page .host-card-wrap .cart_table_sqlup td:nth-child(4):before {
    content: none !important;
}
body.wap-page .host-card-wrap .cart_table_sqlup td:nth-child(4) {
    display: none !important;
}

/* =============================================
   购买确认页通用列标签（产品内容/类型/时长/价格），适用于 buyCar* 系列的 .cart_table_blue。
   注意：必须放在各页面专属区块（如 xindomainform 的 domainbuy/domaintpl）之前，
   否则会因同优先级后定义而覆盖页面专属标签。
   ============================================= */

/* 覆盖列标签 */
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(1):before {
    content: "域名产品：" !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(2):before {
    content: "类型：" !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(3):before {
    content: "时长：" !important;
}
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(4):before {
    content: "价格：" !important;
}

/* 隐藏第5列“操作/取消” */
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(5),
body.wap-page .host-card-wrap .cart_table_blue th:nth-child(5) {
    display: none !important;
}

/* =============================================
   xindomainform.aspx 域名购买确认页 卡片式布局（参照 buyCarSqlUp.aspx）
   表1：域名年份选择（cart_table_domainbuy，4列：产品名称/域名/价格/操作）
   表2：域名信息模板选择（cart_table_domaintpl，5列）
   ============================================= */

/* --- 表1：域名年份选择 --- */
/* 隐藏第1列“域名：”文字单元格，与第2列信息重复 */
body.wap-page .host-card-wrap .cart_table_domainbuy td:nth-child(1),
body.wap-page .host-card-wrap .cart_table_domainbuy th:nth-child(1) {
    display: none !important;
}

/* 第2列标签：注册域名 */
body.wap-page .host-card-wrap .cart_table_domainbuy td:nth-child(2):before {
    content: "注册域名：" !important;
}

/* 第3列标签：购买年限（内含年份下拉框与价格） */
body.wap-page .host-card-wrap .cart_table_domainbuy td:nth-child(3):before {
    content: "购买年限：" !important;
}

/* 第3列价格文本过长（如“38元/1年 91元/2年...”）需自动换行：
   页面内联媒体查询给 .cart_table_blue td 设了 white-space: nowrap，这里覆盖；
   单元格本身是 flex 布局，加 flex-wrap 让价格文本换到下拉框下方整行显示 */
body.wap-page .host-card-wrap .cart_table_domainbuy td {
    white-space: normal !important;
    flex-wrap: wrap !important;
    word-break: break-all;
}

/* 第4列标签：操作（取消链接） */
body.wap-page .host-card-wrap .cart_table_domainbuy td:nth-child(4):before {
    content: "操作：" !important;
}

/* WAP端隐藏第4列“取消”链接（手机用户直接返回即可），同时去掉标签 */
body.wap-page .host-card-wrap .cart_table_domainbuy td:nth-child(4),
body.wap-page .host-card-wrap .cart_table_domainbuy th:nth-child(4) {
    display: none !important;
}

/* --- 表2：域名信息模板选择 --- */
/* 通用规则会隐藏 tr:first-child：thead 表头被正确隐藏，
   但 tbody 第一条模板数据行也会被误隐藏，这里恢复显示 */
body.wap-page .host-card-wrap .cart_table_domaintpl tbody tr:first-child {
    display: block !important;
}

/* 各列标签覆盖通用主机购买页的“产品名称/时长/价格...”标签 */
body.wap-page .host-card-wrap .cart_table_domaintpl td:nth-child(1):before {
    content: "模板名称：" !important;
}
body.wap-page .host-card-wrap .cart_table_domaintpl td:nth-child(2):before {
    content: "类型：" !important;
}
body.wap-page .host-card-wrap .cart_table_domaintpl td:nth-child(3):before {
    content: "域名联系人：" !important;
}
body.wap-page .host-card-wrap .cart_table_domaintpl td:nth-child(4):before {
    content: "联系邮箱：" !important;
}
body.wap-page .host-card-wrap .cart_table_domaintpl td:nth-child(5):before {
    content: "实名审核状态：" !important;
}

/* 通用规则会隐藏第5列，模板表需保留“实名审核状态”列，恢复显示 */
body.wap-page .host-card-wrap .cart_table_domaintpl td:nth-child(5),
body.wap-page .host-card-wrap .cart_table_domaintpl th:nth-child(5) {
    display: flex !important;
}

/* 模板表格内容允许换行（页面内联媒体查询设了 nowrap，邮箱/长名称需折行） */
body.wap-page .host-card-wrap .cart_table_domaintpl td {
    white-space: normal !important;
}
body.wap-page .host-card-wrap .cart_table_domaintpl td label {
    word-break: break-all;
}

/* 卡片整体可点击选中：选中后高亮卡片边框和背景（JS 给 tr 加 card-selected） */
body.wap-page .host-card-wrap .cart_table_domaintpl tr.card-selected {
    border-color: #1e88e5 !important;
    background: #f2f8ff !important;
    box-shadow: 0 1px 6px rgba(30, 136, 229, 0.25) !important;
}
body.wap-page .host-card-wrap .cart_table_domaintpl tr.card-selected td:nth-child(1):before {
    color: #1e88e5 !important;
}

/* --- 无模板提示行（PanelNoneTip）卡片美化 --- */
/* 去掉误套用到无数据行的“模板名称：”标签 */
body.wap-page .host-card-wrap .cart_table_domaintpl td.ny-nonedata-td:before {
    content: none !important;
}

/* 无数据单元格改为整块居中展示，不用标签-值 flex 行 */
body.wap-page .host-card-wrap .cart_table_domaintpl td.ny-nonedata-td {
    display: block !important;
    padding: 24px 14px !important;
    min-height: 0 !important;
    text-align: center;
}

body.wap-page .host-card-wrap .cart_table_domaintpl .ny-nonedata-wrapper {
    display: block;
    text-align: center;
}

/* 提示文字：取消 info 图标背景，避免左对齐残留 */
body.wap-page .host-card-wrap .cart_table_domaintpl .ny-nonedata-text {
    display: inline;
    padding-left: 0 !important;
    background: none !important;
    font-size: 14px !important;
    line-height: 1.8;
    color: #666;
}

/* “马上创建”链接改为醒目的橙色按钮 */
body.wap-page .host-card-wrap .cart_table_domaintpl .ny-nonedata-text a {
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 12px auto 0;
    padding: 9px 28px;
    background: #ff5402;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
body.wap-page .host-card-wrap .cart_table_domaintpl .ny-nonedata-text a font {
    color: #fff !important;
}

/* =============================================
   buyCarDomain.aspx 域名购买/续费确认页 卡片式布局（表格：.cart_table_blue.cart_table_repay）
   列标签/第5列隐藏已上移至通用区块（需先于页面专属规则定义）
   ============================================= */

/* 价格值样式 */
body.wap-page .host-card-wrap .cart_table_blue td:nth-child(4) #moneynow {
    font-size: 18px !important;
    color: #ff5402 !important;
    font-weight: bold !important;
}

/* =============================================
   Host页 (Host/Default.aspx) WAP Banner 整图显示
   Banner原图为1920x258~288超宽图，固定高度+cover会放大裁切两侧，
   改为宽度100%铺满、高度按图片宽高比(15vw≈288/1920)缩放，整张图完整显示。
   通过 .wapHostBanner 限定作用域，不影响Cloud/SSL页共用的 .fullSlidevps
   ============================================= */
body.wap-page .wapHostBanner {
    height: auto !important;
    min-width: 100% !important;
}
body.wap-page .wapHostBanner .bd ul {
    height: 18vw !important;
    min-width: 100% !important;
}
body.wap-page .wapHostBanner .bd li {
    height: 18vw !important;
    min-width: 100% !important;
    background-size: 100% 100% !important;
}
body.wap-page .wapHostBanner .bd li a {
    height: 100% !important;
}
/* --- 小屏适配：指示圆点贴底，避免遮挡整图 --- */
body.wap-page .wapHostBanner .hd {
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    bottom: 3px !important;
    padding: 0 !important;
    text-align: center;
}
body.wap-page .wapHostBanner .hd li {
    width: 16px !important;
    height: 3px !important;
    margin: 0 3px !important;
}

/* =============================================
   Cloud页 (Cloud/ 下 Default、tdCloud、cloudIO、cloudIP、cloudMemery)
   WAP Banner 整图显示，方案同 Host 页。
   Banner原图为1920x258~2000x258超宽图，固定高度+cover会放大裁切两侧，
   改为宽度100%铺满、高度按图片宽高比(18vw)缩放，整张图完整显示。
   通过 .wapCloudBanner 限定作用域，不影响SSL等其他页共用的 .fullSlidevps
   ============================================= */
body.wap-page .wapCloudBanner {
    height: auto !important;
    min-width: 100% !important;
}
body.wap-page .wapCloudBanner .bd ul {
    height: 18vw !important;
    min-width: 100% !important;
}
body.wap-page .wapCloudBanner .bd li {
    height: 18vw !important;
    min-width: 100% !important;
    background-size: 100% 100% !important;
}
body.wap-page .wapCloudBanner .bd li a {
    height: 100% !important;
}
/* --- 小屏适配：指示圆点贴底，避免遮挡整图 --- */
body.wap-page .wapCloudBanner .hd {
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    bottom: 3px !important;
    padding: 0 !important;
    text-align: center;
}
body.wap-page .wapCloudBanner .hd li {
    width: 16px !important;
    height: 3px !important;
    margin: 0 3px !important;
}

/* =============================================
   Host 页表格横向滚动框 (wapTableScrollBox)
   三张超宽表格（共享套餐/独享套餐/组件支持）均包裹在专属横向滚动框内：
   手机端只在框内左右滑动查看全部列，页面整体锁定不横滑。
   该 div 桌面端无专属样式（普通 block），不影响电脑访问。
   ============================================= */

/* --- 提示文字：仅手机端显示，桌面端隐藏 --- */
.wapScrollTip {
    display: none;
}
body.wap-page .wapScrollTip {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #8a94a3;
    padding: 8px 0 2px;
}

/* --- 锁定页面：WAP 页面整体禁止横向滑动（只设在 html 上，
   避免 body 的 overflow 破坏 wap-topbar 的 position: sticky 吸顶） --- */
html {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
body.wap-page {
    max-width: 100% !important;
}

/* --- 横向滚动框：只有框内表格可左右滑动 --- */
body.wap-page .wapTableScrollBox {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    border: 1px solid #e3e8ee;
    border-radius: 8px;
    background: #fff;
    margin: 8px 0 12px !important;
}
/* 框内表格保持最小宽度，宽度不足时在框内触发横向滚动 */
body.wap-page .wapTableScrollBox table.free_host_table {
    min-width: 900px !important;
    margin: 0 !important;
}

/* --- 组件表格分组标题行（表格包入滚动框后，替代原 > 子选择器规则） --- */
body.wap-page .wapTableScrollBox table.free_host_table td[colspan="10"] {
    font-size: 13px !important;
    padding: 8px 6px !important;
    text-align: left !important;
    background: #fff8ed !important;
    border-bottom: 1px solid #ffe4b8 !important;
}
body.wap-page .wapTableScrollBox table.free_host_table td[colspan="10"] a {
    color: #00aaff !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

/* --- 修复非激活 Tab 面板遮挡触摸滑动的问题 ---
   桌面端用 opacity:0 + position:absolute 隐藏非激活面板（见 Global.css 的 .columnListhost），
   该面板不可见但仍覆盖在下方内容之上，拦截触摸手势，
   导致组件表格上半部分无法右滑。WAP 端改用 display:none 真正隐藏 */
body.wap-page .columnListhost {
    display: none !important;
}
body.wap-page .columnListhost.active-columnList {
    display: block !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 20 !important;
}

/* =============================================
   SSL 页 Banner 轮播移动端完整显示 (ssl.aspx)
   三张超宽图均为 1920×258（宽高比约 7.4:1），
   使用 cover 会以高度为基准裁切左右大量内容，
   故改用等比高度 + background-size:100% 100% 完整显示。
   通过 .wapSslBanner 限定作用域，不影响其他共用 .fullSlidevps 的页面
   ============================================= */
body.wap-page .wapSslBanner {
    height: auto !important;
    min-width: 100% !important;
}
body.wap-page .wapSslBanner .bd ul {
    height: 18vw !important;
    min-width: 100% !important;
}
body.wap-page .wapSslBanner .bd li {
    height: 18vw !important;
    min-width: 100% !important;
    background-size: 100% 100% !important;
}
body.wap-page .wapSslBanner .bd li a {
    height: 100% !important;
}
/* --- 小屏适配：指示圆点贴底，避免遮挡整图 --- */
body.wap-page .wapSslBanner .hd {
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    bottom: 3px !important;
    padding: 0 !important;
    text-align: center;
}
body.wap-page .wapSslBanner .hd li {
    width: 16px !important;
    height: 3px !important;
    margin: 0 3px !important;
}