/* ===== 基础样式 ===== */
#mob {
    display: none;
}
#pc {
    display: block;
}
#pc > .gridContainer.clearfix {
    margin-top: 0.1rem;
}

/* 移动端显示/隐藏控制 */
@media only screen and (max-width: 768px) {
    #mob {
        display: block;
    }
    #pc {
        display: none;
    }
}

body {
    width: 80%;
    padding: 0;
    color: #000000;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    font-size: 100%;
    margin: 0 auto;
    line-height: 120%;
    background: #FFFFFF;
    box-sizing: border-box;
}

/* 移动端适配：在小屏幕上宽度为100%，不留边距 */
@media only screen and (max-width: 768px) {
    body {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

/* ===== 字体定义 ===== */
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
         url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
         url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
         url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
         url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ===== 表单元素样式 ===== */
/* 修复：input[type="submit2"]不是标准HTML元素，改为类选择器 */
.submit2 {
    display: inline-block;
    margin-bottom: 0;
    padding: 0.5em 1em;
    vertical-align: middle;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 300ms ease-out, border-color 300ms ease-out;
    color: #FFFFFF;
    background: #CD1318;
}

.submit2:hover {
    background: #2bae81;
}

.submit2:focus {
    background: #CD1300;
}

input[type="text"],
input[type="password"],
textarea,
select {
    padding: .5em;
    font-size: 1rem; /* 修复：从1.6rem调整为更合理的1rem */
    line-height: 1.4; /* 修复：提高可读性 */
    color: #333; /* 修复：加深文字颜色 */
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd; /* 修复：减轻边框颜色 */
    border-radius: 4px; /* 修复：稍微减小圆角 */
    -webkit-appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
    width: 100%; /* 修复：确保表单元素宽度一致 */
}

input[type="password"] {
    display: block;
    width: 100%;
}

/* 移动端表单优化 */
@media only screen and (max-width: 768px) {
    input[type="text"],
    input[type="password"],
    textarea,
    select {
        font-size: 16px; /* 修复：避免iOS缩放 */
        padding: 0.8em;
    }
    
    .submit2 {
        font-size: 1.2rem;
        padding: 0.8em 1.5em;
    }
}

/* ===== 图片与链接样式 ===== */
img {
    max-width: 100%; /* 修复：添加响应式图片 */
    height: auto;
    margin: 0.5em 0; /* 修复：简化边距 */
    border: 0;
}

a img {
    border: 0;
}

a {
    color: #333333;
    text-decoration: none;
    transition: color 0.3s ease; /* 添加过渡效果 */
}

a:hover {
    color: #B5171C;
}

a:active {
    color: #cd1317;
}

/* ===== 标题样式 ===== */
/* 修复：移除了无效的h选择器，只保留h1-h6 */
h1 {
    font-size: 1.75rem; /* 使用rem单位 */
    font-weight: bold;
    color: #cd1317;
    text-align: center;
    line-height: 1.4;
    margin: 1em 0 0.5em;
    padding: 0;
}

h2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    text-align: center;
    line-height: 1.4;
    margin: 0.8em 0 0.4em;
    padding: 0;
}

h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #000000;
    text-align: left;
    line-height: 1.4;
    margin: 0.6em 0 0.3em;
    padding: 0;
}

h4 {

    font-size: 1.125rem;
    font-weight: bold;
    color: #000000;
    text-align: left;
    line-height: 1.4;
    margin: 0.5em 0 0.25em;
    padding: 0;
}

h5 {
    font-size: 1.125rem;
    font-weight: bold;
    color: #CD1318;
    text-align: left;
    line-height: 1.4;
    margin: 0.5em 0;
    padding: 0 0 0.2em;
    border-bottom: 1px dashed #E5E5E5;
}

h6 {
    font-size: 1rem;
    font-weight: bold;
    color: #CD1318;
    text-align: center;
    line-height: 1.4;
    margin: 0.4em 0;
    padding: 5px 0;
}

/* ===== 布局容器 ===== */
.twoColHybLtHdr #container {
    background: #FFFFFF;
    text-align: left;
    margin: 0em auto;
    padding: 1em;
    line-height: 1.5em;
    max-width: 1200px; /* 添加最大宽度限制 */
}

.twoColHybLtHdr #header {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    height: auto; /* 修复：改为自适应高度 */
    min-height: 80px;
    padding: 0.5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.twoColHybLtHdr #header h1 {
    margin: 0;
    padding: 10px 0;
}

