/* ===== ickey 风格首页广告区（企乐采） ===== */
/* 固定垂直滚动条位置，防止内容加载后滚动条出现/消失导致页面左右跳动 */
html{overflow-y:scroll;}
/* 旧 CSS .menu 固定 height:38 使 border-bottom 错位；改为自适应包住舞台，并去掉通屏下边框（红线改到顶部、宽度对齐行业资讯内容列） */
.menu{height:auto !important;border-bottom:none !important;margin-top:0 !important;}
/* 老资源 zkh_header.css 的 #header::after 在广告区底部画通屏红线，首页广告区不需要，隐藏 */
#header::after{display:none !important;}
/* 最顶条#shortcut改为fixed吸顶后不占文档流，占位#headercontent需从0起占满 最顶条35+搜索Header104=139，使广告区紧接其下 */
#headercontent{height:139px !important;}
.ickey-stage{display:flex;gap:10px;width:100%;height:531px;margin:0;position:relative;}
/* 红色分隔线：与左侧标题色块底部齐平(top39=y277)，左右边缘对齐下方行业资讯内容列(L9..R1567)，不通屏 */
.ickey-stage::after{content:"";position:absolute;top:39px;left:4px;right:0px;width:auto;height:2px;background:#d71635;z-index:2;pointer-events:none;}
.ickey-stage *{box-sizing:border-box;}

/* ---- 左：分类导航（样式保持原有，标题与导航同行，圆角处理） ---- */
.hero-cate{flex:0 0 200px;width:200px;height:531px;position:relative;}
.hero-cate .menu-class-title{border-radius:4px 4px 0 0 !important;}
.hero-cate .menu-class-body{height:491px !important;width:200px;box-sizing:border-box;border-radius:0 0 4px 4px;}
/* active 项沿用旧 CSS 完整四边红框（右下角自闭合），其右边框与 body 连续竖线在 x204 相接 */
/* em 连接桥只覆盖竖边框（li 右边框+浮层左边框）形成门框开口，高度收为36不压 li 下边框，避免右下角缺口 */
.hero-cate li.active .menuclass-title em{height:36px;}
.hero-cate .menuclass-content{min-height:491px !important;border-radius:4px;}

/* ---- 右侧列：顶部导航 + 内容行 ---- */
.ickey-right{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px;}
.ickey-topnav{flex:0 0 40px;height:40px;}
.ickey-row{flex:1 1 auto;min-height:0;display:flex;gap:10px;}
.hero-center{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px;}

/* ---- 大图轮播 ---- */
.hero-big{flex:80 1 0;min-height:0;position:relative;border-radius:4px;overflow:hidden;background:#eef0f2;}
.hero-big .bd{position:relative;height:100%;}
.hero-big .bd ul{margin:0;padding:0;height:100%;}
.hero-big .bd li{height:100% !important;background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;list-style:none;}
.hero-big .hd{position:absolute;bottom:14px;left:0;right:0;text-align:center;z-index:5;}
.hero-big .hd ul{display:inline-block;margin:0;padding:0;}
.hero-big .hd li{display:inline-block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55);margin:0 5px;cursor:pointer;text-indent:-999px;overflow:hidden;list-style:none;transition:all .25s;}
.hero-big .hd li.on{background:#fff;width:24px;border-radius:5px;}
.hero-arrow{position:absolute;top:50%;margin-top:-23px;width:38px;height:46px;background:rgba(0,0,0,.28);z-index:6;cursor:pointer;transition:background .2s;opacity:0;}
.hero-big:hover .hero-arrow{opacity:1;}
.hero-arrow:hover{background:rgba(166,25,27,.85) !important;}
.hero-prev{left:0;border-radius:0 4px 4px 0;}
.hero-next{right:0;border-radius:4px 0 0 4px;}
.hero-prev:after,.hero-next:after{content:"";position:absolute;top:50%;left:50%;border:8px solid transparent;}
.hero-prev:after{border-right-color:#fff;margin:-8px 0 0 -13px;}
.hero-next:after{border-left-color:#fff;margin:-8px 0 0 -3px;}

/* ---- 小广告栏（3张上下三等分，宽度贴合232x204原图比例） ---- */
.hero-small{flex:20 1 0;min-height:0;display:flex;flex-direction:row;gap:10px;}
.hero-small-item{flex:1 1 0;min-width:0;min-height:0;border-radius:4px;overflow:hidden;display:block;padding:0;background:#fff;}
.hero-small-item img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---- 公告栏 ---- */
.hero-notice{flex:0 0 230px;width:230px;background:#fff;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;}
.hn-user{padding:12px 12px 10px;border-bottom:1px solid #f1f1f1;}
.hn-user-title{font-size:14px;color:#222;margin-bottom:9px;font-weight:500;}
.hn-btns{display:flex;gap:8px;margin-bottom:9px;}
.hn-btn{flex:1;height:30px;line-height:30px;text-align:center;border-radius:3px;color:#fff;font-size:14px;text-decoration:none;}
.hn-btn-reg{background:#2f7af5;}
.hn-btn-login{background:#ff7d00;}
.hn-guest{margin:-12px -12px -10px;padding:16px 14px 15px;background:linear-gradient(180deg,#e7f3ff 0%,#f6faff 100%);text-align:center;}
.hn-guest .hn-user-title{color:#1f2d3d;font-weight:600;margin-bottom:13px;}
.hn-guest .hn-btns{margin-bottom:12px;}
.hn-guest .hn-btn{height:34px;line-height:34px;}
.hn-gift{font-size:13px;color:#1f2d3d;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hn-gift .hn-gift-tag{color:#ff7100;font-weight:700;margin-right:2px;}
/* logged-in welcome card */
.hn-user-welcome{margin:-12px -12px -10px;padding:16px 14px 15px;background:linear-gradient(180deg,#e7f3ff 0%,#f6faff 100%);text-align:center;}
.hn-user-welcome .hn-hello{font-size:15px;line-height:1.4;color:#1f2d3d;font-weight:600;margin-bottom:13px;}
.hn-user-welcome .hn-hello b{color:#1f2d3d;font-weight:700;margin-left:2px;}
.hn-center-btn{display:block;width:100%;height:38px;line-height:38px;box-sizing:border-box;background:linear-gradient(180deg,#ff8c42 0%,#ff7100 100%);color:#fff;font-size:15px;font-weight:600;border-radius:4px;text-decoration:none;}
.hn-center-btn:hover{background:linear-gradient(180deg,#ff7a26 0%,#f26500 100%);color:#fff;}

.hn-news{padding:10px 12px 6px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;}
.hn-news-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.hn-news-title{font-size:15px;font-weight:600;color:#222;}
.hn-news-more{font-size:12px;color:#999;text-decoration:none;}
.hn-news-list{flex:1 1 auto;}
.hn-news-item{display:flex;align-items:center;font-size:12.5px;padding:4px 0;}
.hn-tag{flex:0 0 auto;background:#ff7d00;color:#fff;font-size:10px;padding:0 4px;border-radius:2px;margin-right:6px;height:16px;line-height:16px;}
.hn-news-item a{color:#555;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0;}
.hn-news-item a:hover{color:#a6191b;}

.hn-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #f1f1f1;padding:8px 2px 6px;}
.hn-link{text-align:center;text-decoration:none;color:#5a6570;font-size:11px;padding:3px 0;line-height:1.3;}
.hn-link svg{display:block;width:25px;height:25px;margin:0 auto 3px;stroke:#2f7af5;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hn-link:hover{color:#a6191b;}
.hn-link:hover svg{stroke:#a6191b;}
/* ---- 顶部导航行：导航菜单 + 右侧广播公告长条（广播图标 + 文字向左循环滚动，hover暂停） ---- */
.menu-main.ickey-topnav{display:flex !important;align-items:center;margin-left:0 !important;}
.menu-main-left{float:none !important;flex:0 0 auto;}
.menu-main .nav-tel{flex:1 1 auto !important;border:none !important;background:transparent !important;height:auto !important;line-height:1.4 !important;padding:0 !important;position:static !important;top:auto !important;right:auto !important;transform:none !important;float:none !important;margin:0 !important;display:flex !important;align-items:center;white-space:nowrap;}
.menu-main .nav-tel .mod_notice{flex:1 1 auto;display:flex !important;align-items:center;}
.menu-main .nav-tel .dot_speak{flex:0 0 auto;width:17px;height:17px;margin:0 6px 0 0 !important;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d71635'><path d='M3 10v4a1 1 0 001 1h2l5 4V5L6 9H4a1 1 0 00-1 1zm12-6.77v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/></svg>") center center no-repeat !important;background-size:18px 18px !important;}
.menu-main .nav-tel .notice_list{flex:1 1 auto !important;width:auto !important;display:block !important;height:20px;line-height:20px;overflow:hidden;position:relative;}
.menu-main .nav-tel .notice_list ul{position:static !important;height:auto !important;white-space:nowrap;margin:0;padding:0;animation:none;will-change:transform;}
.menu-main .nav-tel:hover .notice_list ul{animation-play-state:paused;}
.menu-main .nav-tel .notice_list li{display:inline-block;margin-right:40px;}
.menu-main .nav-tel .notice_list li a{color:#666 !important;font-size:13px;}
.menu-main .nav-tel .notice_list li a:hover{color:#d71635 !important;}
@keyframes navNoticeScroll{0%{transform:translateX(490px);}100%{transform:translateX(-100%);}}

/* ===== 非首页：仅保留精简导航条（分类标题 + 水平菜单 + 广播公告），隐藏首页广告区（大图/小广告/公告栏/展开分类） ===== */
.ickey-stage.ickey-subpage{height:auto !important;align-items:stretch;}
.ickey-stage.ickey-subpage .hero-cate{height:40px !important;}
.ickey-stage.ickey-subpage .menu-class-body{display:none !important;}
.ickey-stage.ickey-subpage .ickey-right{height:auto !important;display:block;}
.ickey-stage.ickey-subpage .ickey-topnav{height:40px !important;}
.ickey-stage.ickey-subpage .ickey-row{display:none !important;}
/* 子页面：分类默认收起，悬停“全部商品分类”时展开完整面板（左侧分类列表 + 右侧二级 menuclass-content） */
.ickey-stage.ickey-subpage .hero-cate:hover .menu-class-body{display:block !important;}
.ickey-stage.ickey-subpage .hero-cate:hover .menu-class-body li.active .menuclass-content{display:block !important;}
/* 展开分类时抬高层级，避免详情页缩略图列(z-index:50)遮挡分类浮层；详情页用不透明白底防止缩略图透出 */
.menu-class.cate-open{z-index:200;}
.menu-class.cate-over-thumb .menu-class-body{background:#ffffff;}
/* =========================================================
   宽屏（>=1600，wrap_1600）：恢复原始布局——大图在左、3张小广告在右侧竖排
   <1600 时仍为“大图更宽更矮、小广告在下方横排”
   ========================================================= */
body.wrap_1600 .hero-center{flex-direction:row;}
body.wrap_1600 .hero-big{flex:1 1 0%;min-width:0;}
body.wrap_1600 .hero-small{flex:0 0 175px;flex-direction:column;min-height:0;}
body.wrap_1600 .hero-small-item{flex:1 1 0;width:100%;min-height:0;}
/* 12项菜单下广告行填满（菜单自然高520、stage531，底部各留约11） */
body.wrap_1600 .ickey-row{flex:1 1 auto;}

/* =========================================================
   普通屏（1280<=视口<1600，wrap_1280）：首屏高度按12项菜单自然高度(520)，
   三小广告保持矮条（固定94高），大图占剩余高度
   ========================================================= */
body.wrap_1280 .ickey-stage{height:520px;}
body.wrap_1280 .hero-cate{height:520px;}
body.wrap_1280 .hero-cate .menu-class-body{height:480px !important;}
body.wrap_1280 .hero-cate .menuclass-content{min-height:480px !important;}
body.wrap_1280 .hero-small{flex:0 0 94px;}
body.wrap_1280 .hero-big{flex:1 1 auto;}

/* =========================================================
   京东式商品图片加载占位：浅灰底+居中水印，图片加载完成后平滑淡入
   ========================================================= */
.pic_wrap,
.litpic,
.img_wrap,
.goods-pic,
.prod-pic,
.item-pic,
.card-img,
.ey100-pic,
.mod_pic,
.goods_img,
.list-pic,
.ql_pic,
.ms-card-img,
.hot-card-img,
.tj-card-img,
.xp-card-img,
.tj-pic,
.hot-pic,
.b-img,
.ql_hc_pic,
.m-goodsList dt a,
#con_one_6 #scrollbox li a {
    background-color:#fff !important;
    background-image:url('/cl/images/nopic_watermark.png') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    overflow:hidden;
}
.b-img { aspect-ratio:auto; }
.hot-card-img,
.tj-card-img,
.xp-card-img,
.tj-pic,
.hot-pic { aspect-ratio:1/1; }
.pic_wrap img,
.litpic img,
.img_wrap img,
.goods-pic img,
.prod-pic img,
.item-pic img,
.card-img img,
.ey100-pic img,
.mod_pic img,
.goods_img img,
.list-pic img,
.ql_pic img,
.ms-card-img img,
.hot-card-img img,
.tj-card-img img,
.xp-card-img img,
.tj-pic img,
.hot-pic img,
.b-img img,
.ql_hc_pic img,
.m-goodsList dt a img {
    background:transparent;
    display:block;
}

/* ===== 首页FLASH SALE tab面板默认隐藏非首tab，防刷新散开 ===== */
#con_one_2, #con_one_3, #con_one_4, #con_one_5, #con_one_6,
#skcard_2, #skcard_3, #skcard_4, #skcard_5, #skcard_6 {
    display:none;
}

/* ===== 隐藏scrollbox原生水平滚动条（JS用按钮翻页，不需要滚动条） ===== */
.sk-floor .scrollbox,
.sk-floor .scrollbox ul {
    overflow-x:hidden !important;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.sk-floor .scrollbox::-webkit-scrollbar,
.sk-floor .scrollbox ul::-webkit-scrollbar {
    display:none;
    width:0;
    height:0;
}

/* ===== 商品列表页保持原样（仅#container内白底），首页楼层保留灰底水印占位 ===== */
#container .litpic, #container .goods_img, #container .list-pic, #container .ql_pic, #container .pic_wrap, #container .img_wrap,
#container .goods-pic, #container .prod-pic, #container .item-pic, #container .card-img, #container .ey100-pic, #container .mod_pic,
#container .ql_hc_pic,
#container .id_pic .link_pic,
#container .id_list .link_pic {
    background-color: #fff !important;
    background-image: none !important;
}

/* 猜你喜欢卡片改为同商品列表卡片样式：白底+可见边框+圆角+hover浮动 */
.m-goodsList dt,
.m-goodsList dt a,
#container .ql_bottomgrid.id_pic .item_list,
#container .ql_bottomgrid .item_list {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    overflow: hidden;
    transition: box-shadow .2s, border-color .2s, transform .2s;
}
.m-goodsList dt:hover,
.m-goodsList dt a:hover,
#container .ql_bottomgrid.id_pic .item_list:hover,
#container .ql_bottomgrid .item_list:hover {
    border-color: #f3bcba !important;
    box-shadow: 0 8px 20px rgba(225,37,27,.14);
    transform: translateY(-2px);
}
/* 首页FLASH SALE各tab商品卡：去除图片(dt/dt a)四周描边线框；hover只保留整卡外框红边与浮动，图片本体不再单独出线框 */
.sk-floor .m-goodsList dt,
.sk-floor .m-goodsList dt a {
    border: none !important;
}
.sk-floor .m-goodsList dt:hover,
.sk-floor .m-goodsList dt a:hover {
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ===== 底部分页器加白色条带背景（对齐顶部工具栏样式） ===== */
#container .page_wrap {
    background: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    margin: 10px 0 20px !important;
    padding: 0 15px !important;
}