/* =========================================================
   1F-10F 大类楼层 · 主流电商样式重构
   说明：数据 / Repeater 字段 / 左广告 / 下广告内容全部不变，
        仅重做布局与样式特效；不改动网站宽度。
   ========================================================= */

/* ---------- 楼层整体 ---------- */
.sy_mod_f{ margin-bottom:26px; position:relative; }
/* 负 margin 楼层延伸到视口外的部分裁剪，杜绝横向滚动条（不改网站宽度） */
html,body{ overflow-x:hidden; }

/* ---------- 楼层标题 ---------- */
.sy_mod_f .sy_mod_f_hd{ height:42px; line-height:42px; border-bottom:2px solid #e1251b; margin-bottom:14px; }
.sy_mod_f .sy_mod_f_hd h2{ margin:0; font-size:22px; font-weight:700; color:#e1251b; }
.sy_mod_f .sy_mod_f_hd h2 a{ color:#222; text-decoration:none; margin-left:10px; }
.sy_mod_f .sy_mod_f_hd h2 a:hover{ color:#e1251b; }

/* ---------- 排行榜标题 + 二级分类 tabs ---------- */
.sy_mod_f .sy_mod_rank_hd{ display:flex; align-items:center; min-height:40px; border-bottom:1px solid #f0f0f0; margin-bottom:14px; flex-wrap:wrap; }
.sy_mod_f .sy_mod_rank_tit{ position:relative; padding-left:12px; margin:0 22px 0 0; font-size:16px; font-weight:700; color:#333; }
.sy_mod_f .sy_mod_rank_tit::before{ content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:16px; background:#e1251b; border-radius:2px; }
.sy_mod_f .sy_mod_rank_ext{ list-style:none; display:flex; align-items:center; flex-wrap:wrap; margin:0; padding:0; }
.sy_mod_f .sy_mod_rank_ext li{ margin:2px 3px; }
.sy_mod_f .sy_mod_rank_ext li a{ display:inline-block; padding:4px 13px; font-size:13px; color:#666; border-radius:0; text-decoration:none; transition:color .2s,background .2s; }
.sy_mod_f .sy_mod_rank_ext li a:hover{ color:#e1251b; background:transparent; }
.sy_mod_f .sy_mod_rank_ext li.on a{ color:#fff; background:transparent; }
.sy_mod_f .sy_mod_rank_gap{ display:none !important; }
.sy_mod_f .sy_mod_rank_ext li.on{ background-color:transparent; padding:0; margin:0 2px; position:static; }

/* ---------- 商品区容器：解除原固定高度，完整显示两行卡片 ---------- */
.sy_mod_f .sy_mod_rank{ height:auto !important; min-height:0 !important; overflow:visible !important; width:auto !important; border:0 !important; }
.sy_mod_f .grid_m{ height:auto !important; min-height:0 !important; overflow:visible !important; }

/* ---------- 商品板：4列浮动；显示/隐藏交由切换插件(slider)的 display 控制，勿用 !important 锁死 ---------- */
.sy_mod_f .sy_mod_rank_bd{ list-style:none; margin:0; padding:0 0 8px; width:100% !important;
  height:auto !important; box-sizing:border-box; overflow:visible !important; zoom:1; }
.sy_mod_f .sy_mod_rank_bd::after{ content:""; display:block; clear:both; }
.sy_mod_f .sy_mod_rank_bd.hide{ display:none; }
.sy_mod_f .sy_mod_rank_bd li.goods{
  float:left; width:calc(25% - 21.07px); margin:0 21.07px 10px 0; box-sizing:border-box;
  background:#fff; border:1px solid #ebeef2; border-radius:8px; padding:10px;
  display:flex; flex-direction:column; height:333.1px;
  transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease; }
.sy_mod_f .sy_mod_rank_bd li.goods:hover{
  border-color:#f43939; box-shadow:0 8px 20px rgba(229,37,27,.13); transform:translateY(-3px); }

/* ---------- 商品图片区 ---------- */
.sy_mod_f .pic_wrap{ position:relative; width:100%; aspect-ratio:1/1; height:auto !important; background:#fafbfc;
  border-radius:6px; overflow:hidden; margin:0; flex:0 0 auto; }
.sy_mod_f .pic_wrap a.litpic{ display:flex; align-items:center; justify-content:center; width:100% !important; height:100% !important; }
.sy_mod_f .pic_wrap img{ width:auto !important; height:auto !important; max-width:92%; max-height:92%;
  object-fit:contain; transition:transform .45s ease; }
.sy_mod_f li.goods:hover .pic_wrap img{ transform:scale(1.07); }
.sy_mod_f .pic_wrap .ss_xianshi{ position:absolute; left:0; top:0; z-index:2; }

/* ---------- 商品标题（单行截断，hover 变红） ---------- */
.sy_mod_f .title_wrap{ margin:8px 0 0 !important; padding:0 !important; width:100% !important; text-align:left; align-self:stretch; flex:0 0 auto; box-sizing:border-box; }
.sy_mod_f .title_wrap a{ display:block; height:18px; line-height:18px; font-size:13px; color:#333; text-align:left;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; }
.sy_mod_f .title_wrap a:hover{ color:#e1251b; }

/* ---------- 商品价格 ---------- */
.sy_mod_f .price_wrap{ margin-top:auto; padding:0 !important; display:flex; align-items:center; justify-content:space-between; gap:6px; flex:0 0 auto; }
.sy_mod_f .price_wrap .price{ margin:0; color:#e1251b; font-size:19px; font-weight:700; line-height:1.2;
  white-space:nowrap; overflow:hidden; flex:1 1 auto; min-width:0; }
.sy_mod_f .price_wrap .price > span:first-child{ font-size:13px; }
.sy_mod_f .price_wrap .price .price_unit{ font-size:12px; color:#999; font-weight:400; }

/* ---------- 左侧广告图：圆角细边 ---------- */
.sy_mod_f .sy_mod_glide_img{ list-style:none; margin:0; padding:0; }
.sy_mod_f .sy_mod_glide_img img{ border-radius:8px; border:1px solid #ececec; box-sizing:border-box; }

/* ---------- 左广告 B1（sy_mod_key）：随主广告正常排布，不溢出挡标题 ---------- */
.sy_mod_f .grid_s .sy_mod_glide{ height:auto !important; }
.sy_mod_f .grid_s .sy_mod_glide_img{ height:400px !important; }
.sy_mod_f .grid_s .sy_mod_key{ margin:10px 0 0; }
.sy_mod_f .grid_s .sy_mod_key:empty{ height:0 !important; margin:0; overflow:hidden; }
.sy_mod_f .grid_s .sy_mod_key img{ border-radius:8px; border:1px solid #ececec; box-sizing:border-box; }

/* =========================================================
   左侧：广告下方二级分类名称网格（3 列）
   ========================================================= */
.sy_mod_f .grid_s .subcat_grid{ margin-top:12px; display:grid; grid-template-columns:repeat(3,1fr);
  gap:4px 4px; }
.sy_mod_f .grid_s .subcat_grid a{ display:block; font-size:12px; line-height:16px; color:#555;
  padding:2px 2px; text-align:center; border-radius:4px; text-decoration:none;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .2s,background .2s; }
.sy_mod_f .grid_s .subcat_grid a:hover{ color:#e1251b; background:#fff1f0; }

/* =========================================================
   右侧：真实热销排行榜（近一年销量）
   ========================================================= */
.sy_mod_f .grid_e .hotrank{ background:#fff; border:1px solid #ebeef2; border-radius:8px; padding:10px 50px 10px 12px;
  box-sizing:border-box; }
.sy_mod_f .grid_e .hotrank_group.hide{ display:none !important; }
.sy_mod_f .grid_e .hotrank_tit{ position:relative; padding-left:11px; margin:0 0 6px; height:24px;
  line-height:24px; font-size:15px; font-weight:700; color:#333;
  display:flex; align-items:center; justify-content:space-between; }
.sy_mod_f .grid_e .hotrank_tit::before{ content:''; position:absolute; left:0; top:50%;
  transform:translateY(-50%); width:4px; height:15px; background:#e1251b; border-radius:2px; }
.sy_mod_f .grid_e .hotrank_item{ display:flex; align-items:center; padding:7px 0;
  border-bottom:1px dashed #f0f0f0; }
.sy_mod_f .grid_e .hotrank_item:last-child{ border-bottom:0; }
.sy_mod_f .grid_e .hotrank_item{ border-radius:6px; transition:box-shadow .2s ease,transform .2s ease; }
.sy_mod_f .grid_e .hotrank_item:hover{ outline:1px solid #f43939; box-shadow:0 4px 12px rgba(229,37,27,.16); transform:translateY(-2px); }
.sy_mod_f .grid_e .hotrank_no{ flex:0 0 20px; width:20px; height:20px; line-height:20px; text-align:center;
  font-size:12px; font-weight:700; color:#fff; background:#b8bdc3; border-radius:4px; margin-right:8px; }
.sy_mod_f .grid_e .hotrank_n1{ background:#e1251b; }
.sy_mod_f .grid_e .hotrank_n2{ background:#e85b0c; }
.sy_mod_f .grid_e .hotrank_n3{ background:#d98c00; }
.sy_mod_f .grid_e .hotrank_n4{ background:#5fa820; }
.sy_mod_f .grid_e .hotrank_n5{ background:#2e9e44; }
.sy_mod_f .grid_e .hotrank_n6{ background:#0e9e9e; }
.sy_mod_f .grid_e .hotrank_n7{ background:#1283c6; }
.sy_mod_f .grid_e .hotrank_n8{ background:#2b5fa8; }
.sy_mod_f .grid_e .hotrank_n9{ background:#5b4bb0; }
.sy_mod_f .grid_e .hotrank_n10{ background:#8a2bb0; }
.sy_mod_f .grid_e .hotrank_pic{ flex:0 0 50px; width:50px; height:50px; margin-right:8px; border-radius:6px;
  background:#fafbfc; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.sy_mod_f .grid_e .hotrank_pic img{ max-width:90%; max-height:90%; width:auto; height:auto; object-fit:contain; }
.sy_mod_f .grid_e .hotrank_info{ flex:1 1 auto; min-width:0; }
.sy_mod_f .grid_e .hotrank_name{ display:block; line-height:15px; font-size:12px; color:#444;
  white-space:normal; word-break:break-all; text-decoration:none; }
.sy_mod_f .grid_e .hotrank_name:hover{ color:#e1251b; }
.sy_mod_f .grid_e .hotrank_price{ margin-top:3px; font-size:14px; font-weight:700; color:#e1251b;
  line-height:18px; white-space:nowrap;
  display:flex; justify-content:flex-end; align-items:baseline; }
.sy_mod_f .grid_e .hotrank_price span{ font-size:11px; }
.sy_mod_f .grid_e .hotrank_empty{ padding:14px 4px; font-size:12px; color:#999; text-align:center; }
/* 热销榜单分页（上一页/下一页） */
.sy_mod_f .grid_e .hotrank_tit_txt{ flex:0 0 auto; }
.sy_mod_f .grid_e .hotrank_pager{ flex:0 0 auto; display:flex; align-items:center; gap:3px; }
.sy_mod_f .grid_e .hr_pg{ position:relative; display:block; width:19px; height:19px;
  border:1px solid #f0b8b3; border-radius:4px; background:#fff; box-sizing:border-box; }
.sy_mod_f .grid_e .hr_pg:hover{ background:#fff1f0; border-color:#e1251b; }
.sy_mod_f .grid_e .hr_pg::before{ content:''; position:absolute; top:50%; border:4px solid transparent; }
.sy_mod_f .grid_e .hr_prev::before{ left:6px; transform:translateY(-50%); border-right-color:#e1251b; }
.sy_mod_f .grid_e .hr_next::before{ right:6px; transform:translateY(-50%); border-left-color:#e1251b; }
.sy_mod_f .grid_e .hr_pg.disabled{ opacity:.38; cursor:default; pointer-events:none; }
.sy_mod_f .grid_e .hr_pginfo{ font-size:12px; font-weight:400; color:#666; min-width:30px;
  text-align:center; line-height:1; }

/* =========================================================
   热销榜单：标题位于楼层标题横线下方，与商品首行对齐；
   行高固定，显示条数由 new_index.js 按楼层实际高度控制
   ========================================================= */
.sy_mod_f .grid_e{ margin-top:-5px !important; margin-left:5px !important; }
.sy_mod_f .grid_e .hotrank{ padding-top:10px; padding-bottom:10px; }
.sy_mod_f .grid_e .hotrank_item{ min-height:60px !important; padding-top:0 !important; padding-bottom:0 !important; }
.sy_mod_f .grid_e .hotrank_pic{ flex:0 0 46px !important; width:46px !important; height:46px !important; margin-right:8px; }

/* 锚点/刷新定位时，楼层停在固定顶部导航(.yx_head)下方，避免标题与榜单前几名被遮挡 */
.sy_mod_f{ scroll-margin-top:185px; }

/* =========================================================
   二级分类 tab 行：上移到楼层标题下边框（横线）上方，
   与楼层大标题同行；去掉原 tab 行下灰线
   ========================================================= */
.sy_mod_f .sy_mod_rank_hd{ margin-top:-59px !important; height:auto !important;
  padding:0 0 5px !important; border-bottom:0 !important; background:transparent !important; }

/* =========================================================
   每个楼层商品只显示两行（每行4个），第9个起隐藏；tab 行底部不压横线
   ========================================================= */
.sy_mod_f .sy_mod_rank_hd{ padding-bottom:0 !important; }
.sy_mod_f .sy_mod_rank_bd li.goods:nth-child(n+9){ display:none !important; }

/* =========================================================
   视口足够宽（>=1700，楼层完整居中且不与右侧悬浮栏重叠）时，
   榜单列填满楼层右缘、与楼层头部绿色线条右端对齐，并恢复右侧padding；
   窄/中视口榜单右侧让出悬浮工具栏宽度，价格不被遮挡
   ========================================================= */
@media screen and (min-width:1700px){
  .wrap_1600 .sy_mod_f .grid_e{ width:302px !important; }
  .sy_mod_f .grid_e .hotrank{ padding-right:12px !important; }
}

/* =========================================================
   中间商品展示区分页（上一页/下一页），位于商品区底部靠右
   ========================================================= */
.sy_mod_f .goods_pager{ position:static; z-index:auto;
  display:flex; align-items:center; gap:6px; margin:0; padding:0; flex:0 0 auto; }
.sy_mod_f .gp_pg{ position:relative; display:block; width:30px; height:26px;
  border:1px solid #f0b8b3; border-radius:5px; background:#fff; box-sizing:border-box; }
.sy_mod_f .gp_pg:hover{ background:#fff1f0; border-color:#e1251b; }
.sy_mod_f .gp_pg::before{ content:''; position:absolute; top:50%; border:6px solid transparent; }
.sy_mod_f .gp_prev::before{ left:9px; transform:translateY(-50%); border-right-color:#e1251b; }
.sy_mod_f .gp_next::before{ right:9px; transform:translateY(-50%); border-left-color:#e1251b; }
.sy_mod_f .gp_pg.disabled{ opacity:.38; cursor:default; pointer-events:none; }
.sy_mod_f .gp_pginfo{ font-size:13px; color:#666; min-width:42px; text-align:center; line-height:1; }

/* ---------- 加入购物车按钮（价格行右侧） ---------- */
.sy_mod_f .btn_addcart{ flex:0 0 auto; display:inline-flex; align-items:center; gap:3px; height:26px; padding:0 9px;
  background:#e1251b; color:#fff; font-size:12px; line-height:1; border-radius:14px; text-decoration:none;
  white-space:nowrap; cursor:pointer; box-sizing:border-box; transition:background .2s ease; }
.sy_mod_f .btn_addcart:hover{ background:#c71a13; }
.sy_mod_f .btn_addcart.loading{ opacity:.6; pointer-events:none; }
.sy_mod_f .btn_addcart .ic_cart{ width:14px; height:14px; display:inline-block;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 13h7.45c.75 0 1.41-.41 1.77-1.03L21.7 4H5.21l-.94-2H1zm16 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/></svg>") center/contain no-repeat; }
#addcart_toast{ position:fixed; left:50%; top:32%; transform:translate(-50%,-50%); background:rgba(0,0,0,.8);
  color:#fff; padding:13px 22px; border-radius:8px; font-size:14px; z-index:99999; display:none;
  align-items:center; gap:8px; }
#addcart_toast.show{ display:inline-flex; }
#addcart_toast b{ color:#7ed957; font-size:16px; }

/* ===== 商品营销角标（特价/人气/新品/推荐，右上角，多标竖排） ===== */
.sy_mod_f .pic_wrap{ position:relative; }
.corner_tags{
  position:absolute; top:0; right:0; z-index:5;
  display:flex; flex-direction:column; align-items:flex-end;
  pointer-events:none;
}
.sy_mod_f .pic_wrap .corner_tags .ct{
  display:inline-block;
  font-style:normal; font-size:11px; line-height:1; font-weight:600;
  color:#fff; padding:4px 7px 4px 8px; white-space:nowrap;
  border-radius:0 0 0 6px; margin-bottom:2px;
  text-shadow:0 1px 1px rgba(0,0,0,.15);
}
.corner_tags .tag_sale{ background:linear-gradient(135deg,#ff8f2a,#ff5500); }
.corner_tags .tag_hot{ background:linear-gradient(135deg,#ff5252,#e1251b); }
.corner_tags .tag_new{ background:linear-gradient(135deg,#26cc7d,#0fa95f); }
.corner_tags .tag_rec{ background:linear-gradient(135deg,#4f8fff,#2f6be0); }

/* ===== 热销排行榜自然包裹内容：顶部与商品区对齐，底部无空白 ===== */
.sy_mod_f .sy_mod_f_bd{ display:flex !important; align-items:flex-start !important; }
.sy_mod_f .sy_mod_f_bd > .grid_s,
.sy_mod_f .sy_mod_f_bd > .grid_m,
.sy_mod_f .sy_mod_f_bd > .grid_e{ float:none !important; }
.sy_mod_f .grid_s{ align-self:flex-start !important; }
.sy_mod_f .grid_m{ align-self:flex-start !important; }
.sy_mod_f .grid_e{ align-self:flex-start !important; margin-top:-5px !important; display:block !important; }
.sy_mod_f .grid_e .hotrank_group{ display:block !important; }
.sy_mod_f .grid_e .hotrank_group.hide{ display:none !important; }
.sy_mod_f .grid_e .hotrank_list{ display:block; }

/* ======================================================================
   #335-338 主站楼层对齐合约站：精品大图Tab + 卡片hover操作条 + 横线上方Tab + 列数
   仅追加覆盖，不改动既有规则；grid_e 热销榜改为精品Tab布局后 display:none（不删DOM/逻辑）
   ====================================================================== */

/* ============ 网格：grid_e（热销榜）隐藏，商品区 grid_m 自适应占满 ============ */
.sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .grid_e{display:none !important;width:0 !important;height:0 !important;overflow:hidden;flex:0 0 0 !important;}
.sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .grid_m{width:auto;flex:1 1 auto;min-width:0;}
/* 窄屏 1280 档（1225容器）：左广告190 + 商品区1035 */
body.wrap_1280 .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25){width:1225px;}
body.wrap_1280 .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .grid_s{width:190px;flex:0 0 190px;}
body.wrap_1280 .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .grid_m{width:1035px;flex:0 0 1035px;}
/* 商品分页器对齐商品区（窄屏） */
body.wrap_1280 .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .goods_pager{flex:0 0 1035px;width:1035px;margin-left:190px;}

/* 默认 <1280（985）档：隐藏热销榜，商品区占满；4列（关广告5列） */
body:not(.wrap_1280):not(.wrap_1600) .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .grid_s{width:190px;flex:0 0 190px;}
body:not(.wrap_1280):not(.wrap_1600) .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .grid_m{flex:1 1 auto;}
body:not(.wrap_1280):not(.wrap_1600) .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .goods_pager{width:100%;}

/* ============ 商品池：flex 网格，替代旧 float/固定宽 ============ */
.sy_mod_f .sy_mod_rank{width:auto !important;height:auto;min-height:0;}
.sy_mod_f .sy_mod_rank_bd{width:auto !important;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;height:auto;list-style:none;margin:0;padding:0;}
.sy_mod_f .sy_mod_rank_bd.hide{display:none;}
.sy_mod_f .sy_mod_rank_bd[style*="display: block"],
.sy_mod_f .sy_mod_rank_bd[style*="display:block"]{display:flex !important;flex-wrap:wrap;align-content:flex-start;}
.grid_c1.sy_mod_f > .sy_mod_f_bd:not(.boomtad){padding-top:10px;}

/* ============ 商品卡：flex item，图→名称→(编码hover才显)→价格常驻底部槽 ============ */
.sy_mod_f .sy_mod_rank_bd li.goods{
  float:none !important;flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;
  height:auto !important;overflow:hidden;position:relative;
  border:1px solid transparent;border-radius:6px;box-sizing:border-box;
  padding:0 0 61px !important;margin:0 !important;
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}
/* 取消旧规则第9个起隐藏（每页12条，分页控制，不再CSS截断） */
.sy_mod_f .sy_mod_rank_bd li.goods:nth-child(n+9){display:flex !important;}
.sy_mod_f .sy_mod_rank_bd .pic_wrap{order:0;flex:0 0 auto;position:relative;}
.sy_mod_f .sy_mod_rank_bd .title_wrap{order:1;flex:0 0 auto;}
.sy_mod_f .sy_mod_rank_bd .code_wrap{order:2;display:none;}
/* 价格常驻底部槽（恒定61px，hover在同槽覆盖，不跳动） */
.sy_mod_f .sy_mod_rank_bd li.goods .price_wrap{
  order:3;position:absolute;left:0;right:0;bottom:0;height:61px;
  display:flex;align-items:center;padding:0 8px;box-sizing:border-box;z-index:5;overflow:visible;
}
/* 覆盖旧胶囊红价样式 */
.sy_mod_f .sy_mod_rank_bd li.goods .price_wrap .price{
  background:none !important;border:0 !important;border-radius:0 !important;
  height:20px;line-height:20px;padding:0;margin:0;white-space:nowrap;
  font-size:16px;color:#e4393c;font-weight:700;font-family:Arial,"Microsoft YaHei",sans-serif;
}
.sy_mod_f .sy_mod_rank_bd li.goods .price_wrap .price span{font-size:12px;font-weight:400;margin-right:1px;}
.sy_mod_f .sy_mod_rank_bd li.goods .price_wrap .price .price_unit{font-size:11px;font-weight:400;color:#999;}
/* 名称完整显示，不限高不截断 */
.sy_mod_f .sy_mod_rank_bd li.goods .title_wrap{height:auto !important;max-height:none;overflow:visible;white-space:normal;padding:4px 8px 0;}
.sy_mod_f .sy_mod_rank_bd li.goods .title_wrap a{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;text-overflow:ellipsis;white-space:normal;
  height:auto;max-height:40px;line-height:20px;font-size:13px;color:#333;word-break:break-all;
}
.sy_mod_f .sy_mod_rank_bd li.goods .title_wrap a:hover{color:#e4393c;}

/* ============ hover 操作条（价格/编码 + 数量加减/加购/对比/收藏） ============ */
.sy_mod_f .sy_mod_rank_bd li.goods .fc_hover{
  position:absolute;left:0;right:0;bottom:0;z-index:8;
  background:rgba(255,255,255,.98);box-sizing:border-box;
  height:61px;padding:6px 8px 8px;
  box-shadow:0 -3px 12px rgba(0,0,0,.10);border-top:1px solid #fbe3e2;border-radius:0 0 6px 6px;
  opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.sy_mod_f .sy_mod_rank_bd li.goods:hover .fc_hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
/* hover 红框：与列表页一致 #f3bcba + 红色投影 + 上浮；常态透明1px占位，只改色不改尺寸，切换不跳动 */
.sy_mod_f .sy_mod_rank_bd li.goods:hover{
  z-index:9;outline:0;transform:translateY(-2px);
  border-color:#f3bcba !important;box-shadow:0 8px 20px rgba(225,37,27,.14);
}
.sy_mod_f .sy_mod_rank_bd li.goods:hover .price_wrap{display:none;}
.fc_r1{display:flex;align-items:center;justify-content:space-between;height:18px;line-height:18px;margin-bottom:4px;gap:6px;}
.fc_price{color:#e4393c;font-weight:700;font-size:15px;font-family:Arial,sans-serif;white-space:nowrap;}
.fc_price i{font-style:normal;font-size:12px;margin-right:1px;font-weight:400;}
.fc_code{color:#999;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fc_r2{display:flex;align-items:center;flex-wrap:nowrap;height:24px;box-sizing:border-box;}
.fc_qty{display:inline-flex;align-items:stretch;border:1px solid #ddd;border-radius:3px;overflow:hidden;flex:0 0 auto;box-sizing:border-box;height:24px;}
.fc_qty a{display:inline-block;width:16px;height:22px;line-height:20px;text-align:center;color:#666;background:#f7f7f7;cursor:pointer;user-select:none;font-size:14px;box-sizing:border-box;}
.fc_qty a:hover{color:#e4393c;}
.fc_qty .fc-num{width:26px;height:22px;border:0;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:11px;padding:0;margin:0;box-sizing:border-box;}
.fc-btn{flex:0 0 auto;display:inline-block;cursor:pointer;text-align:center;border-radius:3px;box-sizing:border-box;height:24px;}
.fc-btn-cart{flex:1 1 auto;min-width:0;background:#e4393c;color:#fff;font-size:11px;height:24px;line-height:24px;padding:0 4px;margin-left:4px;white-space:nowrap;overflow:hidden;}
.fc-btn-cart:hover{background:#c81623;color:#fff;}
.fc-btn-cmp{font-size:11px;color:#666;height:24px;line-height:22px;padding:0 4px;margin-left:4px;border:1px solid #ddd;white-space:nowrap;}
.fc-btn-cmp:hover{color:#e4393c;border-color:#e4393c;}
.fc-btn-fav{width:22px;height:24px;line-height:24px;margin-left:4px;color:#bbb;text-align:center;padding:0;}
.fc-btn-fav:hover{color:#e4393c;}
.fc_heart{font-size:16px;line-height:1;}
.fc-btn-fav:hover .fc_heart{color:#e4393c;}
/* 触屏无hover：操作条常驻 */
@media (hover:none){
  .sy_mod_f .sy_mod_rank_bd li.goods{padding-bottom:0 !important;}
  .sy_mod_f .sy_mod_rank_bd li.goods .fc_hover{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;border-top:0;height:auto;min-height:0;padding:4px 8px 8px;}
  .sy_mod_f .sy_mod_rank_bd li.goods .price_wrap{display:none;}
}

/* ============ 标题行：标题固定占左广告区，Tab 坐横线上方（窄屏190） ============ */
.sy_mod_f .sy_mod_f_hd{display:flex;align-items:stretch;min-height:42px;height:auto;}
.sy_mod_f .sy_mod_f_hd .sy_mod_f_tit{float:none;flex:0 0 190px;display:flex;align-items:center;box-sizing:border-box;line-height:42px;}
.sy_mod_f .sy_mod_f_hd .sy_mod_f_tit h2{font-size:20px;white-space:nowrap;margin:0;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext{float:none;flex:1 1 auto;display:flex;align-items:flex-end;flex-wrap:wrap;min-height:42px;height:auto;padding:0;margin:0;list-style:none;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li{
  float:none;display:inline-flex;align-items:center;justify-content:center;
  height:36px;padding:0 5px;margin:0 2px;
  font:400 15px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial;
  cursor:pointer;border-radius:2px 2px 0 0;white-space:nowrap;
}
/* 标题菜单收紧：a 左右内边距3px，配合 li 5px，色块两侧留白约8px（选中/未选中同宽不跳动） */
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li a{padding-left:3px;padding-right:3px;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.sy_mod_rank_gap{display:none !important;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.rank_more{margin-left:auto;margin-right:0;padding:0 2px 0 10px;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.rank_more a{color:#666;font-weight:400;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.rank_more a:hover{color:#ff7201;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.rank_more .more_arrow{font-style:normal;font-weight:400;margin-left:3px;font-size:16px;line-height:1;}
.sy_mod_f .sy_mod_rank .sy_mod_rank_hd{display:none;}
/* 精品Tab星标 */
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab{position:relative;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab a{font-weight:600;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab a:before{content:"\2605";margin-right:3px;font-size:12px;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab a:hover{color:#ff7201;}
/* 选中块通用（默认橙，colorN规则下方覆盖） */
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.on,
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{margin:0 2px;padding:0 5px;background-color:#EA5504;border-radius:2px 2px 0 0;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-image:none !important;}
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.on a,
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on a,
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.on a:hover,
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on a:hover{color:#fff !important;}

/* ============ 选中 Tab 色块跟随各楼层主题色（与该楼层横线同色） ============ */
.color0 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color0 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#00A93A !important;}
.color0 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#00A93A !important;}
.color1 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color1 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#EA5504 !important;}
.color1 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#EA5504 !important;}
.color2 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color2 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#E4007F !important;}
.color2 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#E4007F !important;}
.color3 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color3 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#043491 !important;}
.color3 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#043491 !important;}
.color4 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color4 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#591A86 !important;}
.color4 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#591A86 !important;}
.color5 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color5 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#4E3819 !important;}
.color5 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#4E3819 !important;}
.color6 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color6 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#00887A !important;}
.color6 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#00887A !important;}
.color7 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color7 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#EA9900 !important;}
.color7 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#EA9900 !important;}
.color8 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color8 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#E6421A !important;}
.color8 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#E6421A !important;}
.color9 .sy_mod_f_hd .sy_mod_rank_ext li.on,.color9 .sy_mod_f_hd .sy_mod_rank_ext li.bt_tab.on{background-color:#3CC4C4 !important;}
.color9 .sy_mod_f_hd .sy_mod_rank_ext li:not(.on) a:hover{color:#3CC4C4 !important;}

/* ============ 广告一键关闭：左广告(含底部子类)隐藏，商品区占满，多一列 ============ */
html.ad-off .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .grid_s{display:none !important;}
html.ad-off .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .grid_m{width:100% !important;flex:1 1 auto !important;}
html.ad-off .sy_mod_f .sy_mod_rank,html.ad-off .sy_mod_f .sy_mod_rank_bd{width:100% !important;}
html.ad-off .sy_mod_f .sy_mod_f_hd .sy_mod_f_tit{flex:0 0 auto;}
body.wrap_1280 html.ad-off .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .goods_pager,
html.ad-off body.wrap_1280 .sy_mod_f .sy_mod_f_bd:not(.grid_s5m25) > .goods_pager{flex:0 0 1225px;width:1225px;margin-left:0;}

/* ============ 窄屏 1280 商品图与列数：广告开5列(卡205)、广告关6列(卡204) ============ */
body.wrap_1280 .sy_mod_f .sy_mod_rank_bd li.goods{width:205px;}
body.wrap_1280 .sy_mod_f .sy_mod_rank_bd .goods .pic_wrap{height:190px;}
body.wrap_1280 .sy_mod_f .sy_mod_rank_bd .goods .litpic{width:190px;height:190px;line-height:190px;margin-left:10px;}
body.wrap_1280 .sy_mod_f .sy_mod_rank_bd .goods .litpic img{width:180px;height:180px;}
html.ad-off body.wrap_1280 .sy_mod_f .sy_mod_rank_bd li.goods{width:204px;}
html.ad-off body.wrap_1280 .sy_mod_f .sy_mod_rank_bd .goods .litpic{width:189px;}
html.ad-off body.wrap_1280 .sy_mod_f .sy_mod_rank_bd .goods .litpic img{width:178px;height:178px;}
/* 懒加载图常驻显示，避免 fadeIn 把 img 停在 display:none */
.sy_mod_f .sy_mod_rank_bd .goods .litpic img{display:inline-block !important;}

/* 默认 <1280 档保底：广告开4列、关广告5列，图片自适应 */
body:not(.wrap_1280):not(.wrap_1600) .sy_mod_f .sy_mod_rank_bd li.goods{width:25%;}
body:not(.wrap_1280):not(.wrap_1600) .sy_mod_f .sy_mod_rank_bd .goods .litpic{width:100%;height:auto;}
body:not(.wrap_1280):not(.wrap_1600) .sy_mod_f .sy_mod_rank_bd .goods .litpic img{width:100%;height:auto;}
html.ad-off body:not(.wrap_1280):not(.wrap_1600) .sy_mod_f .sy_mod_rank_bd li.goods{width:20%;}

/* ======================================================================
   #332 主站左侧楼层导航（复刻合约站电商样式）：全部分类/领券/动态楼层/行业资讯/帮助/顶部
   内层用 #elevBox 隔离旧 dianti.js 与旧 .elevator{display:none} 规则
   ====================================================================== */
#elevSide{display:none;position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:60;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;}
#elevBox{display:block !important;width:auto;overflow:visible;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12);padding:0;transition:transform .25s ease,opacity .25s ease;}
#elevSide.collapsed #elevBox{transform:translateX(calc(-100% - 14px));opacity:0;pointer-events:none;}
#elevBox .elev-hd{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 8px;background:#fafafa;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;}
#elevBox .elev-hd-txt{font-size:12px;font-weight:700;color:#666;letter-spacing:1px;}
#elevBox .elev-toggle{width:18px;height:18px;line-height:15px;text-align:center;border:1px solid #ddd;border-radius:4px;color:#888;cursor:pointer;font-size:14px;user-select:none;background:#fff;}
#elevBox .elev-toggle:hover{border-color:#c81623;color:#c81623;}
#elevBox ul{list-style:none;margin:0;padding:0;overflow:hidden;background:#fff;border-radius:0 0 8px 8px;}
#elevBox li{position:relative;width:90px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #f1f1f1;cursor:pointer;color:#333;font-size:13px;transition:background .15s ease,color .15s ease;}
#elevBox li:last-child{border-bottom:none;}
#elevBox li a{text-decoration:none;color:inherit;display:block;}
#elevBox li .ef-num{display:none;}
#elevBox li .etitle{position:static;display:block;opacity:1;transform:none;pointer-events:auto;white-space:nowrap;width:90px;height:auto;line-height:32px;padding:0;text-align:center;background:transparent;color:#333;border:0;border-radius:0;box-shadow:none;font-size:13px;font-weight:400;transition:none;}
#elevBox li:hover{background:#fff3f3;}
#elevBox li:hover .etitle{color:#c81623;}
#elevBox li.current{background:#c81623;}
#elevBox li.current .etitle{color:#fff;font-weight:600;}
#elevBox li.ef-top{border-top:1px solid #eee;}
#elevExpand{display:none;position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:60;background:#fff;border:1px solid #f2c4c4;border-left:none;border-radius:0 8px 8px 0;box-shadow:2px 4px 14px rgba(0,0,0,.12);padding:10px 5px;cursor:pointer;text-align:center;color:#c81623;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;}
#elevSide.collapsed #elevExpand{display:block;}
#elevExpand .elev-expand-txt{writing-mode:vertical-rl;letter-spacing:3px;font-size:13px;font-weight:700;display:block;margin-bottom:6px;}
#elevExpand .elev-expand-arrow{font-size:16px;font-weight:700;line-height:1;}

/* ======================================================================
   #336 商品分页器移入标题行最右侧（与 Tab/“更多”同一行），不再 absolute 遮挡 Tab
   Tab 菜单按内容宽收缩，分页器 margin-left:auto 吸附行末；全分辨率一致。
   ====================================================================== */
.sy_mod_f .sy_mod_f_hd .sy_mod_rank_ext{flex:0 1 auto;min-width:0;}
.sy_mod_f .sy_mod_f_hd > .goods_pager{
  flex:0 0 auto; margin-left:auto; align-self:center;
  display:flex; align-items:center; justify-content:flex-end; gap:6px;
  padding:0 2px 3px 12px; white-space:nowrap; height:auto; z-index:auto;
}
.sy_mod_f .sy_mod_f_hd > .goods_pager .gp_pg{flex:0 0 auto;}
.sy_mod_f .sy_mod_f_hd > .goods_pager .gp_pginfo{flex:0 0 auto;}
/* 分页器进入标题行后，原先针对 .sy_mod_f_bd 直接子级的宽度规则不再适用（且不再匹配），兜底重置 */
.sy_mod_f .sy_mod_f_bd > .goods_pager{flex:0 0 auto !important;width:auto !important;margin-left:0 !important;}
/* ===== 热销大图网格 左上角热销名次角标（沿用原热销榜序号/配色） ===== */
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_no{position:absolute;top:0;left:0;z-index:6;min-width:22px;height:22px;padding:0 5px;line-height:22px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:#b8bdc3;border-radius:6px 0 8px 0;box-shadow:0 1px 2px rgba(0,0,0,.12);}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n1{background:#e1251b;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n2{background:#e85b0c;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n3{background:#d98c00;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n4{background:#5fa820;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n5{background:#2e9e44;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n6{background:#0e9e9e;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n7{background:#1283c6;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n8{background:#2b5fa8;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n9{background:#5b4bb0;}
.sy_mod_f .sy_mod_rank_bd li.goods .hr_grid_n10{background:#8a2bb0;}

/* ===== CLS 防刷新跳动 20261014：商品池最小高度占位，防AJAX换页时楼层高度突变下拉 ===== */
.sy_mod_f .sy_mod_rank_bd:not(.hide):not([id^="j_pool_bt"]):not([id^="j_pool_hr"]){ min-height:540px; }