.headerFix {
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #F1F1F1;
    text-align: left;
    padding: 0.5em 0;
    position: sticky;
    top: 0;
    z-index: 100;
}

.headerFix li {
    font-size: 1.125rem; /* 使用rem单位 */
    display: inline-block;
    margin: 0 10px;
    line-height: 1.5;
}

/* ===== 侧边栏和主内容区 ===== */
.twoColHybLtHdr #sidebar1 {
    float: left;
    width: 20%;
    background: #FFFFFF;
    padding: 15px 0;
}

.twoColHybLtHdr #sidebar1 h3,
.twoColHybLtHdr #sidebar1 p {
    margin: 0 10px;
}

.twoColHybLtHdr #sidebar2 {
    float: left;
    width: 49%;
    background: #FFFFFF;
    margin: 0;
}

.twoColHybLtHdr #sidebar3 {
    float: right;
    margin: 0 0 0 50%;
}

.twoColHybLtHdr #mainContent {
    margin: 0 0 0 50%;
}

.twoColHybLtHdr #mainContentL {
    margin: 0 21% 0 31%;
}

.twoColHybLtHdr #footer {
    text-align: center;
    width: 100%;
    padding: 1em 0;
    clear: both;
}

.twoColHybLtHdr #footer p {
    margin: 0;
    padding: 0;
}

/* ===== 响应式布局调整 ===== */
@media only screen and (max-width: 768px) {
    .twoColHybLtHdr #container {
        margin: 0;
        padding: 0.5em;
        width: 100%;
    }
    
    .twoColHybLtHdr #sidebar1,
    .twoColHybLtHdr #sidebar2,
    .twoColHybLtHdr #sidebar3,
    .twoColHybLtHdr #mainContent,
    .twoColHybLtHdr #mainContentL {
        float: none;
        width: 100%;
        margin: 0;
        padding: 10px;
    }
    
    .headerFix li {
        font-size: 1rem;
        margin: 0 5px;
    }
}

/* ===== 浮动和清除浮动 ===== */
.fltr {
    float: right;
    margin-left: 8px;
}

.fltl {
    float: left;
    margin-right: 8px;
}

.fltm {
    float: inherit;
    margin-right: 8px;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.clear {
    clear: both;
}

/* ===== 表单相关样式 ===== */
.FormCase {
    font-family: Arial;
    color: #333;
    height: 2em;
    border: 1px solid #F0F0F0;
}

#ShipCosts {
    padding: .5em;
    font-size: 1em;
    line-height: 1;
    color: #666;
    vertical-align: middle;
    background-color: #f1f1f1;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* ===== 文本样式类 ===== */
.Arial12 {
    font-family: Arial;
}

.FontSize12 {
    font-size: 90%;
}

.ColorGreen {
    color: #9BB47D;
}

.ColorBottom {
    border-bottom: 1px solid #B5171C;
    padding-bottom: 0.2em;
}

.ColorPink {
    color: #9F131C;
}

.DColor {
    color: #B5171C;
}

.MColor {
    font-size: 110%;
    font-weight: bold;
    color: #B5171C;
    margin-top: 1em;
    padding: 0.1em 0 0.2em 0.2em;
    line-height: 1.2em;
    text-align: left;
}

.PColor {
    color: #F5F8FA;
}

.PBGColor {
    background-color: #F6F6F6;
}

.FColor {
    font-size: 1px;
    color: #FFF;
}

/* ===== 链接相关样式 ===== */
.ClassLink {
    font-size: 90%;
    color: #CD1318;
    font-weight: bold;
    padding: 0.5em;
}

.ListLink {
    padding: 0.5em;
    text-align: center;
    border: 0.5em solid transparent;
    width: 10em;
}

/* ===== 页头样式 ===== */
#masthead {
    width: 100%;
    border-bottom: 1px solid #F1F1F1;
    background-color: #fff;
    height: 60px;
    margin: auto;
    text-align: center;
}

#mastheadTop {
    width: 100%;
    border-bottom: 1px solid #F1F1F1;
}

#mastheadM {
    width: 100%;
    border-bottom: 1px dashed #F1F1F1;
    background-color: #FFFFFF;
    text-align: left;
}

.headlink {
    margin-right: 0.5em;
    padding-right: 0.5em;
    text-align: left;
}

.headlink li {
    font-size: 120%;
    display: inline-block;
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid #CCCCCC;
    padding-bottom: 0.5em;
    line-height: 1.1em;
}

.headlink form {
    margin: 0;
    padding: 0.8em;
}

