/**
 * WMCMS 富文本编辑器内容样式
 * 专门用于详情页，确保富文本内容正确显示
 * 使用最高优先级确保样式不被覆盖
 * 
 * 注意：此文件包含 Quill 编辑器的样式类名（如 .ql-align-*），
 * 这些样式用于兼容旧内容（使用 Quill 编辑器创建的内容）。
 * 新内容使用 wangEditor 编辑器创建，不再使用这些类名。
 * 保留这些样式是为了确保旧内容在前端正确显示。
 */

/* ============================================
   基础样式重置 - 确保富文本内容正确显示
   ============================================ */

/* 详情页内容容器 */
.content-detail .content-body,
.content-detail-page .content-body,
.product-description,
.download-description {
    line-height: 1.8 !important;
    color: #333 !important;
    font-size: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft YaHei', sans-serif !important;
}

/* 段落样式 */
.content-detail .content-body p,
.content-detail-page .content-body p,
.product-description p,
.download-description p {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    line-height: 1.8 !important;
    color: #333 !important;
}

.content-detail .content-body p:last-child,
.content-detail-page .content-body p:last-child,
.product-description p:last-child,
.download-description p:last-child {
    margin-bottom: 0 !important;
}

/* ============================================
   标题样式 (H1-H6)
   ============================================ */

.content-detail .content-body h1,
.content-detail-page .content-body h1,
.product-description h1,
.download-description h1,
.content-detail .content-body h2,
.content-detail-page .content-body h2,
.product-description h2,
.download-description h2,
.content-detail .content-body h3,
.content-detail-page .content-body h3,
.product-description h3,
.download-description h3,
.content-detail .content-body h4,
.content-detail-page .content-body h4,
.product-description h4,
.download-description h4,
.content-detail .content-body h5,
.content-detail-page .content-body h5,
.product-description h5,
.download-description h5,
.content-detail .content-body h6,
.content-detail-page .content-body h6,
.product-description h6,
.download-description h6 {
    color: #2c3e50 !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft YaHei', sans-serif !important;
}

.content-detail .content-body h1:first-child,
.content-detail-page .content-body h1:first-child,
.product-description h1:first-child,
.download-description h1:first-child,
.content-detail .content-body h2:first-child,
.content-detail-page .content-body h2:first-child,
.product-description h2:first-child,
.download-description h2:first-child,
.content-detail .content-body h3:first-child,
.content-detail-page .content-body h3:first-child,
.product-description h3:first-child,
.download-description h3:first-child {
    margin-top: 0 !important;
}

/* 标题大小 */
.content-detail .content-body h1,
.content-detail-page .content-body h1,
.product-description h1,
.download-description h1 {
    font-size: 32px !important;
}

.content-detail .content-body h2,
.content-detail-page .content-body h2,
.product-description h2,
.download-description h2 {
    font-size: 28px !important;
}

.content-detail .content-body h3,
.content-detail-page .content-body h3,
.product-description h3,
.download-description h3 {
    font-size: 24px !important;
}

.content-detail .content-body h4,
.content-detail-page .content-body h4,
.product-description h4,
.download-description h4 {
    font-size: 20px !important;
}

.content-detail .content-body h5,
.content-detail-page .content-body h5,
.product-description h5,
.download-description h5 {
    font-size: 18px !important;
}

.content-detail .content-body h6,
.content-detail-page .content-body h6,
.product-description h6,
.download-description h6 {
    font-size: 16px !important;
}

/* ============================================
   文本对齐样式 (Quill编辑器 - 兼容旧内容)
   注意：这些样式用于兼容使用 Quill 编辑器创建的旧内容
   wangEditor 编辑器不再使用这些类名
   ============================================ */

