﻿﻿/* 全局初始化 - 字体统一 */
*{box-sizing: border-box;margin: 0;padding: 0;}
html,body{width: 100%;overflow-x: hidden;font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;color: #333;background: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
img{max-width: 100%;height: auto;display: block;}
ul,ol{list-style: none;}
a{text-decoration: none;color: inherit;transition: color 0.2s ease;}
input,button{font-size: 16px;outline: none;border: none;font-family: inherit;}
.clearfix::after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
.clearfix{zoom: 1;}
.clear{clear:both;}
.float-left{float:left;}
.float-right{float:right;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 15px;}
.page-width{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;}

/* ========== 头部导航 ========== */
.site-header{border-bottom: 1px #eee solid;position: relative;overflow: visible;padding:8px 0;}
.header-top{display: flex;justify-content: space-between;align-items: center;padding:0;width:100%;clear:both;flex-wrap:nowrap;}
.logo-box{flex-shrink:0;display:flex;align-items:center;}
.logo-box img{display:block;flex-shrink:0;}
.nav-wrap{flex:1;padding:0 20px;display:block;clear:none;float:none;}
.nav-wrap.open{display:block !important;}
.main{padding-top:30px;padding-bottom:50px;}
.main-nav{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;float:none;flex-wrap:nowrap;}
.main-nav > li{line-height:44px;position:relative;float:none;white-space:nowrap;list-style:none;}
.main-nav > li > a{display:block;font-size:15px;font-weight:500;letter-spacing:0.5px;padding:0 18px;border-radius:4px;transition:all 0.3s ease;color:#333;height:44px;line-height:44px;}
.main-nav > li.current > a,
.main-nav > li.active > a{
    background:#c8102e !important;
    color:#fff !important;
    font-weight:600;
}
.main-nav > li > a:hover{
    background:#c8102e;
    color:#fff;
}
.main-nav li ul{position:absolute;top:48px;left:50%;transform:translateX(-50%);width:140px;background:#fff;border:1px #eee solid;display:none;z-index:99;padding:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.10);}
.main-nav li ul li{list-style:none;border-bottom:1px solid #f5f5;}
.main-nav li ul li:last-child{border-bottom:none;}
.main-nav li ul li a{padding:10px 15;display:block;text-align:center;font-size:14px;color:#333;transition:all 0.2s ease;border-radius:0;}
.main-nav li ul li a:hover{background:#c8102e;color:#fff;}
.main-nav li:hover ul{display:block;}
.tel-img{flex-shrink:0;display:flex;align-items:center;}
.tel-img img{display:block;flex-shrink:0;}
.menu-toggle{display:none;width:35px;height:30px;cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:99;flex-direction:column;justify-content:space-between;padding:4px 0;}
.menu-toggle span{display:block;height:3px;background:#333;border-radius:2px;width:100%;}

/* 首页轮播 */
.banner-box{width:100%;overflow:hidden;}
.banner-item{display:none;}
.banner-item:first-child{display:block;}
.banner-item img{width:100%;}

/* 通用板块标题 */
.section-title{text-align:center;margin:40px 0 25px;position:relative;}
.section-title h1{font-size:28px;font-weight:700;color:#222;margin-bottom:8px;letter-spacing:1px;}
.section-title h2{font-size:28px;font-weight:700;color:#222;margin-bottom:8px;letter-spacing:1px;}
.section-title p{color:#999;letter-spacing:2px;font-size:14px;font-weight:300;text-transform:uppercase;}

/* 两栏图文布局 */
.two-row{display:flex;gap:30px;align-items:center;}
.two-row .col-left,.two-row .col-right{width:50%;}
.text-desc p{line-height:1.9;margin-bottom:14px;text-indent:2em;text-align:left;font-size:15px;color:#444;}
.btn-red{display:inline-block;padding:10px 28px;background:#d00c1d;color:#fff;border-radius:4px;margin-top:10px;border:1px solid #d00c1d;font-size:15px;font-weight:500;letter-spacing:0.5px;transition:all 0.3s ease;}
.btn-red:hover{background:#b00a18;border-color:#b00a18;color:#fff;}

/* 红色菜品通栏 */
.pro-red-wrap{background:#c8102e;padding:50px 0;width:100%;margin-top:40px;}
.pro-red-wrap .section-title h2{color:#fff;}
.pro-red-wrap .section-title p{color:#f8f8f8;margin:8px 0 30px;}
.pro-red-wrap .pro-list{display:flex;gap:20px;justify-content:center;}
.pro-red-wrap .pro-item{width:24%;min-width:220px;}
.pro-red-wrap .pro-item img{border-radius:6px;}
.pro-red-wrap .pro-item h3{color:#fff;text-align:center;margin-top:12px;font-size:15px;}
.pro-red-wrap .more-link a{border:1px solid #fff;color:#fff;padding:10px 32px;border-radius:4px;transition:0.3s;}
.pro-red-wrap .more-link a:hover{background:#fff;color:#c8102e;}
.pro-red-wrap .more-link{text-align:center;margin-top:35px;}

/* 产品滚动容器 */
.pro-wrap{overflow:hidden;position:relative;}
.pro-list{display:flex;gap:20px;position:relative;left:0;}
.pro-item{width:312px;flex-shrink:0;}
.pro-item img{width:100%;height:312px;object-fit:cover;border-radius:6px;margin-bottom:10px;}
.pro-item h3{font-size:15px;text-align:center;color:#333;}
.pro-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:80px;background:rgba(0,0,0,0.2);color:#fff;text-align:center;line-height:80px;font-size:24px;cursor:pointer;z-index:2;border-radius:4px;transition:0.3s;}
.pro-arrow:hover{background:rgba(0,0,0,0.4);}
.pro-prev{left:0;}
.pro-next{right:0;}
.more-link{text-align:center;margin-top:20px;}
.more-link a{color:#d00c1d;font-size:15px;}

/* 合作双卡片 */
.co-row{display:flex;gap:30px;margin-bottom:40px;}
.co-card{width:50%;overflow:hidden;border:1px #eee solid;border-radius:8px;transition:0.3s;}
.co-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08);}
.co-text{padding:18px 20px;}
.co-text h3{font-size:18px;margin-bottom:10px;color:#222;}
.co-text p{color:#666;font-size:14px;line-height:1.8;}
.co-text .more{color:#d00c1d;margin-top:10px;display:inline-block;}

/* 运营动态轮播 */
.news-top-banner .pro-item{width:24%;min-width:220px;}
.news-top-banner img{border-radius:8px;}
.banner-more{margin:30px 0 50px;text-align:center;}
.banner-more a{border:1px solid #999;padding:8px 30px;border-radius:4px;transition:0.3s;}
.banner-more a:hover{background:#333;color:#fff;}

/* 首页三栏布局 PC */
.news-three-row{display:grid;grid-template-columns:1fr 0.3fr 1.2fr;gap:32px;align-items:start;}
.col-guide,.col-morenews,.col-faq{display:flex;flex-direction:column;}
.col-morenews{justify-content:flex-start;align-items:center;padding-top:6px;}
.more-news-txt{color:#666;border-bottom:1px solid #999;padding-bottom:3px;font-size:14px;letter-spacing:1px;}

/* 开店指导网格 核心修复 */
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:18px;}
.guide-grid .list-item{
    display:flex !important;
    gap:16px !important;
    align-items:center !important;
    padding:24px 26px !important;
    background:#f7f8fa !important;
    border-radius:14px !important;
    border:none !important;
    width:100% !important;
    min-height:130px !important;
    transition:all 0.25s ease;
    cursor:pointer;
    box-sizing:border-box;
}
.guide-grid .list-item:hover{
    background:#eef0f3 !important;
    transform:translateY(-3px);
    box-shadow:0 4px 16px rgba(0,0,0,0.08);
}
.guide-grid .list-time{
    width:64px !important;
    height:64px !important;
    background:#e8eaf0 !important;
    border:none !important;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:12px;
}
.guide-grid .list-time .day{
    font-size:24px;
    color:#222 !important;
    font-weight:700 !important;
    line-height:1;
}
.guide-grid .list-time .ym{
    font-size:11px;
    color:#888 !important;
    margin-top:2px;
}
.guide-grid .list-con{
    flex:1;
    min-width:0;
}
.guide-grid .list-con h3{
    font-size:18px;
    margin:0 0 6px;
    line-height:1.4;
}
.guide-grid .list-con h3 a{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.guide-grid .list-con p{
    font-size:15px;color:#888;line-height:1.5;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* 首页居中红圈标题 */
.sidebar-title{
    border:1px solid #c8102e !important;
    border-radius:999px !important;
    background:#fff !important;
    width:fit-content !important;
    margin:0 auto 18px !important;
    padding:6px 30px !important;
    font-size:18px !important;
    text-align:center;
}
.sidebar-title small{display:block;font-size:11px;color:#999;margin-top:2px;}

/* 侧边栏红色顶部标题（合作/关于我们页面左侧大红块） */
.sidebar-block-title, .page-menu-title {
  background-color: #c8102e;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 14px 0;
  margin: -20px -16px 16px -16px;
}
.page-menu-title h3{margin:0;font-weight:normal;}

/* 侧边栏通用容器 */
.sidebar{
  width: 260px;
  margin-right: 40px;
}
.sidebar-menu, .page-menu {
  background: #fff;
  border: 1px solid #eee;
  padding: 20px 16px;
}
.sidebar-menu ul li, .page-menu-content ul li {
  border-bottom: 1px solid #eee;
}
.sidebar-menu ul li:last-child, .page-menu-content ul li.last {
  border-bottom: none;
}
.sidebar-menu ul li a, .page-menu-content ul li a {
  display: block;
  padding: 9px 12px;
  color:#333;
}
/* 当前栏目浅黄色高亮 */
.sidebar-menu ul li.current a, .page-menu-content ul li.current a {
  background-color: #fff9e6;
  color:#c8102e;
  font-weight:500;
}

/* 内容主区域 */
.content{
  width:calc(100% - 300px);
}

/* 面包屑 & 页面标题 */
.breadcrumbs{
  font-size:14px;
  color:#888;
}
.breadcrumbs a{
  color:#555;
}
.breadcrumbs a:hover{
  color:#c8102e;
}
.page-title{
  margin-bottom:25px;
  padding-bottom:12px;
  border-bottom:1px #eee solid;
}
.page-name h2{
  font-size:26px;
  color:#222;
  padding-left:14px;
  border-left:4px solid #c8102e;
}

/* FAQ列表 */
.faq-list{padding:0;margin:0;}
.faq-item{border-bottom:1px solid #eee !important;padding:12px 0 16px !important;display:flex;gap:12px;align-items:center;}
.faq-item::before{content:"答";width:22px;height:22px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:11px;}
.faq-item:nth-child(2n)::before{content:"问";background:#c8102e;color:#fff;}
.faq-item a{font-size:15px;color:#333;}
.faq-item a:hover{color:#c8102e;}
.faq-more{text-align:right;margin-top:8px;}
.faq-more a{color:#c8102e;font-size:15px;}

/* ========== 底部footer - 红色背景 ========== */
.site-footer{
  background: #c8102e;
  margin-top: 60px;
  color: #fff;
}
.footer-top{
  padding: 40px 0 20px;
}
.footer-row{
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.footer-col{
  flex: 1;
  min-width: 130px;
}
.footer-col.qrcode-box{
  flex: 0 0 auto;
  min-width: 140px;
  text-align: center;
}
.footer-title-wrap{margin-bottom:14px;}
.footer-title{font-size:16px;font-weight:600;color:#fff;margin:0;letter-spacing:0.5px;}
.footer-link{padding-left:0;margin:0;list-style:none;}
.footer-link li{line-height:2.4;text-align:left;}
.footer-link li a{color:rgba(255,255,255,0.85);font-size:14px;transition:color 0.2s;}
.footer-link li a:hover{color:#fff;text-decoration:underline;}
.qrcode-box img{width:120px;border-radius:6px;border:2px solid rgba(255,255,255,0.3);margin-top:6px;}
.qrcode-txt{color:rgba(255,255,255,0.85);font-size:13px;margin-bottom:6px;}
.footer-links{padding:18px 0 10px;border-top:1px solid rgba(255,255,255,0.2);margin-top:20px;}
.footer-links .links-label{color:rgba(255,255,255,0.8);font-size:13px;}
.footer-links .links-tag{display:inline-block;color:rgba(255,255,255,0.7);font-size:13px;margin:0 2px;}
.footer-links .links-tag a{color:rgba(255,255,255,0.7);transition:color 0.2s;}
.footer-links .links-tag a:hover{color:#fff;}
.footer-links .links-tag::after{content:"|";color:rgba(255,255,255,0.2);margin-left:6px;}
.footer-links .links-tag:last-child::after{content:"";}
.copyright-box{background:#000000;padding:18px 0;text-align:center;}
.copyright-text{font-size:13px;color:rgba(255,255,255,0.7);margin-bottom:4px;}
.keyword-txt{font-size:12px;color:rgba(255,255,255,0.4);line-height:1.8;}

/* ========== 子页面Banner全屏铺满 ========== */
.page-banner-full{
  width:100%;
  max-width:100%;
  overflow:hidden;
  margin:0;
  padding:0;
  background:#f5f5f5;
  line-height:0;
}
.page-banner-full .banner-inner{width:100%;display:block;margin:0;padding:0;}
.page-banner-full .banner-image{width:100%;height:auto;display:block;margin:0;padding:0;}
.page-banner-full .banner-image.cover{width:100%;height:300px;object-fit:cover;object-position:center;}

/* ========== 关于我们/合作方式/内容页 共用侧边栏样式 ========== */
.about-sidebar{float:left;width:260px;}
.about-menu{background:#fff;border:1px solid #eee;border-radius:4px;overflow:hidden;padding:0 0 10px 0;}
.about-menu-title{background-color:#c8102e;color:#fff;text-align:center;padding:14px 0;margin:0;}
.about-menu-title h3{margin:0;font-weight:normal;letter-spacing:1px;font-size:18px;}
.about-menu-content{padding:0 12px;}
.about-menu-content ul{list-style:none;padding:0;margin:0;}
.about-menu-content ul li{border-bottom:1px solid #eee;}
.about-menu-content ul li:last-child{border-bottom:none;}
.about-menu-content ul li a{display:block;padding:10px 14px;color:#333;font-size:14px;transition:all 0.2s;border-left:3px solid transparent;}
.about-menu-content ul li a:hover{background-color:#f5f5f5;color:#c8102e;}
.about-menu-content ul li.current a{background-color:#fff9e6;color:#c8102e;font-weight:500;border-left-color:#c8102e;}
.about-content{float:right;width:calc(100% - 300px);}
.about-page-title{margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #eee;}
.about-page-title .breadcrumbs{float:right;font-size:14px;color:#888;}
.about-page-title .breadcrumbs a{color:#555;}
.about-page-title .breadcrumbs a:hover{color:#c8102e;}
.about-page-title .page-name{float:left;}
.about-page-title .page-name h2{font-size:26px;color:#222;padding-left:14px;border-left:4px solid #c8102e;margin:0;}
.about-module-content{padding:0;font-size:15px;line-height:1.9;color:#444;}
.about-module-content p{margin-bottom:14px;}
.about-module-content img{max-width:100%;height:auto;border-radius:4px;}

/* ========== 列表页文章列表样式 ========== */
.list-box{margin:20px 0;}
.list-box .list-item{display:flex !important;gap:18px !important;align-items:center !important;padding:18px 22px !important;background:#f9fafb !important;border-radius:10px !important;border:1px solid #f0f0f0 !important;width:100% !important;min-height:80px !important;transition:all 0.25s ease;cursor:pointer;box-sizing:border-box;margin-bottom:16px;}
.list-box .list-item:hover{background:#f0f2f5 !important;border-color:#ddd !important;transform:translateX(4px);box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.list-box .list-time{width:64px !important;height:64px !important;background:#e8eaf0 !important;border:none !important;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;}
.list-box .list-time .day{font-size:22px;color:#222 !important;font-weight:700 !important;line-height:1;}
.list-box .list-time .ym{font-size:11px;color:#888 !important;margin-top:2px;font-weight:400;}
.list-box .list-con{flex:1;min-width:0;overflow:hidden;}
.list-box .list-con h3{font-size:17px;margin:0 0 6px;line-height:1.4;font-weight:600;}
.list-box .list-con h3 a{color:#222;display:block;transition:color 0.2s;}
.list-box .list-con h3 a:hover{color:#c8102e;}
.list-box .list-con p{font-size:14px;color:#888;line-height:1.6;margin:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

/* ===== 分页样式 ===== */
.page-list{margin-top:30px;text-align:center;padding:20px 0;}
.page-list ul{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:0;}
.page-list ul li{list-style:none;display:inline-block;}
.page-list ul li a,
.page-list ul li span{display:block;padding:8px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#555;background:#fff;transition:all 0.2s;}
.page-list ul li a:hover{background:#c8102e;color:#fff;border-color:#c8102e;}
.page-list ul li span{background:#c8102e;color:#fff;border-color:#c8102e;}

/* ========== 产品列表页样式 ========== */
.product-list-box{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.product-list-box .product-item{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:all 0.3s ease;}
.product-list-box .product-item:hover{box-shadow:0 4px 20px rgba(0,0,0,0.10);transform:translateY(-4px);}
.product-list-box .product-item a{display:block;text-decoration:none;color:inherit;}
.product-list-box .product-img{overflow:hidden;background:#f5f5f5;}
.product-list-box .product-img img{width:100%;height:240px;object-fit:cover;display:block;transition:transform 0.3s ease;}
.product-list-box .product-item:hover .product-img img{transform:scale(1.03);}
.product-list-box .product-title{padding:14px 16px;text-align:center;}
.product-list-box .product-title h3{font-size:15px;font-weight:600;color:#222;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-list-box .product-title h3:hover{color:#c8102e;}

/* ========== 平板 768px以下 自适应 ========== */
@media screen and (max-width:768px) {
  .menu-toggle{display:flex !important;}
  .header-top{flex-wrap:wrap;position:relative;}
  .logo-box{flex:1;}
  .nav-wrap{flex:0 0 100%;order:3;padding:0;display:none;}
  .main-nav{flex-direction:column;gap:0;text-align:center;padding:10px 0;}
  .main-nav > li{width:100%;border-bottom:1px #eee solid;line-height:40px;}
  .main-nav > li > a{height:40px;line-height:40px;border-radius:0;}
  .main-nav li ul{position:static;transform:none;width:100%;box-shadow:none;}
  .float-left,.float-right{float:none;width:100% !important;}
  .sidebar{width:100%;margin:0 0 30px 0;}
  .content{width:100%;}
  .two-row,.co-row{flex-direction:column;}
  .two-row .col-left,.two-row .col-right,.co-card{width:100%;}
  .pro-item{width:70%;}
  .pro-red-wrap .pro-item{width:45%;}
  .section-title h1{font-size:24px;}
  .section-title h2{font-size:22px;}
  .news-three-row{grid-template-columns:1fr;gap:40px;}
  .col-morenews{padding-top:0;}
  .guide-grid{grid-template-columns:1fr;}
  .guide-grid .list-item{padding:16px 20px !important;min-height:80px;}
  .guide-grid .list-con h3 a{white-space:normal;-webkit-line-clamp:1;}
  .page-title-inner{display:flex;flex-direction:column-reverse;gap:10px;}
  .breadcrumbs,.page-name{float:none;text-align:center;}
  .page-name h2{padding-left:0;border-left:none;border-bottom:2px solid #c8102e;padding-bottom:6px;}
  .page-banner-full .banner-image{min-height:120px;object-fit:cover;}
  .page-banner-full .banner-image.cover{height:180px;}

  /* 关于我们/合作方式 移动端 */
  .about-sidebar{float:none;width:100%;margin-bottom:30px;}
  .about-content{float:none;width:100%;}
  .about-page-title .breadcrumbs,
  .about-page-title .page-name{float:none;text-align:center;}
  .about-page-title .page-name h2{padding-left:0;border-left:none;border-bottom:2px solid #c8102e;padding-bottom:6px;}

  /* 列表页移动端 */
  .list-box .list-item{flex-direction:row !important;padding:14px 16px !important;min-height:70px !important;}
  .list-box .list-time{width:52px !important;height:52px !important;}
  .list-box .list-time .day{font-size:18px;}
  .list-box .list-con h3{font-size:15px;}
  .list-box .list-con p{font-size:13px;}
  .page-list ul li a,
  .page-list ul li span{padding:6px 12px;font-size:13px;}

  /* 产品列表移动端 */
  .product-list-box{grid-template-columns:repeat(2,1fr);gap:16px;}
  .product-list-box .product-img img{height:180px;}
  .product-list-box .product-title{padding:10px 12px;}
  .product-list-box .product-title h3{font-size:14px;}

  /* footer移动端 */
  .footer-row{flex-direction:column;gap:24px;}
  .footer-col{width:100% !important;text-align:center;}
  .footer-title-wrap{display:block;text-align:center;}
  .footer-link{text-align:center;}
  .footer-link li{text-align:center;}
  .qrcode-box img{margin:0 auto;}
  .footer-links{text-align:center;}
  .footer-links .links-tag{display:inline-block;margin:2px 4px;}
  .footer-links .links-tag::after{content:"";}
}

/* ========== 手机 640px以下 ========== */
@media screen and (max-width:640px) {
  .container,.page-width{padding:0 10px;}
  .pro-item{width:90%;}
  .pro-red-wrap .pro-item{width:90%;}
  .text-desc p{text-indent:1em;}
  .footer-col.qrcode-box{width:100%;text-align:center;}
  .footer-title{text-align:center;}
  .footer-link{text-align:center;}
  .copyright-text,.keyword-txt{font-size:12px;}
  .guide-grid .list-item{padding:14px 16px;min-height:70px;}
  .guide-grid .list-time{width:50px;height:50px;}
  .guide-grid .list-time .day{font-size:18px;}
  .guide-grid .list-con p{-webkit-line-clamp:1;font-size:13px;}
  .faq-item a{font-size:14px;}
  .page-banner-full .banner-image{min-height:80px;object-fit:cover;}
  .page-banner-full .banner-image.cover{height:120px;}

  /* 列表页手机端 */
  .list-box .list-item{padding:12px 14px !important;min-height:60px !important;gap:12px !important;}
  .list-box .list-time{width:44px !important;height:44px !important;}
  .list-box .list-time .day{font-size:16px;}
  .list-box .list-time .ym{font-size:10px;}
  .list-box .list-con h3{font-size:14px;}
  .list-box .list-con p{font-size:12px;display:none;}

  /* 产品列表手机端 */
  .product-list-box{grid-template-columns:1fr 1fr;gap:12px;}
  .product-list-box .product-img img{height:140px;}
  .product-list-box .product-title{padding:8px 10px;}
  .product-list-box .product-title h3{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
}
/* 首页关于我们标题统一类（消除行内样式） */
.about-title-text{
    font-size:20px;
    color:#d00c1d;
    font-weight:700;
    letter-spacing:0.5px;
}
/* ========== FAQ/开店指导列表 对标目标页样式改造 ========== */
.guide-grid {
  width: 100%;
}
/* 单条列表容器 弹性布局 */
.guide-grid .list-item {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
  align-items: flex-start;
}
/* 左侧数字+日期方块 */
.guide-grid .list-time {
  flex-shrink: 0;
  width: 60px;
  text-align: center;
}
/* 数字灰色圆角方块 */
.guide-grid .list-time .day {
  width: 44px;
  height: 44px;
  line-height: 44px;
  background: #e8e8e8;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  margin: 0 auto 6px;
}
/* 年月日期小字 */
.guide-grid .list-time .ym {
  font-size: 12px;
  color: #999;
  line-height: 1.2;
}
/* 右侧标题+摘要容器 */
.guide-grid .list-con {
  flex: 1;
}
.guide-grid .list-con h3 {
  font-size: 16px;
  margin: 0 0 8px;
  line-height: 1.4;
  font-weight: normal;
}
.guide-grid .list-con h3 a {
  color: #222;
  text-decoration: none;
}
.guide-grid .list-con h3 a:hover {
  color: #d00c1d;
}
/* 摘要小字 */
.guide-grid .list-con p {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 侧边常见问题单行列表配套间距 */
.faq-list .faq-item {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.faq-list .faq-item a {
  font-size: 14px;
  color: #333;
  text-decoration: none;
}
.faq-list .faq-item a:hover {
  color: #d00c1d;
}

/* 清除原有冲突旧样式（覆盖原有浮动/margin） */
.guide-grid .list-item .list-time {
  float: none !important;
}
.guide-grid .list-item .list-con {
  float: none !important;
}

/* ========== 列表页样式改造 - 日期数字方块（目标样式） ========== */
/* 列表容器 */
.list-box {
  margin: 20px 0;
}

/* ========== 列表页样式改造 - 日期数字方块 ========== */

/* 直接用最外层容器选择 */
.list-item {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid #eee !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: auto !important;
  margin-bottom: 0 !important;
}
.list-item:hover {
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 日期方块 - 左列固定宽度 */
.list-item .list-time {
  flex-shrink: 0 !important;
  width: 60px !important;
  max-width: 60px !important;
  min-width: 60px !important;
  height: auto !important;
  min-height: auto !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  float: none !important;
  clear: none !important;
  position: static !important;
  overflow: visible !important;
}

/* 数字 - 灰色方块 */
.list-item .list-time .day {
  display: block !important;
  width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  background: #e8e8e8 !important;
  color: #333 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  margin: 0 auto 6px !important;
  text-align: center !important;
  padding: 0 !important;
  border: none !important;
  float: none !important;
}

/* 年月 - 灰色小字 */
.list-item .list-time .ym {
  display: block !important;
  font-size: 12px !important;
  color: #999 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 右侧内容 - 自适应 */
.list-item .list-con {
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 文章标题 */
.list-item .list-con h3 {
  font-size: 16px !important;
  margin: 0 0 8px !important;
  line-height: 1.4 !important;
  font-weight: normal !important;
  padding: 0 !important;
}
.list-item .list-con h3 a {
  color: #222 !important;
  text-decoration: none !important;
}
.list-item .list-con h3 a:hover {
  color: #c8102e !important;
}

/* 文章摘要 */
.list-item .list-con p {
  font-size: 13px !important;
  color: #666 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}