.headlink form .text {
    width: 9em;
}

.headlink a:hover {
    color: #B5171C;
    border-bottom: 1px solid #B5171C;
    padding-bottom: 0.5em;
}

/* ===== 导航链接样式 ===== */
.inlink {
    margin: 0.5em;
    padding: 0.5em;
}

.inlink li {
    font-size: 100%;
    display: inline-block;
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid #CCCCCC;
    line-height: 150%;
}

.link {
    margin: 0.5em;
    padding: 1em 0;
}

#servicelink li {
    font-size: 90%;
    display: inline-block;
    padding: 0 1em;
    border-right: 1px dashed #CCCCCC;
    line-height: 2em;
}

.footlink {
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    border-top: 1px solid #CCCCCC;
    width: 100%;
}

.footlink li {
    display: inline-block;
    margin-right: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    font-weight: normal;
    border-right: 1px dashed #CCCCCC;
    vertical-align: bottom;
}

/* ===== 价格样式 ===== */
.Price,
.Price1 {
    font-size: 100%;
    font-weight: bold;
    line-height: 2em;
    font-family: Arial;
    color: #CD1318;
}

.Price0 {
    font-size: 100%;
    font-weight: bold;
    line-height: 2em;
    font-family: Arial;
    color: #B5171C;
}

/* ===== 服务相关样式 ===== */
#service {
    color: #CCCCCC;
    float: right;
}

#service li {
    font-size: 70%;
    display: inline-block;
    margin-top: 0.5em;
    margin-right: 0.5em;
    padding-right: 0.5em;
    border-right: 1px solid #CCCCCC;
    float: right;
    text-align: left;
}

.serviceLeft {
    color: #CCCCCC;
    float: left;
}

.serviceLeft li {
    font-size: 80%;
    display: inline-block;
    margin: 0.5em 0.5em 0.5em 0;
    padding-right: 0.5em;
    text-align: left;
    color: #CCCCCC;
    float: left;
}

.serviceRight {
    color: #CCCCCC;
    float: right;
}

.serviceRight li {
    font-size: 80%;
    display: inline-block;
    margin: 0.5em 0.5em 0.5em 0;
    padding-right: 0.5em;
    text-align: left;
    color: #CCCCCC;
    float: right;
}

#service2 {
    margin-top: -1em;
    color: #CCCCCC;
    font-weight: normal;
    text-align: right;
    line-height: 1.5;
    padding: 0 0.5em;
}

#service3 {
    text-align: left;
    vertical-align: top;
    line-height: 1.5em;
    padding: 0.5em;
    border: 1px dashed #CCCCCC;
    margin: 1em 0;
}

/* ===== 搜索样式 ===== */
.search {
    font-size: 100%;
    font-weight: bold;
    font-family: Arial;
    background-color: #FFFFFF;
    text-align: right;
    margin-top: 1em;
}

.search .case {
    color: #666;
    width: 8em;
    height: 2em;
    border: 1px solid #CD1318;
}

/* ===== 按钮样式 ===== */
.botton {
    font-size: 100%;
    font-weight: bold;
    font-family: Arial;
    color: #FFFFFF;
    background: #CD1318;
    margin: 0.5em;
    text-align: center;
    border: 0.5em solid #CD1311;
    border-radius: 5px;
    padding: 0.5em 1em;
    cursor: pointer;
}

.bottonAdd {
    font-size: 100%;
    color: #FFFFFF;
    margin: 0.2em;
    background: #ed5a65;
    text-align: center;
    border: 0.2em solid #ed5a65;
    border-radius: 5px;
    padding: 0.2em 1em;
    cursor: pointer;
}

.bottonCase {
    font-size: 100%;
    font-weight: bold;
    font-family: Arial;
    color: #FFFFFF;
    background: #2bae81;
    margin: 0.5em;
    text-align: center;
    border: 0.5em solid #2bae85;
    border-radius: 5px;
    padding: 0.5em 1em;
    cursor: pointer;
}

/* ===== 产品分类 ===== */
#proscate {
    margin: 0.5em;
    padding: 0.5em;
    background: #FFFFFF;
    color: #FFF;
    line-height: 1.5em;
}

/* ===== 导航样式 ===== */
#nav {
    font-size: 80%;
    color: #555;
    padding: 0.5em 0;
    margin-bottom: 1em;
    line-height: 1.5em;
    text-align: left;
    border-top: 1px dashed #F1F1F1;
    border-bottom: 1px dashed #E5E5E5;
}
#nav a {
    color: #555;
    text-decoration: none;
}