/* 居中对齐 */
.content-detail .content-body .ql-align-center,
.content-detail-page .content-body .ql-align-center,
.product-description .ql-align-center,
.download-description .ql-align-center,
.content-detail .content-body p.ql-align-center,
.content-detail-page .content-body p.ql-align-center,
.product-description p.ql-align-center,
.download-description p.ql-align-center,
.content-detail .content-body div.ql-align-center,
.content-detail-page .content-body div.ql-align-center,
.product-description div.ql-align-center,
.download-description div.ql-align-center,
.content-detail .content-body h1.ql-align-center,
.content-detail-page .content-body h1.ql-align-center,
.product-description h1.ql-align-center,
.download-description h1.ql-align-center,
.content-detail .content-body h2.ql-align-center,
.content-detail-page .content-body h2.ql-align-center,
.product-description h2.ql-align-center,
.download-description h2.ql-align-center,
.content-detail .content-body h3.ql-align-center,
.content-detail-page .content-body h3.ql-align-center,
.product-description h3.ql-align-center,
.download-description h3.ql-align-center,
.content-detail .content-body h4.ql-align-center,
.content-detail-page .content-body h4.ql-align-center,
.product-description h4.ql-align-center,
.download-description h4.ql-align-center,
.content-detail .content-body h5.ql-align-center,
.content-detail-page .content-body h5.ql-align-center,
.product-description h5.ql-align-center,
.download-description h5.ql-align-center,
.content-detail .content-body h6.ql-align-center,
.content-detail-page .content-body h6.ql-align-center,
.product-description h6.ql-align-center,
.download-description h6.ql-align-center {
    text-align: center !important;
}

/* 右对齐 */
.content-detail .content-body .ql-align-right,
.content-detail-page .content-body .ql-align-right,
.product-description .ql-align-right,
.download-description .ql-align-right,
.content-detail .content-body p.ql-align-right,
.content-detail-page .content-body p.ql-align-right,
.product-description p.ql-align-right,
.download-description p.ql-align-right,
.content-detail .content-body div.ql-align-right,
.content-detail-page .content-body div.ql-align-right,
.product-description div.ql-align-right,
.download-description div.ql-align-right,
.content-detail .content-body h1.ql-align-right,
.content-detail-page .content-body h1.ql-align-right,
.product-description h1.ql-align-right,
.download-description h1.ql-align-right,
.content-detail .content-body h2.ql-align-right,
.content-detail-page .content-body h2.ql-align-right,
.product-description h2.ql-align-right,
.download-description h2.ql-align-right,
.content-detail .content-body h3.ql-align-right,
.content-detail-page .content-body h3.ql-align-right,
.product-description h3.ql-align-right,
.download-description h3.ql-align-right,
.content-detail .content-body h4.ql-align-right,
.content-detail-page .content-body h4.ql-align-right,
.product-description h4.ql-align-right,
.download-description h4.ql-align-right,
.content-detail .content-body h5.ql-align-right,
.content-detail-page .content-body h5.ql-align-right,
.product-description h5.ql-align-right,
.download-description h5.ql-align-right,
.content-detail .content-body h6.ql-align-right,
.content-detail-page .content-body h6.ql-align-right,
.product-description h6.ql-align-right,
.download-description h6.ql-align-right {
    text-align: right !important;
}

/* 两端对齐 */
.content-detail .content-body .ql-align-justify,
.content-detail-page .content-body .ql-align-justify,
.product-description .ql-align-justify,
.download-description .ql-align-justify,
.content-detail .content-body p.ql-align-justify,
.content-detail-page .content-body p.ql-align-justify,
.product-description p.ql-align-justify,
.download-description p.ql-align-justify,
.content-detail .content-body div.ql-align-justify,
.content-detail-page .content-body div.ql-align-justify,
.product-description div.ql-align-justify,
.download-description div.ql-align-justify {
    text-align: justify !important;
}

/* ============================================
   字体样式 (粗体、斜体、下划线、删除线)
   ============================================ */

.content-detail .content-body strong,
.content-detail-page .content-body strong,
.product-description strong,
.download-description strong,
.content-detail .content-body b,
.content-detail-page .content-body b,
.product-description b,
.download-description b {
    font-weight: 700 !important;
}

