/* ==============================
   顶部信息栏
============================== */

.bc-topbar {
	width: 100%;
	height: 36px;
	background: #f5f6f8;
	color: #666;
	font-size: 12px;
}

.bc-topbar-box {
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 !important;
	text-align: left;
}

.bc-topbar-welcome {
	height: 36px;
	line-height: 36px;
	color: #777;
	font-size: 12px;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.bc-topbar-right {
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 12px;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

	.bc-topbar-right a {
		color: #666;
		font-size: 12px;
		text-decoration: none;
	}

		.bc-topbar-right a:hover {
			color: #2d7fe8;
		}

.bc-user-area {
	height: 36px;
	display: flex;
	align-items: center;
}

.bc-register-link {
	color: #3487ec !important;
}

.bc-topbar-line {
	display: block;
	width: 1px;
	height: 13px;
	margin: 0 15px;
	background: #e2e4e8;
	flex: none;
}

.bc-topbar-link {
	height: 36px;
	display: flex;
	align-items: center;
}

.bc-topbar-phone {
	height: 36px;
	display: flex;
	align-items: center;
	color: #1e467c;
	font-size: 12px;
	font-weight: 700;
}

	.bc-topbar-phone img {
		display: block;
		width: 13px;
		height: 13px;
		margin-right: 8px;
		border: 0;
	}

	.bc-topbar-phone span {
		font-size: 12px;
		line-height: 36px;
	}


/* ==============================
   顶部广告
============================== */

.bc-top-ad {
	width: 100%;
	height: 60px;
	overflow: hidden;
	background: #2782f5;
}

	.bc-top-ad a {
		display: block;
		width: 100%;
		height: 60px;
		overflow: hidden;
	}

	.bc-top-ad img {
		display: block;
		width: 1920px;
		height: 60px;
		position: relative;
		left: 50%;
		margin-left: -960px;
		border: 0;
	}



/* =========================================================
   Header
   针对全局 * { margin:0 auto; padding:0; } 做局部重置
========================================================= */

.bc-header,
.bc-header *{
    box-sizing:border-box; margin-top:20px;
}

.bc-header *{
    margin:0;
    padding:0;
}

.bc-header{
    width:100%;
    text-align:left;
}

/* bc-container 本身仍然保持1360居中 */
.bc-header .bc-container{
    margin:0 auto;
}

.bc-header-box{
    height:166px;
    background:#fff;
    border-radius:20px 20px 0 0;
    overflow:visible;
}


/* =========================================================
   第一行
========================================================= */

.bc-header-top{
    width:1160px;
    height:112px;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
}


/* =========================================================
   LOGO
========================================================= */

.bc-header-brand{
    width:418px;
    height:112px;
    padding-top:25px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex:none;
}

.bc-header-brand > a{
    display:block;
    width:207px;
    height:57px;
    flex:none;
    margin:0;
}

.bc-header-logo{
    display:block;
    width:207px;
    height:57px;
    margin:0;
    border:0;
}

.bc-header-brand-text{
    margin:11px 0 0 10px;
    padding:0;
    white-space:nowrap;
    text-align:left;
}

.bc-header-slogan{
    margin:0;
    padding:0;
    color:#666;
    font-size:14px;
    line-height:20px;
    font-weight:400;
    letter-spacing:1px;
    text-align:left;
}

.bc-header-subtitle{
    margin:0;
    padding:0;
    color:#ff2525;
    font-size:12px;
    line-height:18px;
    font-weight:500;
    text-align:left;
}


/* =========================================================
   搜索区域
========================================================= */

.bc-header-search-area{
    width:480px;
    height:112px;
    padding-top:20px;
    flex:none;
    text-align:left;
}

.bc-header-search{
    width:480px;
    height:46px;
    margin:0;
    padding:0;
    border:1px solid #2589ff;
    border-radius:24px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
}

.bc-header-search input{
    display:block;
    width:425px;
    height:44px;
    margin:0;
    padding:0 0 0 20px;
    border:0;
    outline:0;
    background:transparent;
    color:#333;
    font-size:13px;
    line-height:44px;
    text-align:left;
    flex:none;
}

.bc-header-search input::placeholder{
    color:#999;
}

.bc-header-search-btn{
    width:34px;
    height:34px;
    margin:0 4px 0 auto;
    padding:0;
    border:0;
    border-radius:50%;
    background:#2b8cff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex:none;
}

.bc-header-search-btn img{
    display:block;
    width:17px;
    height:17px;
    margin:0;
    border:0;
}


/* 搜索框下面热词 */

.bc-header-keywords{
    height:25px;
    margin:0;
    padding:6px 0 0 2px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:12px;
    white-space:nowrap;
    text-align:left;
}

.bc-header-keywords a{
    display:block;
    margin:0;
    padding:0;
    color:#2787f5;
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    white-space:nowrap;
}

.bc-header-keywords a:hover{
    color:#ff3030;
}

.bc-header-keywords .bc-header-keyword-red{
    color:#ff3030;
}


/* =========================================================
   BOM配单 / 购物车
========================================================= */

.bc-header-actions{
    height:112px;
    margin:0 0 0 28px;
    padding-top:20px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:20px;
    flex:none;
}

.bc-header-action{
    position:relative;
    height:44px;
    margin:0;
    padding:0 15px;
    border-radius:6px;
    background:#eef8ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2386f4;
    font-size:14px;
    line-height:44px;
    text-decoration:none;
    white-space:nowrap;
}

.bc-header-action:first-child{
    width:110px;
}

.bc-header-cart{
    width:102px;
}

.bc-header-action img{
    display:block;
    width:14px;
    height:14px;
    margin:0 6px 0 0;
    padding:0;
    border:0;
    flex:none;
}

.bc-header-action span{
    display:block;
    margin:0;
    padding:0;
}

.bc-header-action:hover{
    background:#e4f3ff;
    color:#1679e8;
}

.bc-header-cart em{
    position:absolute;
    top:0;
    right:0;
    min-width:16px;
    height:16px;
    margin:0;
    padding:0 4px;
    border-radius:8px;
    background:#ef2b22;
    color:#fff;
    font-size:10px;
    line-height:16px;
    font-style:normal;
    font-weight:400;
    text-align:center;
}


/* =========================================================
   主导航
========================================================= */

.bc-header-nav{
    width:860px;
    height:54px;
    margin:0 auto;
    padding-left:30px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:55px;
    text-align:left;
}

.bc-header-nav-item{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    color:#111;
    font-family:Arial,"Microsoft YaHei","微软雅黑",sans-serif;
    font-size:16px;
    line-height:22px;
    font-weight:700;
    letter-spacing:0;
    text-decoration:none;
    white-space:nowrap;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.bc-header-nav-item:hover{
    color:#2386f4;
}


/* =========================================================
   活动专区 HOT / 免邮上下滚动
========================================================= */

.bc-header-nav-hot{
    padding-left:38px;
}

.bc-header-hot-tag{
    position:absolute;
    left:0;
    top:3px;
    width:32px;
    height:17px;
    margin:0;
    padding:0;
    overflow:hidden;
    border-radius:2px;
    background:#df3029;
    color:#fff;
}

.bc-header-hot-roll{
    display:block;
    width:32px;
    margin:0;
    padding:0;
    animation:bc-hot-roll 4s ease-in-out infinite;
}

.bc-header-hot-roll i{
    display:block;
    width:32px;
    height:17px;
    margin:0;
    padding:0;
    color:#fff;
    font-size:10px;
    line-height:17px;
    font-weight:400;
    font-style:normal;
    text-align:center;
    white-space:nowrap;
}

@keyframes bc-hot-roll{
    0%,
    40%{
        transform:translateY(0);
    }

    50%,
    90%{
        transform:translateY(-17px);
    }

    100%{
        transform:translateY(-34px);
    }
}

/* ===== BC CATEGORY PANEL FIX 2026-09-16 ===== */
/* 右侧分类展开：二级标题黑色；内容可滚轮浏览但隐藏滚动条 */

.bc-home-category .bc-category-panel{
    display:none;
    position:absolute;
    left:260px;
    top:0;
    width:1060px;
    height:570px;
    margin:0;
    padding:18px 18px 20px;
    background:#fff;
    border:1px solid #168cff;
    border-radius:10px;
    z-index:200;
    overflow:hidden;
    text-align:left;
    box-sizing:border-box;
}

.bc-home-category .bc-category-item:hover > .bc-category-panel,
.bc-home-category .bc-category-item.bc-category-active > .bc-category-panel{
    display:block;
}

.bc-home-category .bc-category-panel-inner{
    width:100%;
    height:100%;
    margin:0;
    padding:0 8px 0 0;
    overflow-x:hidden;
    overflow-y:auto;
    text-align:left;
    box-sizing:border-box;

    /* Firefox：保留一根细滚动条，提示下面还有内容 */
    scrollbar-width:thin;
    scrollbar-color:#b9cbe2 #f3f6fa;
}

/* Chrome / Edge / Safari */
.bc-home-category .bc-category-panel-inner::-webkit-scrollbar{
    width:5px;
}

.bc-home-category .bc-category-panel-inner::-webkit-scrollbar-track{
    background:#f3f6fa;
    border-radius:5px;
}

.bc-home-category .bc-category-panel-inner::-webkit-scrollbar-thumb{
    background:#b9cbe2;
    border-radius:5px;
}

.bc-home-category .bc-category-panel-inner::-webkit-scrollbar-thumb:hover{
    background:#8fb2dc;
}

.bc-home-category .bc-category-group{
    width:100%;
    margin:0 0 22px 0;
    padding:0;
}

.bc-home-category .bc-category-group:last-child{
    margin-bottom:0;
}

.bc-home-category .bc-category-group-title{
    width:100%;
    height:27px;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    text-align:left;
}

.bc-home-category .bc-category-group-title a{
    display:block;
    margin:0;
    padding:0;
    color:#222;
    font-size:14px;
    line-height:27px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.bc-home-category .bc-category-group-title a:hover{
    color:#168cff;
}

.bc-home-category .bc-category-group-title span{
    display:block;
    margin:0 0 0 8px;
    padding:0;
    color:#66788f;
    font-size:16px;
    line-height:27px;
    font-weight:400;
}

.bc-home-category .bc-category-group-links{
    width:100%;
    margin:0;
    padding:7px 0 0;
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    column-gap:18px;
    row-gap:0;
    text-align:left;
}

.bc-home-category .bc-category-group-links a{
    display:block;
    height:31px;
    margin:0;
    padding:0;
    overflow:hidden;
    color:#52647e;
    font-size:12px;
    line-height:31px;
    font-weight:400;
    text-decoration:none;
    white-space:nowrap;
    text-overflow:ellipsis;
    transition:color .15s ease;
}

.bc-home-category .bc-category-group-links a:hover{
    color:#168cff;
}



/* =========================================================
   内页 Header 2026-09-16
   整体白底 + 商品分类下拉
========================================================= */

.bc-header-inner{
    width:100%;
    margin-top:0 !important;
    background:#fff;
    position:relative;
    z-index:900;
}

.bc-header-inner .bc-header-box{
    height:166px;
    background:#fff;
    border-radius:0;
    overflow:visible;
}

.bc-header-inner .bc-header-top{
    width:1160px;
}

/* 内页底部导航整行 */
.bc-inner-nav-row{
    position:relative;
    width:1360px;
    height:54px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    z-index:950;
}

/* =========================================================
   商品分类按钮
========================================================= */

.bc-inner-category{
    position:relative;
    width:240px;
    height:54px;
    margin:0;
    flex:0 0 240px;
    z-index:1000;
}

.bc-inner-category-btn{
    width:240px;
    height:54px;
    margin:0;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:#168cff;
    color:#fff;
    font-size:17px;
    line-height:54px;
    font-weight:700;
    text-decoration:none;
    border-radius:8px 8px 0 0;
    transition:background .18s ease;
}

.bc-inner-category-btn:hover,
.bc-inner-category-open .bc-inner-category-btn{
    color:#fff;
    background:#087dea;
}

.bc-inner-category-btn .fa-bars{
    width:18px;
    margin:0 10px 0 0;
    font-size:17px;
    line-height:1;
    text-align:center;
}

.bc-inner-category-btn span{
    margin:0;
    padding:0;
}

.bc-inner-category-down{
    margin:0 0 0 auto;
    font-size:15px;
    line-height:1;
    transition:transform .18s ease;
}

.bc-inner-category-open .bc-inner-category-down{
    transform:rotate(180deg);
}

/* =========================================================
   内页主导航
========================================================= */

.bc-header-inner .bc-header-nav-inner{
    width:auto;
    height:54px;
    margin:0;
    padding:0;
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:43px;
    text-align:left;
}

/* =========================================================
   商品分类下拉总区域
========================================================= */

.bc-inner-category-dropdown{
    display:none;
    position:absolute;
    left:0;
    top:54px;
    width:1360px;
    height:570px;
    margin:0;
    padding:0;
    z-index:1100;
}

.bc-inner-category-open .bc-inner-category-dropdown{
    display:block;
}

/* 左侧一级分类 */
.bc-inner-category-list{
    position:relative;
    width:240px;
    height:570px;
    margin:0;
    padding:10px 0;
    background:#f5f5f5;
    border-radius:0 0 10px 10px;
    box-shadow:0 8px 20px rgba(31,57,91,.08);
}

.bc-inner-category-item{
    position:static;
    width:240px;
    height:36px;
    margin:0;
    padding:0;
}

.bc-inner-category-link{
    position:relative;
    width:240px;
    height:36px;
    margin:0;
    padding:0 18px 0 20px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:transparent;
    color:#171717;
    font-size:14px;
    line-height:36px;
    font-weight:400;
    text-decoration:none;
    white-space:nowrap;
    transition:background .12s ease,color .12s ease;
}

.bc-inner-category-link span{
    margin:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.bc-inner-category-link i{
    margin:0 0 0 auto;
    color:#7a8798;
    font-size:14px;
    line-height:1;
}

.bc-inner-category-item:hover > .bc-inner-category-link,
.bc-inner-category-active > .bc-inner-category-link{
    color:#1686f7;
    background:#fff;
}

.bc-inner-category-item:hover > .bc-inner-category-link i,
.bc-inner-category-active > .bc-inner-category-link i{
    color:#1686f7;
}

/* 左侧分类与右侧面板直接相连，不保留间隔 */
.bc-inner-category-active > .bc-inner-category-link:after{
    display:none;
}

/* =========================================================
   右侧二三级分类面板
========================================================= */

.bc-inner-category-panel{
    display:none;
    position:absolute;
    left:240px;
    top:0;
    width:1120px;
    height:570px;
    margin:0;
    padding:18px 18px 20px;
    background:#fff;
    border:1px solid #168cff;
    border-radius:10px;
    overflow:hidden;
    z-index:10;
    text-align:left;
    box-shadow:0 8px 20px rgba(31,57,91,.05);
}

.bc-inner-category-active > .bc-inner-category-panel{
    display:block;
}

.bc-inner-category-panel-inner{
    width:100%;
    height:100%;
    margin:0;
    padding:0 8px 0 0;
    overflow-x:hidden;
    overflow-y:auto;
    text-align:left;
    scrollbar-width:thin;
    scrollbar-color:#b9cbe2 #f3f6fa;
}

.bc-inner-category-panel-inner::-webkit-scrollbar{
    width:5px;
}

.bc-inner-category-panel-inner::-webkit-scrollbar-track{
    background:#f3f6fa;
    border-radius:5px;
}

.bc-inner-category-panel-inner::-webkit-scrollbar-thumb{
    background:#b9cbe2;
    border-radius:5px;
}

.bc-inner-category-panel-inner::-webkit-scrollbar-thumb:hover{
    background:#8fb2dc;
}

.bc-inner-category-group{
    width:100%;
    margin:0 0 22px;
    padding:0;
}

.bc-inner-category-group:last-child{
    margin-bottom:0;
}

.bc-inner-category-group-title{
    width:100%;
    height:27px;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    text-align:left;
}

.bc-inner-category-group-title a{
    display:block;
    margin:0;
    padding:0;
    color:#222;
    font-size:14px;
    line-height:27px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.bc-inner-category-group-title a:hover{
    color:#168cff;
}

.bc-inner-category-group-title span{
    display:block;
    margin:0 0 0 8px;
    padding:0;
    color:#66788f;
    font-size:16px;
    line-height:27px;
    font-weight:400;
}

.bc-inner-category-group-links{
    width:100%;
    margin:0;
    padding:7px 0 0;
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    column-gap:18px;
    row-gap:0;
    text-align:left;
}

.bc-inner-category-group-links a{
    display:block;
    height:31px;
    margin:0;
    padding:0;
    overflow:hidden;
    color:#52647e;
    font-size:12px;
    line-height:31px;
    font-weight:400;
    text-decoration:none;
    white-space:nowrap;
    text-overflow:ellipsis;
    transition:color .15s ease;
}

.bc-inner-category-group-links a:hover{
    color:#168cff;
}


/* =========================================================
   Header Cart Hover Preview 2026-09-21
   独立 header-cart.js，不依赖 cart.js
   ========================================================= */

.bc-header-cart-wrap{
    position:relative;
    width:102px;
    height:44px;
    margin:0;
    padding:0;
    flex:none;
    z-index:1200;
}

/* 原按钮仍保持 102px */
.bc-header-cart-wrap .bc-header-cart{
    width:102px;
}

/* 0 时 JS 会 display:none，不显示红圈 */
.bc-header-cart-count{
    display:none;
    position:absolute;
    top:-6px !important;
    right:-5px !important;
    min-width:18px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 5px !important;
    border:2px solid #fff;
    border-radius:10px !important;
    background:#ff344f !important;
    color:#fff !important;
    font-size:10px !important;
    line-height:14px !important;
    font-style:normal;
    font-weight:600 !important;
    text-align:center;
    box-sizing:border-box;
}

/* hover 时按钮描边，与立创类似 */
.bc-header-cart-open .bc-header-cart{
    border:1px solid #168cff;
 
    color:#168cff;
}

/* 下拉主体 */
.bc-header-cart-dropdown{
    display:none;
    position:absolute;
    right:0;
    top:54px;
    width:590px;
    min-height:310px;
    margin:0 !important;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:10px;
    background:#fff;
    box-shadow:0 10px 30px rgba(32,54,82,.16);
    color:#344054;
    line-height:normal;
    text-align:left;
    box-sizing:border-box;
    z-index:1300;
}


/* JS 正常时由 header-cart.js 控制；这里额外提供纯 CSS hover 兜底。
   即使计数接口为0或 JS 暂时异常，鼠标移入购物车仍能看到下拉区域。 */
.bc-header-cart-wrap:hover .bc-header-cart-dropdown{
    display:block;
}

.bc-header-cart-wrap:hover .bc-header-cart{
    border:1px solid #168cff;
  
    color:#168cff;
}

.bc-header-cart-arrow{
    position:absolute;
    right:43px;
    top:-8px;
    width:0;
    height:0;
    margin:0 !important;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #fff;
    background:transparent;
    box-shadow:none;
    transform:none;
    filter:drop-shadow(0 -2px 2px rgba(32,54,82,.05));
    z-index:2;
}

/* 加载 */
.bc-header-cart-loading{
    display:none;
    min-height:310px;
    margin:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#98a2b3;
    font-size:13px;
}

.bc-header-cart-loading i,
.bc-header-cart-loading span{
    margin:0 !important;
}

/* 空购物车 */
.bc-header-cart-empty{
    display:block;
    position:relative;
    min-height:310px;
    margin:0 !important;
    padding-top:115px;
    text-align:center;
    box-sizing:border-box;
}

.bc-header-cart-empty > i{
    margin:0 !important;
    color:#d4dce5;
    font-size:40px;
}

.bc-header-cart-sleep{
    position:absolute;
    top:105px;
    left:313px;
    margin:0 !important;
    color:#c6d0db;
    font-size:13px;
    font-weight:700;
    transform:rotate(-8deg);
}

.bc-header-cart-sleep2{
    top:95px;
    left:326px;
    font-size:16px;
}

.bc-header-cart-empty p{
    margin:12px 0 0 !important;
    color:#8a94a2;
    font-size:13px;
    line-height:22px;
}

/* 有商品 */
.bc-header-cart-content{
    display:none;
    margin:0 !important;
    padding-bottom:10px;
}

.bc-header-cart-tabs{
    height:42px;
    margin:0 !important;
    padding:0 14px;
    display:flex;
    align-items:center;
    gap:30px;
    border-bottom:1px solid #edf0f4;
    box-sizing:border-box;
}

.bc-header-cart-tabs > span{
    position:relative;
    height:42px;
    margin:0 !important;
    display:flex;
    align-items:center;
    color:#475467;
    font-size:13px;
}

.bc-header-cart-tabs > span.active{
    color:#168cff;
    font-weight:600;
}

.bc-header-cart-tabs > span.active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:#168cff;
}

.bc-header-cart-tabs b{
    margin:0 0 0 3px !important;
    color:#344054;
    font-weight:500;
}

/* 表头 */
.bc-header-cart-table-head{
    height:36px;
    margin:8px 10px 0 !important;
    padding:0 12px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 84px 50px 78px 44px;
    align-items:center;
    border:1px solid #dce3eb;
    border-bottom:1px solid #edf0f4;
    border-radius:10px 10px 0 0;
    background:#fafbfc;
    color:#667085;
    font-size:12px;
    box-sizing:border-box;
}

.bc-header-cart-table-head > span{
    margin:0 !important;
}

.bc-header-cart-table-head .col-price,
.bc-header-cart-table-head .col-qty,
.bc-header-cart-table-head .col-total,
.bc-header-cart-table-head .col-action{
    text-align:center;
}

/* 列表 */
.bc-header-cart-list{
    max-height:330px;
    margin:0 10px !important;
    overflow-x:hidden;
    overflow-y:auto;
    border-left:1px solid #dce3eb;
    border-right:1px solid #dce3eb;
    scrollbar-width:thin;
    scrollbar-color:#ccd6e2 #f5f7fa;
}

.bc-header-cart-list::-webkit-scrollbar{
    width:5px;
}

.bc-header-cart-list::-webkit-scrollbar-track{
    background:#f5f7fa;
}

.bc-header-cart-list::-webkit-scrollbar-thumb{
    background:#ccd6e2;
    border-radius:5px;
}

.bc-header-cart-item{
    min-height:72px;
    margin:0 !important;
    padding:9px 12px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 84px 50px 78px 44px;
    align-items:center;
    border-bottom:1px solid #edf0f4;
    box-sizing:border-box;
}

.bc-header-cart-item:hover{
    background:#fbfdff;
}

.bc-header-cart-product{
    min-width:0;
    margin:0 !important;
    display:flex;
    align-items:center;
}

.bc-header-cart-check{
    display:none;
}

.bc-header-cart-thumb{
    flex:0 0 50px;
    width:50px;
    height:50px;
    margin:0 10px 0 0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid #e6ebf1;
    border-radius:4px;
    background:#fff;
}

.bc-header-cart-thumb img{
    width:48px !important;
    height:48px !important;
    margin:0 !important;
    object-fit:contain;
}

.bc-header-cart-title{
    min-width:0;
    max-height:38px;
    margin:0 !important;
    overflow:hidden;
    color:#344054 !important;
    font-size:12px;
    line-height:19px;
    font-weight:500;
    word-break:break-all;
}

.bc-header-cart-title:hover{
    color:#168cff !important;
}

.bc-header-cart-price,
.bc-header-cart-qty,
.bc-header-cart-subtotal,
.bc-header-cart-action{
    margin:0 !important;
    padding:0 3px;
    text-align:center;
    font-size:12px;
    box-sizing:border-box;
}

.bc-header-cart-price{
    color:#475467;
}

.bc-header-cart-qty{
    color:#667085;
}

.bc-header-cart-subtotal{
    color:#ff344f;
    font-weight:600;
}

.bc-header-cart-delete{
    margin:0 !important;
    color:#667085 !important;
    font-size:12px;
}

.bc-header-cart-delete:hover{
    color:#ff344f !important;
}

.bc-header-cart-delete.loading{
    pointer-events:none;
    color:#98a2b3 !important;
}

.bc-header-cart-more{
    height:34px;
    margin:0 !important;
    color:#98a2b3;
    font-size:12px;
    line-height:34px;
    text-align:center;
    background:#fafbfc;
}

/* 底部 */
.bc-header-cart-footer{
    min-height:52px;
    margin:0 10px !important;
    padding:8px 10px 8px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #dce3eb;
    border-top:1px solid #edf0f4;
    background:#fff;
    border-radius:0 0 10px 10px;
    box-sizing:border-box;
}

.bc-header-cart-summary{
    margin:0 !important;
    color:#667085;
    font-size:12px;
    white-space:nowrap;
}

.bc-header-cart-summary strong{
    margin:0 3px !important;
    color:#ff344f;
    font-size:14px;
}

.bc-header-cart-summary span{
    margin:0 0 0 12px !important;
}

.bc-header-cart-goto{
    width:90px;
    height:34px;
    margin:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    background:#ff4d5b;
    color:#fff !important;
    font-size:13px;
    text-decoration:none;
}

.bc-header-cart-goto:hover{
    background:#f23949;
    color:#fff !important;
}

/* 兼容你全局的 margin:0 auto */
.bc-header-cart-wrap *,
.bc-header-cart-dropdown *{
    box-sizing:border-box;
}

/* 购物车按钮到下拉框的透明 Hover 桥 */
.bc-header-cart-wrap:after{
    content:"";
    position:absolute;
    left:0;
    top:44px;
    width:102px;
    height:12px;
    background:transparent;
    z-index:1299;
}

/* Header购物车最终位置与阴影 */
.bc-header-cart-dropdown{
    top:54px !important;
    border:0 !important;
    box-shadow:0 10px 30px rgba(32,54,82,.16) !important;
}

.bc-header-cart-arrow{
    right:43px !important;
    top:-8px !important;
}