#nav a:hover {
    color: #B5171C;
}
.navs {
    font-size: 80%;
    color: #888;
}
/* ===== 内容样式 ===== */
.contnew {
    font-size: 14px;
    padding: 0.5em 0 1em;
    line-height: 1.5em;
    text-align: left;
}

.contc {
    padding: 0.5em 0 1em;
    line-height: 1.5em;
    text-align: center;
}

.contc img.illus {
    margin: 0.5em;
}

#cont {
    margin: 0.5em 0 1em;
    padding: 1em 0;
    line-height: 1.5em;
}

#cont img.illus {
    margin: 1em 0.5em 0.5em;
}

.colorcase {
    line-height: 1.5em;
    padding: 0.5em;
    border: 1px dashed #CCCCCC;
    margin: 1em 0;
}

.case50 {
    text-align: center;
    vertical-align: top;
    line-height: 1.5em;
    margin: 1em 0;
    padding: 0.5em;
    border: 1px dashed #F8F3F4;
    width: 50%;
}

.contd {
    padding: 1em 0.5em;
    vertical-align: top;
    line-height: 1.5em;
    font-size: 1em;
    text-align: left;
}

#contd img.illus {
    margin: 0.5em;
}

.contm {
    padding: 1em 0;
    vertical-align: top;
    line-height: 1.5em;
    font-size: 1em;
    text-align: left;
}

#contm img.illus {
    margin: 0.5em;
}

/* 移动端内容区域优化 */
@media only screen and (max-width: 768px) {
    .contnew,
    .contc,
    .contd,
    .contm,
    #cont {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    
    .case50 {
        width: 100%;
    }
}

/* ===== 评论样式 ===== */
#review {
    padding: 1em 0;
}

#review li {
    display: list-item;
    text-align: left;
    list-style-position: inside;
    list-style-type: decimal;
}

/* ===== 购物车样式 ===== */
.shopcart {
    padding: 1em;
    vertical-align: top;
    line-height: 2em;
    font-size: 1em;
    text-align: left;
    border: 1px solid #CCCCCC;
}

.ShopCase {
    line-height: 1.5em;
    font-size: 1em;
    text-align: left;
    border: 1px solid #CCCCCC;
    padding: 0.5em;
}

.cart {
    padding: 0 0 1em;
    vertical-align: top;
    text-align: left;
}

.ContImg {
    margin: 0;
    border: 0;
}

/* ===== 固定位置元素 ===== */
#fixedTop {
    position: sticky;
    background-color: #FFFFFF;
    top: 0;
    width: 100%;
    line-height: 1.5em;
    z-index: 9998;
}

#fixedBottom {
    position: fixed !important;
    background-color: #FFFFFF;
    width: 100%;
    border-top: 1px dashed #F1F1F1;
    bottom: 0;
    z-index: 9999;
    text-align: center;
}

#fixedLeft {
    position: fixed !important;
    left: 0;
    background-color: #FFFFFF;
}

#fixedRight {
    position: fixed !important;
    right: 0;
    background-color: #FFFFFF;
}

#fixed {
    position: fixed;
    background-color: #FFFFFF;
    width: 100%;
    line-height: 1.5em;
    text-align: center;
    z-index: 9998;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

/* 移动端固定元素优化 */
@media only screen and (max-width: 768px) {
    #fixedTop,
    #fixedBottom,
    #fixedLeft,
    #fixedRight,
    #fixed {
        position: relative !important;
        width: 100%;
        left: 0;
        right: 0;
        bottom: auto;
        top: auto;
    }
}

/* ===== 浮动框样式 ===== */
.float_qb {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    left: 0;
    background: #fcfcfc;
    padding: 5px 10px;
    line-height: 20px;
    color: #000;
    font-weight: normal;
    border: 1px solid #eee;
    box-sizing: border-box;
    font-size: 14px;
}

.float_qb h5 {
    font-weight: bold;
}

.float_qb dt {
    float: left;
    width: 40px;
    margin-right: 10px;
}

.float_qb dt img {
    width: 100%;
}

.float_qb dd {
    overflow: hidden;
}

.float_qb dd span {
    background: #F00;
    color: #fff;
    font-weight: bold;
    padding: 0 5px;
    font-size: 16px;
}