.content-detail .content-body em,
.content-detail-page .content-body em,
.product-description em,
.download-description em,
.content-detail .content-body i,
.content-detail-page .content-body i,
.product-description i,
.download-description i {
    font-style: italic !important;
}

.content-detail .content-body u,
.content-detail-page .content-body u,
.product-description u,
.download-description u {
    text-decoration: underline !important;
}

.content-detail .content-body s,
.content-detail-page .content-body s,
.product-description s,
.download-description s,
.content-detail .content-body strike,
.content-detail-page .content-body strike,
.product-description strike,
.download-description strike {
    text-decoration: line-through !important;
}

/* ============================================
   颜色和背景色样式
   ============================================ */

/* 确保内联颜色样式不被覆盖 */
.content-detail .content-body [style*="color"],
.content-detail-page .content-body [style*="color"],
.product-description [style*="color"],
.download-description [style*="color"] {
    /* 保留内联颜色样式 */
}

.content-detail .content-body [style*="background-color"],
.content-detail-page .content-body [style*="background-color"],
.product-description [style*="background-color"],
.download-description [style*="background-color"] {
    /* 保留内联背景色样式 */
}

/* 确保所有内联样式都被保留 */
.content-detail .content-body *[style],
.content-detail-page .content-body *[style],
.product-description *[style],
.download-description *[style] {
    /* 保留所有内联样式 */
}

/* ============================================
   列表样式
   ============================================ */

.content-detail .content-body ul,
.content-detail-page .content-body ul,
.product-description ul,
.download-description ul,
.content-detail .content-body ol,
.content-detail-page .content-body ol,
.product-description ol,
.download-description ol {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    padding-left: 30px !important;
    list-style-position: outside !important;
}

.content-detail .content-body ul {
    list-style-type: disc !important;
}

.content-detail .content-body ol {
    list-style-type: decimal !important;
}

.content-detail .content-body li,
.content-detail-page .content-body li,
.product-description li,
.download-description li {
    margin-bottom: 10px !important;
    line-height: 1.8 !important;
    color: #333 !important;
}

