/* ===== BREADCRUMB ===== */
.breadcrumb{padding:12px 0;font-size:12px;color:#666;background:#fafafa;border-bottom:1px solid #eee;overflow-x:auto;white-space:nowrap}
.breadcrumb a{color:#666}
.breadcrumb a:hover{color:#e60012}
.breadcrumb .sep{margin:0 6px;color:#999}
.breadcrumb .current{color:#333}


/*参数详情页css**/
.pdf-title{background-color:#e9e9e9;margin:0 0 5px 0;padding:8px 12px;font-size:2.2rem}
.bearing-table{width:100%;border-collapse:collapse;background:#fff}
.bearing-table tr{display:flex;background-color:#f4f4f4;margin-bottom:5px;padding:8px 12px;border-radius:4px;align-items:center;gap:8px;flex-wrap:wrap}
.bearing-table td,.bearing-table th{display:inline-block;padding:4px 0;vertical-align:middle;border:none;flex:0 0 auto}
.bearing-table .th-width{width:40px;font-weight:600;color:#222;flex-shrink:0}
.bearing-table .td-width-3{width:90px;font-weight:500;flex-shrink:0}
.bearing-table td:last-child{color:#555;font-size:1.9rem;flex:1;min-width:80px}
.bearing-table .qualifier{font-size:1.8rem;color:#888;margin-right:2px}
.bearing-table td>div{display:inline-block}
.bearing-table tr:last-child{margin-bottom:0}
@media(max-width:600px){
    .bearing-table tr{flex-direction:column;align-items:stretch;gap:2px}
    .bearing-table .th-width,.bearing-table .td-width-3{width:100%;flex-shrink:1}
.bearing-table td:last-child{flex:1;min-width:auto;padding-left:0;font-size:1.85rem}
    
}
.bearing-table .th-width{display:inline-block;width:40px;font-weight:600;color:#222;padding:4px 8px 4px 0;vertical-align:middle;flex-shrink:0}
.bearing-table .td-width-3{display:inline-block;width:30%;font-weight:500;padding:4px 8px;vertical-align:middle;flex-shrink:0}
.bearing-table td:last-child{display:inline-block;color:#555;font-size:1.9rem;padding:4px 0 4px 8px;vertical-align:middle;flex:1;min-width:60px}
.bearing-table .col-1-no-image{display:inline-block;color:#555;font-size:1.9rem;padding:4px 0;vertical-align:middle;flex:1;min-width:100px}
.bearing-table tr th{display:inline-block;width:40px;font-weight:600;color:#222;padding:4px 8px;vertical-align:middle;flex-shrink:0;text-align:center}
.bearing-table .td-width{display:inline-block;width:90px;font-weight:500;padding:4px 8px;vertical-align:middle;flex-shrink:0;text-align:right}
#rich-text-div .small-capital-heading{font-size:2rem;font-weight:600;color:#222;text-transform:uppercase;letter-spacing:0.5px;margin:0 0 8px 0;padding:0}
#rich-text-div ul{list-style:none;padding:0;margin:0}
#rich-text-div ul li{font-size:1.9rem;color:#555;padding:4px 0;line-height:1.5;border-bottom:1px solid #9a9a9a}
#rich-text-div ul li:last-child{border-bottom:none}
#rich-text-div ul li::before{content:"•";color:#666;font-weight:700;display:inline-block;width:16px;margin-left:-16px}
.button-group {display: flex;flex-wrap: wrap;gap: 1rem; padding: 20px;}
.btn-red {display: inline-block; padding: 1.7rem 3rem;background: #dc3545; color: #fff !important;    text-decoration: none !important; border-radius: 60px;    font-weight: 600;font-size: 1.5rem; text-align: center;    transition: 0.2s;    min-width: 130px;}
.btn-red:hover {background: #b02a37;}
        /* 手机窄屏：垂直排列 + 满宽 */
        @media (max-width: 480px) {
            .button-group {flex-direction: column;align-items: stretch;}
            .btn-red {display: block;width: 100%;min-width: unset;padding: 0.8rem 1rem;}
        }
        
/*列表页css**/
.spec-images {    width: 100%;    box-sizing: border-box;    text-align: center;  }
.spec-images .tpys {    display: block;    max-width: 70%;    height: auto;    margin: 20% auto;  }
  @media (max-width: 768px) {
    .spec-images {      width: 100%;      padding: 10px;    }
    .spec-images .tpys {      max-width: 100%;    }  }
  
.zcxq .benefits {    padding-left: 22px !important;    margin: 0;      list-style-type: disc !important;    list-style-position: outside !important;}
.zcxq .benefits li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 6px;
    /* 防止其他样式清除标记 */
    list-style: inherit !important;
}
.zcxq p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    margin: 0 0 20px 0;
}

/* 平板 */
@media screen and (max-width:768px){
    .zcxq p {
        font-size: 15px;
        line-height: 1.65;
    }
    .zcxq .benefits li {
        font-size: 14px;
    }
}
/* 手机 */
@media screen and (max-width:480px){
    .zcxq p {
        font-size: 14px;
        line-height: 1.6;
    }
    .zcxq .benefits li {
        font-size: 13px;
    }
} 
/* 表格容器 - 自适应滚动 */
.table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;  
    background: white;
}

/* 表格基础 */
.data-table {
    width: 100%;
    min-width: 900px;          /* 保持表头完整，小于此宽会出现横向滚动 */
    border-collapse: collapse;
    font-size: 1.9rem;
    background: white;
    table-layout: auto;
}

/* ---------- 表头全部红色系 ---------- */
.data-table thead tr {
    background-color: #ddd;   
}

.data-table thead th {
    background-color: #ddd;   /* 确保所有表头单元格红色 */
    color: #000;
    font-weight: 600;
    padding: 12px 6px;
    text-align: center;
    vertical-align: middle; 
    white-space: nowrap;          /* 默认不换行，但手机端通过媒体查询处理 */
    font-size: 1.85rem;
    letter-spacing: 0.3px;
}

/* 表头内子元素（如 sub 标签）保持白色 */
.data-table thead th sub {
    color: #fff;
}

/* 表头多行合并，保持红色 */
.data-table thead tr.header-level-1 th {
    background-color: #ddd; 
}
.data-table thead tr.header-level-1 th sub{ color: #000;}
.data-table thead tr.header-level-2 th {
    background-color: #ddd; 
    font-weight: 500;
    font-size: 1.75rem;
    padding: 6px 4px;
}

/* 表头中的 [mm] (kN) 等 使用小字号不挤压 */
.data-table thead th small,
.data-table thead th .unit {
    font-weight: 400;
    font-size: 0.7rem;
    opacity: 0.9;
    display: inline-block;
}

/* ---------- 表格主体 ---------- */
.data-table tbody tr {
    background-color: #ffffff;
    transition: background 0.2s;
}

/* 隔行变色：奇数行（索引从0开始，实际第二行起） */
.data-table tbody tr:nth-child(odd) {
    background-color: #f2f2f2;   /* 浅红灰，与红色主题协调 */
}

.data-table tbody tr:nth-child(even) {
    background-color: #ffffff;
}

/* 悬停效果 (可选) */
.data-table tbody tr:hover {
    background-color: #fce4e4;
}

.data-table tbody td {
    padding: 12px 6px;
    text-align: center;
    vertical-align: middle; 
    font-size: 1.85rem;
    color: #1e1e1e;
    word-break: break-word;
}

/* ---------- 前三列（PDF下载、询价、型号） 水平垂直居中 ---------- */
.data-table tbody td:nth-child(1),
.data-table tbody td:nth-child(2),
.data-table tbody td:nth-child(3) {
    text-align: center;
    vertical-align: middle;
}

/* PDF 下载图标按钮 */
.icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    transition: background 0.2s;
    text-decoration: none;
}

.icon-btn img {
    width: 28px;
    height: 28px;
    display: block;
    object-fit: contain;
}

.icon-btn.icon-mail {
    background: transparent;
    font-size: 1.6rem;
    line-height: 1;
    color: #d71f1f;
    font-weight: 600;
    text-decoration: none;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
/* 邮件链接无下划线 */
.icon-btn.icon-mail::before {
    content: "✉";
    font-size: 2.6rem;
    color: #d71f1f;
}
/* 保证点击区域 */
.icon-btn.icon-mail {
    background: transparent;
    padding: 0;
}
/* 型号链接 */
.model-link { font-size: 1.6rem;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px dotted #d71f1f;
}
.model-link:hover {
    color: #d71f1f;
    border-bottom: 1px solid #9a9a9a;
}

/* ---------- 手机自适应 (≤768px) ---------- */
@media screen and (max-width: 768px) {
    .table-container {
        border-radius: 8px; 
    }

    .data-table {
        min-width: 700px;        /* 稍微减小最小宽度，但依然保持表头不挤压 */
        font-size: 0.75rem;
    }

    .data-table thead th {
        padding: 8px 4px;
        font-size: 0.65rem;
        white-space: nowrap;     /* 保持英文不换行，但减少padding */
        letter-spacing: 0.2px;
    }

    .data-table thead tr.header-level-2 th {
        font-size: 0.6rem;
        padding: 4px 2px;
    }

    /* 表头内单位标识更小 */
    .data-table thead th small,
    .data-table thead th .unit {
        font-size: 0.55rem;
        display: inline;
    }

    .data-table tbody td {
        padding: 8px 4px;
        font-size: 1.7rem;
    }

    /* 三列图标/链接 保持居中 */
    .icon-btn {
        width: 30px;
        height: 30px;
    }
    .icon-btn img {
        width: 22px;
        height: 22px;
    }
    .icon-btn.icon-mail::before {
        font-size: 1.2rem;
    }
    .model-link {
        font-size: 0.7rem;
    }
}

/* 针对极小屏 (≤480px) 进一步调整 */
@media screen and (max-width: 480px) {
    .data-table {
        min-width: 600px;
        font-size: 0.65rem;
    }
    .data-table thead th {
        font-size: 0.55rem;
        padding: 6px 2px;
        letter-spacing: 0;
    }
    .data-table thead tr.header-level-2 th {
        font-size: 0.5rem;
        padding: 3px 1px;
    }
    .data-table tbody td {
        padding: 6px 2px;
        font-size: 0.6rem;
    }
    .icon-btn {
        width: 24px;
        height: 24px;
    }
    .icon-btn img {
        width: 18px;
        height: 18px;
    }
    .icon-btn.icon-mail::before {
        font-size: 1rem;
    }
    .model-link {
        font-size: 0.6rem;
    }
}

/* 修复表头合并单元格的边框以及一些细边 */
.data-table thead th:first-child { 
}
.data-table thead th:last-child { 
}

/* 确保所有表头（含rowspan）背景红色 */
.data-table thead tr th { 
}

/* 邮箱链接悬浮效果 */
.icon-btn.icon-mail:hover {
    background: rgba(215, 31, 31, 0.08);
}