.float_b {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #fcfcfc;
    padding: 5px 10px;
    line-height: 20px;
    color: #000;
    font-weight: normal;
    border: 1px solid #eee;
    box-sizing: border-box;
    font-size: 14px;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

/* ===== 其他样式 ===== */
.letter {
    background-image: url(css/letter.jpg);
    height: 3px;
}

.h1pro,
.h1ser {
    font-size: 90%;
    font-weight: bold;
    color: #000000;
    width: 10em;
    text-align: left;
    vertical-align: bottom;
    margin: 0.5em;
    border-bottom: thin solid #F1F1F1;
    line-height: 1.5em;
}

.alsolike {
    margin: 0.5em;
    padding: 0.5em;
    border-left: 1px solid #CCCCCC;
    text-align: center;
}

.country {
    width: 50px;
    height: 30px;
    border-radius: 30%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.list {
    margin: 0.5em;
    padding: 0.5em;
    border-top: 1px solid #CCCCCC;
    width: 100%;
}

.list li {
    display: list-item;
    margin-right: 0.5em;
    padding-right: 0.5em;
    line-height: 120%;
}

.contactinfo {
    font-size: 60%;
    color: #333;
    margin-top: 1em;
    padding: 0.5em 0 1em;
    line-height: 1.2em;
    text-align: center;
}

.contactinfoL {
    font-size: 70%;
    color: #333;
    margin-top: 1em;
    padding: 0.5em 0 1em;
    line-height: 1.2em;
    text-align: left;
}

/* ===== 响应式网格系统（从ccsmob.css整合） ===== */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    line-height: 1.2em;
    box-sizing: border-box;
}

#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

/* 响应式图片 */
img, object, embed, video {
    max-width: 100%;
    height: auto;
}

/* 移动设备布局: 480px 及更低 */
@media only screen and (max-width: 480px) {
    .gridContainer {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }
    
    #LayoutDiv1 {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

/* 平板电脑布局: 481px 至 768px */
@media only screen and (min-width: 481px) and (max-width: 768px) {
    .gridContainer {
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
    }
    
    #LayoutDiv1 {
        width: 100%;
    }
}

/* 桌面电脑布局: 769px 及以上 */
@media only screen and (min-width: 769px) {
    .gridContainer {
        width: 98%;
        max-width: 1232px;
        padding-left: 0.5%;
        padding-right: 0.5%;
        margin: auto;
    }
    
    #LayoutDiv1 {
        width: 100%;
    }
}
/* 表格美化样式 */
table {
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 1.5;
}

/* 主表格样式 */
td, th {
    padding: 5px 6px;
    vertical-align: top;
}

/* 左侧导航栏表格 */
td[id="pc"] table table {
    width: 100%;
}

td[id="pc"] table table td {
    padding: 4px 0;
    border-bottom: 1px solid #f1f1f1;
}

td[id="pc"] table table tr:last-child td {
    border-bottom: none;
}

td[id="pc"] table table a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
    display: block;
    padding: 3px 0;
}

td[id="pc"] table table a:hover {
    color: #CD1318;
    padding-left: 5px;
}

/* 左侧导航标题 */
td[id="pc"] strong {
    color: #CD1318;
    font-size: 16px;
    display: block;
    padding: 10px 0 5px 0;
    border-bottom: 2px solid #CD1318;
    margin-bottom: 8px;
}

/* 产品图片表格 */
TABLE[cellspacing="10"] {
    width: 100%;
}

TABLE[cellspacing="10"] td {
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: all 0.3s;
}

TABLE[cellspacing="10"] td:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

TABLE[cellspacing="10"] img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
}

TABLE[cellspacing="10"] a[target="_blank"] {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    margin-top: 8px;
    display: block;
    text-align: center;
    transition: color 0.3s;
}

TABLE[cellspacing="10"] a[target="_blank"]:hover {
    color: #CD1318;
}

/* 主要内容区域 */
td[align="center"] h1 {
    color: #CD1318;
    font-size: 24px;
    margin: 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f1f1;
}

/* 描述文字 */
td[align="center"] div[align="left"] {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    margin: 15px 0;
    line-height: 1.8;
    border-left: 4px solid #CD1318;
}

/* 图片行间距 */
TABLE[cellspacing="10"] tr {
    margin-bottom: 15px;
}

/* 响应式调整 */
@media only screen and (max-width: 768px) {
    td[id="pc"] {
        display: none;
    }
    
    TABLE[cellspacing="10"] td {
        width: 33.33% !important;
        float: left;
        box-sizing: border-box;
    }
    
    TABLE[cellspacing="10"] tr {
        clear: both;
        display: block;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 480px) {
    TABLE[cellspacing="10"] td {
        width: 50% !important;
    }
}