.content-detail .content-body ul ul,
.content-detail-page .content-body ul ul,
.product-description ul ul,
.download-description ul ul {
    list-style-type: circle !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.content-detail .content-body ul ul ul,
.content-detail-page .content-body ul ul ul,
.product-description ul ul ul,
.download-description ul ul ul {
    list-style-type: square !important;
}

/* ============================================
   图片样式
   ============================================ */

/* 基础图片样式 - 不覆盖编辑器设置的宽度、高度和边距 */
.content-detail .content-body img,
.content-detail-page .content-body img,
.product-description img,
.download-description img {
    max-width: 100% !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    /* 不强制设置 height: auto，保留编辑器设置的高度 */
    /* 不强制设置 margin，保留编辑器设置的边距 */
    /* 不强制设置 display，保留编辑器设置的显示方式 */
}

/* 对于没有设置任何样式的图片，添加默认样式 */
.content-detail .content-body img:not([style]),
.content-detail-page .content-body img:not([style]),
.product-description img:not([style]),
.download-description img:not([style]) {
    display: block !important;
    margin: 25px auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 图片左浮动 - 尊重编辑器设置的样式，只补充必要的样式 */
.content-detail .content-body img[style*="float: left"],
.content-detail-page .content-body img[style*="float: left"],
.product-description img[style*="float: left"],
.download-description img[style*="float: left"] {
    /* 确保浮动生效 */
    float: left !important;
    /* 如果编辑器没有设置边距，使用默认边距 */
    /* 如果编辑器已设置边距，保留编辑器的设置 */
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 对于没有设置边距的左浮动图片，添加默认边距 */
.content-detail .content-body img[style*="float: left"]:not([style*="margin"]),
.content-detail-page .content-body img[style*="float: left"]:not([style*="margin"]),
.product-description img[style*="float: left"]:not([style*="margin"]),
.download-description img[style*="float: left"]:not([style*="margin"]) {
    margin: 0 20px 20px 0 !important;
}

/* 图片右浮动 - 尊重编辑器设置的样式 */
.content-detail .content-body img[style*="float: right"],
.content-detail-page .content-body img[style*="float: right"],
.product-description img[style*="float: right"],
.download-description img[style*="float: right"] {
    /* 确保浮动生效 */
    float: right !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 对于没有设置边距的右浮动图片，添加默认边距 */
.content-detail .content-body img[style*="float: right"]:not([style*="margin"]),
.content-detail-page .content-body img[style*="float: right"]:not([style*="margin"]),
.product-description img[style*="float: right"]:not([style*="margin"]),
.download-description img[style*="float: right"]:not([style*="margin"]) {
    margin: 0 0 20px 20px !important;
}

/* 图片居中 - 匹配各种居中样式 */
.content-detail .content-body img[style*="margin"][style*="auto"],
.content-detail-page .content-body img[style*="margin"][style*="auto"],
.product-description img[style*="margin"][style*="auto"],
.download-description img[style*="margin"][style*="auto"],
.content-detail .content-body img[style*="display: block"][style*="margin"][style*="auto"],
.content-detail-page .content-body img[style*="display: block"][style*="margin"][style*="auto"],
.product-description img[style*="display: block"][style*="margin"][style*="auto"],
.download-description img[style*="display: block"][style*="margin"][style*="auto"] {
    display: block !important;
    /* 保留编辑器设置的边距值，只确保是auto */
    float: none !important;
    clear: both !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 对于没有设置边距的居中图片，添加默认边距 */
.content-detail .content-body img[style*="display: block"]:not([style*="margin"]):not([style*="float"]),
.content-detail-page .content-body img[style*="display: block"]:not([style*="margin"]):not([style*="float"]),
.product-description img[style*="display: block"]:not([style*="margin"]):not([style*="float"]),
.download-description img[style*="display: block"]:not([style*="margin"]):not([style*="float"]) {
    margin: 25px auto !important;
}

/* ============================================
   视频iframe和video标签样式
   ============================================ */

/* 基础视频iframe样式 - iframe不能设置height: auto，需要保持宽高比 */
.content-detail .content-body iframe,
.content-detail-page .content-body iframe,
.product-description iframe,
.download-description iframe {
    max-width: 100% !important;
    /* iframe不能设置height: auto，需要保持width和height属性定义的宽高比 */
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    box-sizing: border-box !important;
    /* 不强制设置 margin，保留编辑器设置的边距 */
    /* 不强制设置 display，保留编辑器设置的显示方式 */
}

/* 基础视频video标签样式 - 确保不自动播放，需要点击播放 */
.content-detail .content-body video,
.content-detail-page .content-body video,
.product-description video,
.download-description video {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    box-sizing: border-box !important;
    display: block !important;
    /* 确保不自动播放 */
    autoplay: false !important;
}

/* 确保所有video标签都有controls属性且没有autoplay属性 */
.content-detail .content-body video:not([controls]),
.content-detail-page .content-body video:not([controls]),
.product-description video:not([controls]),
.download-description video:not([controls]) {
    /* 如果没有controls属性，强制添加（通过JavaScript处理） */
}

/* 移除所有video标签的autoplay属性（通过JavaScript处理） */

/* 对于没有设置边距的iframe，添加默认边距 */
.content-detail .content-body iframe:not([style*="margin"]),
.content-detail-page .content-body iframe:not([style*="margin"]),
.product-description iframe:not([style*="margin"]),
.download-description iframe:not([style*="margin"]) {
    margin: 25px 0 !important;
}

/* 对于没有设置display的iframe，设置为block */
.content-detail .content-body iframe:not([style*="display"]),
.content-detail-page .content-body iframe:not([style*="display"]),
.product-description iframe:not([style*="display"]),
.download-description iframe:not([style*="display"]) {
    display: block !important;
}

/* 视频左浮动 - 尊重编辑器设置的样式 */
.content-detail .content-body iframe[style*="float: left"],
.content-detail-page .content-body iframe[style*="float: left"],
.product-description iframe[style*="float: left"],
.download-description iframe[style*="float: left"] {
    float: left !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 对于没有设置边距的左浮动iframe，添加默认边距 */
.content-detail .content-body iframe[style*="float: left"]:not([style*="margin"]),
.content-detail-page .content-body iframe[style*="float: left"]:not([style*="margin"]),
.product-description iframe[style*="float: left"]:not([style*="margin"]),
.download-description iframe[style*="float: left"]:not([style*="margin"]) {
    margin: 0 20px 20px 0 !important;
}

/* 视频右浮动 - 尊重编辑器设置的样式 */
.content-detail .content-body iframe[style*="float: right"],
.content-detail-page .content-body iframe[style*="float: right"],
.product-description iframe[style*="float: right"],
.download-description iframe[style*="float: right"] {
    float: right !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 对于没有设置边距的右浮动iframe，添加默认边距 */
.content-detail .content-body iframe[style*="float: right"]:not([style*="margin"]),
.content-detail-page .content-body iframe[style*="float: right"]:not([style*="margin"]),
.product-description iframe[style*="float: right"]:not([style*="margin"]),
.download-description iframe[style*="float: right"]:not([style*="margin"]) {
    margin: 0 0 20px 20px !important;
}

/* 视频居中 - 匹配各种居中样式 */
.content-detail .content-body iframe[style*="margin"][style*="auto"],
.content-detail-page .content-body iframe[style*="margin"][style*="auto"],
.product-description iframe[style*="margin"][style*="auto"],
.download-description iframe[style*="margin"][style*="auto"] {
    display: block !important;
    /* 保留编辑器设置的边距值，只确保是auto */
    float: none !important;
    clear: both !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* video标签的边距和浮动样式 - 与iframe保持一致 */
.content-detail .content-body video:not([style*="margin"]),
.content-detail-page .content-body video:not([style*="margin"]),
.product-description video:not([style*="margin"]),
.download-description video:not([style*="margin"]) {
    margin: 25px 0 !important;
}

.content-detail .content-body video[style*="float: left"],
.content-detail-page .content-body video[style*="float: left"],
.product-description video[style*="float: left"],
.download-description video[style*="float: left"] {
    float: left !important;
    margin: 0 20px 20px 0 !important;
    max-width: 50% !important;
}

.content-detail .content-body video[style*="float: right"],
.content-detail-page .content-body video[style*="float: right"],
.product-description video[style*="float: right"],
.download-description video[style*="float: right"] {
    float: right !important;
    margin: 0 0 20px 20px !important;
    max-width: 50% !important;
}

.content-detail .content-body video[style*="margin"][style*="auto"],
.content-detail-page .content-body video[style*="margin"][style*="auto"],
.product-description video[style*="margin"][style*="auto"],
.download-description video[style*="margin"][style*="auto"] {
    display: block !important;
    margin: 25px auto !important;
    float: none !important;
}

/* ============================================
   链接样式
   ============================================ */

.content-detail .content-body a,
.content-detail-page .content-body a,
.product-description a,
.download-description a {
    color: #00a8e8 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.content-detail .content-body a:hover,
.content-detail-page .content-body a:hover,
.product-description a:hover,
.download-description a:hover {
    color: #1e3a5f !important;
    text-decoration: underline !important;
}

/* ============================================
   引用样式
   ============================================ */

.content-detail .content-body blockquote,
.content-detail-page .content-body blockquote,
.product-description blockquote,
.download-description blockquote {
    border-left: 4px solid #00a8e8 !important;
    padding-left: 20px !important;
    margin: 25px 0 !important;
    color: #666 !important;
    font-style: italic !important;
    background: #f8f9fa !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* ============================================
   代码样式
   ============================================ */

.content-detail .content-body code,
.content-detail-page .content-body code,
.product-description code,
.download-description code {
    background: #f8f9fa !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 14px !important;
    color: #00a8e8 !important;
    border: 1px solid #e0e0e0 !important;
}

.content-detail .content-body pre,
.content-detail-page .content-body pre,
.product-description pre,
.download-description pre {
    background: #f8f9fa !important;
    padding: 20px !important;
    border-radius: 8px !important;
    overflow-x: auto !important;
    margin: 25px 0 !important;
    border: 1px solid #e0e0e0 !important;
}

.content-detail .content-body pre code,
.content-detail-page .content-body pre code,
.product-description pre code,
.download-description pre code {
    background: none !important;
    padding: 0 !important;
    color: #333 !important;
    border: none !important;
    font-size: 14px !important;
}

/* ============================================
   表格样式
   ============================================ */

.content-detail .content-body table,
.content-detail-page .content-body table,
.product-description table,
.download-description table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 25px 0 !important;
    border: 1px solid #e0e0e0 !important;
}

.content-detail .content-body table th,
.content-detail-page .content-body table th,
.product-description table th,
.download-description table th,
.content-detail .content-body table td,
.content-detail-page .content-body table td,
.product-description table td,
.download-description table td {
    padding: 12px 15px !important;
    border: 1px solid #e0e0e0 !important;
    text-align: left !important;
}

.content-detail .content-body table th,
.content-detail-page .content-body table th,
.product-description table th,
.download-description table th {
    background: #f8f9fa !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
}

.content-detail .content-body table tr:nth-child(even),
.content-detail-page .content-body table tr:nth-child(even),
.product-description table tr:nth-child(even),
.download-description table tr:nth-child(even) {
    background: #fafafa !important;
}

/* ============================================
   水平线样式
   ============================================ */

.content-detail .content-body hr,
.content-detail-page .content-body hr,
.product-description hr,
.download-description hr {
    border: none !important;
    border-top: 2px solid #e0e0e0 !important;
    margin: 30px 0 !important;
    clear: both !important;
}

/* ============================================
   响应式设计
   ============================================ */

@media (max-width: 768px) {
    .content-detail .content-body h1,
    .content-detail-page .content-body h1,
    .product-description h1,
    .download-description h1 {
        font-size: 28px !important;
    }
    
    .content-detail .content-body h2,
    .content-detail-page .content-body h2,
    .product-description h2,
    .download-description h2 {
        font-size: 24px !important;
    }
    
    .content-detail .content-body h3,
    .content-detail-page .content-body h3,
    .product-description h3,
    .download-description h3 {
        font-size: 20px !important;
    }
    
    /* 移动端：取消图片浮动，改为居中显示 */
    .content-detail .content-body img[style*="float: left"],
    .content-detail-page .content-body img[style*="float: left"],
    .product-description img[style*="float: left"],
    .download-description img[style*="float: left"],
    .content-detail .content-body img[style*="float: right"],
    .content-detail-page .content-body img[style*="float: right"],
    .product-description img[style*="float: right"],
    .download-description img[style*="float: right"] {
        float: none !important;
        margin: 25px auto !important;
        max-width: 100% !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* 移动端：取消视频iframe浮动，改为居中显示 */
    .content-detail .content-body iframe[style*="float: left"],
    .content-detail-page .content-body iframe[style*="float: left"],
    .product-description iframe[style*="float: left"],
    .download-description iframe[style*="float: left"],
    .content-detail .content-body iframe[style*="float: right"],
    .content-detail-page .content-body iframe[style*="float: right"],
    .product-description iframe[style*="float: right"],
    .download-description iframe[style*="float: right"] {
        float: none !important;
        margin: 25px auto !important;
        max-width: 100% !important;
        display: block !important;
    }
    
    /* 移动端：确保所有iframe响应式 - iframe不能设置height: auto，需要保持宽高比 */
    .content-detail .content-body iframe,
    .content-detail-page .content-body iframe,
    .product-description iframe,
    .download-description iframe {
        max-width: 100% !important;
        /* iframe保持width和height属性定义的宽高比，只限制最大宽度 */
        /* 不设置width: 100%，保留编辑器设置的宽度 */
        /* 不设置height: auto，iframe需要明确的height值 */
    }
}