/*产品首页样式 THE*/
.ProductCatBox { margin-bottom:20px; display:flex;border: solid 1px #eee; border-radius:8px; overflow:hidden;}
.ProductCatAD { width:300px; position:relative;}
.ProductCatAD img { width:100%;}
.ProductCatAD strong { position:absolute; display:block; font-size:22px; top:30px; left:25px; box-sizing:border-box; width:80%;}
.ProductCatAD strong a { color:#111;font-weight:800;}
.ProductCatList { display:flex; flex:1; overflow:hidden; background:#fff; padding:30px;}
.ProductCatList dl { width:23.5%; margin-right:2%;}
.ProductCatList dl:nth-child(4n+4) { margin-right:0;}
.ProductCatList dl:nth-child(1n+5) { margin-top:2%;}
.ProductCatList dl dt { font-size:16px; margin-bottom:20px; font-weight:700;}
.ProductCatList dl dt a { color:#000;font-weight:800;} 
.ProductCatList dl dd { }
.ProductCatList dl dd a { display:block; line-height:2; font-size:14px; color:#666;}
.ProductCatList dl dd a:hover { color:#001a4e;text-decoration: underline;}
.ProductCatList dl dd a:last-child { color:#001a4e;}

.SellTitle { text-align:center;margin-bottom: 30px;}
.SellTitle strong { display: block;font-size: 26px;color: #000;text-align: center;font-weight:800;}
.SellIndexHot { }
.SellIndexHot ul { display:flex; flex-wrap:wrap; background:#fff; padding:30px 30px 10px 15px; border: solid 1px #eee;border-radius:8px; overflow:hidden; box-sizing:border-box;}
.SellIndexHot ul li { margin:0 0 20px 15px;}
.SellIndexHot ul li a { display:block; border:1px solid #ddd; border-radius:3px; line-height:32px; font-size:14px; padding:0 15px; background:#f5f7fa; color:#111; cursor:pointer;}
.SellIndexHot ul li:hover a { border:1px solid #001a4e; background:#001a4e; color:#fff;}

.SellIndexHot dl { display:flex; flex-wrap:wrap; background:#fff; border: solid 1px #eee;border-radius:8px; overflow:hidden;}
.SellIndexHot dl dd { padding:30px; width:50%; box-sizing:border-box;}
.SellIndexHot dl dd:nth-child(2) { border-left:1px solid #eee;}
.SellIndexHot dl dd strong { display:block; font-size:18px; color:#000;font-weight:800;}
.SellIndexHot dl dd p { font-size:14px; color:#666; margin:15px 0;}
.SellIndexHot dl dd a { display:inline-block; border:1px solid #ddd; border-radius:30px; line-height:32px; font-size:14px; padding:0 15px; color:#111; background:#f5f7fa; cursor:pointer;}
.SellIndexHot dl dd:nth-child(1) a { border:1px solid #4e6ef2;color:#4e6ef2; background:none;}
.SellIndexHot dl dd:nth-child(1) a i { margin-right:10px;}
.SellIndexHot dl dd:nth-child(1) a:hover { border:1px solid #4e6ef2;color:#fff; background:#4e6ef2;}
.SellIndexHot dl dd:nth-child(2) a:hover { border:1px solid #001a4e; background:#001a4e; color:#fff;}
/*产品首页样式 END*/

/*列表页样式 THE*/
.SellNumFound { margin-bottom:20px; font-size:14px;}
.SellNumFound b { font-size:20px; color:#111;}
.SellNumFound em { margin:0 10px; color:#f60; font-weight:700;}
.SellNumFound span { color:#999;}

.SellMainBox { display:flex;}
.SellMainBoxL { width:250px; margin-right:16px;}
.SellMainBoxL.on { position:relative;}
.SellMainBoxR { flex:1; overflow:hidden;min-height:1000px;}

.SellAllMenuBox { border:1px solid #eee; background:#fff; border-radius:8px; overflow:hidden;}
.SellAllMenuBox .SellAllMenu { padding:20px 20px;}
.SellAllMenuBox.on { position:fixed; top:95px; width:250px; box-sizing:border-box;max-height: 89.4vh;}
.SellMainBoxL.on .SellAllMenuBox.on { position:absolute; top:auto; bottom:0;}

.SellAllMenuBox.on .SellAllMenu { overflow-y: auto; max-height: 89.4vh;}

.SellAllMenu::-webkit-scrollbar { width: 4px; display:none;}
.SellAllMenu:hover::-webkit-scrollbar { display:block;}
.SellAllMenu::-webkit-scrollbar-track { background-color: #fff;}
.SellAllMenu::-webkit-scrollbar-thumb { background-color: #ddd; border-radius:8px;}

.SellAllMenuTit { display:flex; align-items: center;}
.SellAllMenuTit em { margin-right:8px;}
.SellAllMenuTit em i { display:block; width:16px; height:3px; background:#222; border-radius:1px;}
.SellAllMenuTit em i:nth-child(2) { width:12px; margin:3px 0;}
.SellAllMenuTit strong { font-size:19px;}

.SellAllMenu dl { margin-top:15px;}
.SellAllMenu dl dt { margin-bottom:6px;display:flex; align-items:center;border-bottom:#eee 1px solid;padding-bottom:10px}
.SellAllMenu dl dt strong { font-weight:800;font-size:16px; color:#333;}
.SellAllMenu dl dt strong:before{content:"";height:14px;width:4px;margin-top:3px;background:#333;float:left;margin-right: 5px;border-radius:2px}
.SellAllMenu dl dt i { margin-left:auto; transition:all .3s;}
.SellAllMenu dl dt.on i { transform: rotate(180deg);}
.SellAllMenu dl dd { }
.SellAllMenu dl dd p { display:block; line-height:30px; font-size:14px;}
.SellAllMenu dl dd p a { color:#666; display:inline-block;}
.SellAllMenu dl dd p a:hover { text-decoration: underline;}
.SellAllMenu dl dd p i { color:#999; font-size:13px;}

.SellListHot ul { display:flex; flex-wrap:wrap; background:#fff; padding:15px 15px 5px 0; border: solid 1px #eee; border-radius:8px; overflow:hidden; box-sizing:border-box;}
.SellListHot ul li { margin:0 0 10px 15px;}
.SellListHot ul li a { display:block; border:1px solid #ddd; border-radius:3px; line-height:32px; font-size:14px; padding:0 15px; background:#f5f7fa; color:#111; cursor:pointer;}
.SellListHot ul li:hover a { border:1px solid #001a4e; background:#001a4e; color:#fff;}

.SellListBox { background:#fff; padding:20px; border: solid 1px #eee; border-radius:8px;}

.SellList { }
.SellList ul { }
.SellList ul li { display:flex;}
.SellList ul li:nth-child(1n+2) { margin-top:20px;}
.SellList ul li .image { width:260px;border: solid 1px #eee; border-radius:8px; overflow:hidden;}
.SellList ul li .image img { width:100%;}
.SellList ul li .text { margin:0 1vw; flex:1; overflow:hidden;}
.SellList ul li .text strong { font-size:18px; line-height:1.4; margin-bottom:12px;}
.SellList ul li .text strong a { color:#111; font-weight:800;}
.SellList ul li .text strong a:hover { text-decoration: underline;}
.SellList ul li .text .Price { font-size:24px; font-weight:800; color:#4e6ef2;margin-bottom:12px;}
.SellList ul li .text .Price i { font-size:14px; color:#999; font-weight:400;}
.SellList ul li .text em { display:block; margin-bottom:12px; font-size:14px; color:#222; margin-bottom:12px;}
.SellList ul li .text p { font-size:14px; color:#999; line-height:1.6;}
.SellList ul li .Intro { width:330px;}
.SellList ul li .Intro h3 { font-size:16px;margin-bottom:12px;line-height:1.4; display:block;}
.SellList ul li .Intro h3 a { color:#222;}
.SellList ul li .Intro h3 a:hover { text-decoration: underline;}
.SellList ul li .Intro .Icon { margin-bottom:20px;}
.SellList ul li .Intro .Icon img { height:16px; margin-right:10px;}
.SellList ul li .Intro em { font-size:14px; color:#999; display:block; margin-bottom:12px;}
.SellList ul li .Intro .Btn { display:flex;}
.SellList ul li .Intro .Btn a { display:flex; justify-content: center; align-items: center;border:1px solid #ddd; border-radius:30px; height:32px; font-size:13px; padding:0 15px; color:#111;  cursor:pointer; transition:all .3s; margin-bottom:10px;}
.SellList ul li .Intro .Btn a:nth-child(1n+2) { margin-left:10px;}
.SellList ul li .Intro .Btn a i { margin-right:8px; font-size:17px;}
.SellList ul li .Intro .Btn a:nth-child(1) { border:1px solid #4e6ef2;color:#fff; background:#4e6ef2;}
.SellList ul li .Intro .Btn a:nth-child(2) { border:1px solid #001a4e;color:#001a4e;}
.SellList ul li .Intro .Btn a:hover { opacity:.9;}
@media(max-width:1580px){
.SellList ul li .Intro { width:200px;}
.SellList ul li .Intro .Btn {flex-direction: column;}
.SellList ul li .Intro .Btn a:nth-child(1n+2) { margin-left:0;}
}

/*列表页样式 END*/

/*内容页样式 THE*/
.SellPreview { background:#fff;padding:20px;border:#eee 1px solid;border-radius:8px}
.SellPreview .SellPreviewBox { display:flex;}
.SellPreview .image { margin-right:60px;width:46%;}
.AlbumSwiper1Box { background:#fafafa; position:relative; padding:0 80px; border-radius:20px;}
.AlbumSwiper1 { overflow:hidden;}
.AlbumSwiper1 .swiper-slide { }
.AlbumSwiper1 .swiper-slide img { width:100%;}
.AlbumSwiper1Box .AlbumSwiper1Bnt { width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:50%; position:absolute; top:50%; z-index:6; cursor:pointer;box-shadow: 0px 3px 3px -3px rgb(0 0 0/.12), 0px 6px 10px 0px rgb(0 0 0/.06), 0px 9px 16px 8px rgb(0 0 0/.03); font-size:20px; transform:translate(0,-50%);}
.AlbumSwiper1Box .AlbumSwiper1Next { right:10px;}
.AlbumSwiper1Box .AlbumSwiper1Prev { left:10px;}

.AlbumSwiper2Box { margin-top:25px; position:relative; padding:0 40px; display: flex;justify-content: center;}
.AlbumSwiper2 { overflow:hidden; width:470px;}
.AlbumSwiper2 .swiper-slide { width:86px; border-radius:6px; overflow:hidden; box-sizing:border-box; margin-right:10px;}
.AlbumSwiper2 .swiper-slide:last-child { margin-right:0;}
.AlbumSwiper2 .swiper-slide.active-nav { border:2px solid #4e6ef2;}
.AlbumSwiper2 .swiper-slide img { width:100%;}
.AlbumSwiper2Box .AlbumSwiper2Bnt { height:48px; display:flex; align-items:center; justify-content:center; position:absolute; top:50%; z-index:6; cursor:pointer; transform:translate(0,-50%);}
.AlbumSwiper2Box .AlbumSwiper2Bnt i { font-size:26px;}
.AlbumSwiper2Box .AlbumSwiper2Next { right:0;}
.AlbumSwiper2Box .AlbumSwiper2Prev { left:0;}

.SellPreview .text { flex:1; overflow:hidden; padding-bottom:30px;}
.SellPreview .text h1 { font-size:22px; font-weight:800; display:block; margin-bottom:20px; color:#111;}
.SellPreview .text .Price { padding:20px 0; border-top:1px solid #e9eef4; border-bottom:1px solid #e9eef4; margin-bottom:20px;}
.SellPreview .text .Price span { font-size:28px; color:#4e6ef2; font-weight:800; display:block;}
.SellPreview .text .Price span i { font-size:18px; color:#999; font-weight:400;}
.SellPreview .text .Price font { display:block; margin-top:2px; font-size:14px; color:#666;}
.SellPreview .text strong { display:flex; align-items:center; font-size:22px; font-weight:800; color:#333;margin-bottom:15px;}
.SellPreview .text strong i { margin-left:auto;}
.SellPreview .text dl { display:flex; font-size:16px; margin-bottom:15px;}
.SellPreview .text dl dt { width:30%;}
.SellPreview .text dl dd { flex:1; overflow:hidden; font-weight:700;}
.SellPreview .text .Btn { display:flex;border-bottom:1px solid #e9eef4; margin-bottom:20px; padding-bottom:20px; margin-top:20px; }
.SellPreview .text .Btn a { display:flex; justify-content: center; align-items: center;border:1px solid #4e6ef2; border-radius:30px; height:44px; font-size:16px; padding:0 15px; color:#fff; background:#4e6ef2; cursor:pointer; transition:all .3s; max-width:49.5%; flex:1;}
.SellPreview .text .Btn a i { font-size:20px; margin-right:10px;}
.SellPreview .text .Btn a:nth-child(2) { border:1px solid #001a4e; color:#001a4e; background:none; margin-left:2%;}
.SellPreview .text .Intro { }
.SellPreview .text .Intro .User { background:url(../img/250411_10001.png) top right/auto 100% no-repeat,linear-gradient(90deg, #E6ECF2 -16%, rgb(236 241 245/.09) 105%); padding:15px; border-radius:8px; overflow:hidden; display:flex; align-items:center;}
.SellPreview .text .Intro .User s { width:50px; height:50px; display:block; overflow:hidden; border-radius:4px;}
.SellPreview .text .Intro .User s img { width:100%;}
.SellPreview .text .Intro .User font { flex:1; overflow:hidden; padding:0 15px;}
.SellPreview .text .Intro .User font h3 { font-size:17px; display:block;}
.SellPreview .text .Intro .User font h3 a { color:#333;}
.SellPreview .text .Intro .User font p { font-size:14px; margin-top:6px; color:#666;}
.SellPreview .text .Intro .User em { background:#fff; border-radius:50%; padding:8px;}
.SellPreview .text .Intro .User em a { font-size:30px; color:#111;}
.SellPreview .text .Intro .Sign { font-size:15px; position:relative; line-height:22px; margin-top:15px; color:#222; cursor:pointer;}
.SellPreview .text .Intro .Sign em { color:#4e6ef2;}
.SellPreview .text .Intro .Sign img { height:22px; margin-right:10px;}
.SellPreview .text .Intro .Sign font { position:absolute;box-shadow: 0 1px 5px 1px rgb(0 0 0/.08);background:rgb(255 255 255/.9);padding: 2px 12px;border-radius: 6px;top:0;left: 30px; display:none; color:#222; max-width:94%; box-sizing:border-box; transform:translate(0,-100%);}
.SellPreview .text .Intro .Sign font:before { content:''; display:block;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: #eee transparent transparent transparent;position: absolute;bottom: -10px;left: 15px;}
.SellPreview .text .Intro .Sign font:after { content:''; display:block;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: #fff transparent transparent transparent;position: absolute;bottom: -9px;left: 15px;}
.SellPreview .text .Intro .Sign:hover font { display:block;}
.SellPreview .text .Intro .Sign i { width: 5px;height: 5px; display:inline-block; background: #d1a751;transform: translate(-50%, -50%) rotate(45deg); margin-right: 22px;}
.SellPreview .text .Intro .Sign1 { padding-left:6px; margin-top:5px; color:#999;}
.SellPreview .text .Intro .Sign1 a { text-decoration: underline;}

.SellShowMain { display:flex;}
.SellShowMainL { flex:1; overflow:hidden;}
.SellShowMainR { width:300px; margin-left:20px;}
.SellShowMainR .neike.on { position:fixed; top:0; width:300px;}
.SellShowMainR .neike.hide-footer {
    display: none;
}

.SellShowTit { margin-bottom:20px;}
.SellShowTit strong { font-size:24px;color:#000;}
.SellShowTit strong:before {width: 6px;height: 24px;background: #D7DDE6;border-radius: 2px;display: inline-block;margin-right: 12px;position: relative;top: 3px;float: left;content: "";}

.SellShowRec { background: #fff;padding: 24px 20px;border-radius: 8px;border:1px solid #eee;}
.SellShowRec .SellShowRecSwiper { overflow:hidden; position:relative;}
.SellShowRecSwiper .swiper-slide { width:20%;} 
.SellShowRecSwiper .swiper-slide .image { width:100%;}
.SellShowRecSwiper .swiper-slide .image img { width:100%; border-radius:8px;}
.SellShowRecSwiper .swiper-slide h3 { line-height:18px; margin:10px 0; font-weight:400; font-size:13px;}
.SellShowRecSwiper .swiper-slide .price { color:#4e6ef2; font-size:18px; font-weight:700;font-weight:800;}
.SellShowRecSwiper .swiper-slide .price em { color:#999; font-size:13px; font-weight:400;}
.SellShowRecSwiper .SellShowRecSBnt { height:48px; width:48px; background:rgb(255 255 255/.6); display:flex; align-items:center; justify-content:center; position:absolute; top:30%; z-index:6; cursor:pointer; border-radius:50%; transition:all .5s;}
.SellShowRecSwiper .SellShowRecSBnt:hover { box-shadow: 0px 3px 3px -3px rgb(0 0 0/.12), 0px 6px 10px 0px rgb(0 0 0/.06), 0px 9px 16px 8px rgb(0 0 0/.03); background:#fff;}
.SellShowRecSwiper .SellShowRecSBnt i { font-size:20px; color:#666;}
.SellShowRecSwiper .SellShowRecSNext { right:0;}
.SellShowRecSwiper .SellShowRecSPrev { left:0;}

.SellShowTab { height:65px; background:#fff;border-bottom:1px solid #eee; z-index:100; padding:0 24px;border-radius:8px 8px 0 0;border:#eee 1px solid;border-bottom:none; box-sizing:border-box;}
.SellShowTab.on { position:fixed; top:0; box-sizing:border-box;}
.SellShowTab ul { display:flex;}
.SellShowTab ul li { }
.SellShowTab ul li:nth-child(1n+2) { margin-left:40px;}
.SellShowTab ul li a { font-size:18px; line-height:65px; display:block;}
.SellShowTab ul li a.hover {color: #001a4e;border-bottom: 1px solid #001a4e;height: 65px;}

.SellShowDetail { border-top:none; padding:40px;background:#fff;border-radius:0 0 8px 8px;border:#eee 1px solid;border-top:none}
.SellShowDetail .slip_box1 { overflow:hidden;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.SellShowDetail .slip_box1 dl { float:left; width:33.333333%; height:22px; line-height:22px;font-size:14px; box-sizing:border-box; margin-bottom:16px;}
.SellShowDetail .slip_box1 dl dt,
.SellShowDetail .slip_box1 dl dd { float:left;}
.SellShowDetail .slip_box1 dl dt { width:35%;box-sizing:border-box; color:#999;}
.SellShowDetail .slip_box1 dl dd { width:65%; box-sizing:border-box; padding:0 10px; color:#333;}
.SellShowDetail strong.cdx_title { display:block; text-align:center; margin:50px auto 30px; position:relative; width:80%;}
.SellShowDetail strong.cdx_title span { font-size:24px!important; display:inline-block; background:#fff; font-weight:700!important; position:relative; color:#333; width:200px; padding:0 30px;}
.SellShowDetail strong.cdx_title span:before,
.SellShowDetail strong.cdx_title span:after{content: "";width: 14px;height: 14px;transform: translateY(10px) rotate(45deg);background: #adacad; display:inline-block;}
.SellShowDetail strong.cdx_title span:before { float:left;}
.SellShowDetail strong.cdx_title span:after { float:right;}
.SellShowDetail strong.cdx_title:before { content:""; display:block; background:#adacad; position:absolute; height:2px; width:100%; top:50%; left:0;}

.SellShowCat { overflow:hidden;background:#fff; padding:24px; border-radius:8px;border:1px solid #eee;}
.SellShowCat ul { overflow:hidden;}
.SellShowCat ul li { float:left; width:33.33333%; font-size:14px; margin-top:10px; line-height:20px;}
.SellShowCat ul li a { color:#666;}

.company_Contact { overflow:hidden;background:#fff; padding:24px;border-radius:8px;border:1px solid #eee;}
.company_Contact table { width:100%;border-collapse: collapse;}
.company_Contact table td { border:1px solid #ddd; font-size:14px; color:#888;padding:10px 16px;}
.company_Contact table tr td:nth-child(1) { width:100px;}
.company_Contact table tr td:nth-child(2) { color:#000}

.GoodsInfo { border-radius: 8px;padding: 20px 16px; background:#fff; margin-bottom:16px;border:1px solid #eee;}
.GoodsInfo .jianjie { display:flex; align-items:center;}
.GoodsInfo .jianjie img { width:60px; height:60px; float:left; margin-right:10px; border-radius:6px;}
.GoodsInfo .jianjie p { font-size: 13px;line-height: 18px; overflow: hidden; flex:1;}
.GoodsInfo dl { overflow:hidden; line-height:20px; margin-top:10px;font-size:15px; color:#666;}
.GoodsInfo dl dt { float:left; width:90px; margin-right:10px;}
.GoodsInfo dl dd { float:left; width:116px; text-align:right;}
.GoodsInfo dl dd b { font-size:17px; color:#4e6ef2;font-weight:800;}
.GoodsInfo .GoodsInfoBtn { margin-top:15px; padding-top:15px; border-top:1px solid #eee;}
.GoodsInfo .GoodsInfoBtn a { display: flex;justify-content: center;align-items: center;border: 1px solid #4e6ef2;border-radius: 30px;height: 44px;font-size: 16px;padding: 0 15px;color: #fff;background: #4e6ef2;cursor: pointer;transition: all .3s;}
.GoodsInfo .GoodsInfoBtn a i {font-size: 20px;margin-right: 10px;}
.GoodsInfo .GoodsInfoBtn a:hover { opacity:.9;}

.CompanyInfo { background:#fff;border-radius: 8px;padding: 30px 16px;border:1px solid #eee;}
.CompanyInfo h3 { font-size: 17px; margin-bottom:15px;}
.CompanyInfo .renzheng { display:flex; font-size:12px; line-height:16px; margin:10px 0;}
.CompanyInfo .renzheng img { margin-right:5px; height:16px;}
.CompanyInfo p { font-size: 13px;color: #666; margin-bottom:10px}
.CompanyInfo p b { color:000;}
.CompanyInfo .CompanyInfoBtn { display:flex; margin-top:30px;}
.CompanyInfo .CompanyInfoBtn a { display:flex; justify-content: center; align-items: center;border:1px solid #ddd; border-radius:30px; height:34px; font-size:14px; padding:0 15px; color:#111; background:#f5f7fa; cursor:pointer; transition:all .3s; max-width:49%; flex:1;}
.CompanyInfo .CompanyInfoBtn a i { font-size:15px; margin-right:10px;}
.CompanyInfo .CompanyInfoBtn a:nth-child(2) { margin-left:2%;}
.product-list-page {
    --bg: #f5f7fa;
    --sidebar-bg: #ffffff;
    --card-bg: #ffffff;
    --text-primary: #1a1a1a;
    --text-secondary: #666;
    --text-light: #999;
    --border: #e8e8e8;
    --primary: #1890ff;
    --primary-hover: #40a9ff;
    --primary-light: #e6f7ff;
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
    --radius: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

.product-list-page {
    background: var(--bg);
    padding: 20px 0;
    min-height: 600px;
}

.product-list-container {
    max-width: 2400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

/* 页面头部 - 整合面包屑和结果标题 */
.product-header {
    background: var(--card-bg);
    border-radius: var(--radius);
    padding: 16px 24px;
    margin-bottom: 20px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.product-breadcrumb {
    font-size: 14px;
    color: var(--text-secondary);
    flex: 1;
    min-width: 0;
}

.product-breadcrumb a {
    color: var(--text-secondary);
    text-decoration: none;
}

.product-breadcrumb a:hover {
    color: var(--primary);
}

.product-breadcrumb i {
    margin: 0 8px;
    color: #ddd;
}

.product-header-title {
    display: flex;
    align-items: center;
    gap: 16px;
}

.product-publish-link {
    display: inline-block;
    padding: 14px 32px;
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4), 0 2px 4px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.product-publish-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.product-publish-link:hover::before {
    left: 100%;
}

.product-publish-link:hover {
    background: linear-gradient(135deg, #FF7B45 0%, #FFA500 100%);
    color: #fff;
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.5), 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.product-results {
    font-size: 14px;
    color: var(--text-secondary);
}

/* 左侧筛选栏 */
.product-sidebar {
    width: 280px;
    flex-shrink: 0;
    background: var(--sidebar-bg);
    border-radius: var(--radius);
    padding: 24px;
    box-shadow: var(--shadow-sm);
    height: fit-content;
    position: sticky;
    top: 20px;
}

.filter-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--border);
}

.filter-section {
    margin-bottom: 32px;
}

.filter-section:last-child {
    margin-bottom: 0;
}

.filter-section-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 16px;
}

.filter-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer;
}

.filter-checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer;
    accent-color: var(--primary);
}

.filter-checkbox label {
    font-size: 14px;
    color: var(--text-secondary);
    cursor: pointer;
    margin: 0;
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-list li {
    margin-bottom: 10px;
}

.filter-category-item {
    margin-bottom: 12px;
}

.filter-sublist {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 16px;
}

.filter-sublist li {
    margin-bottom: 6px;
}

.filter-sublist a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s;
    border-radius: 4px;
}

.filter-sublist a:hover,
.filter-sublist a.active {
    color: var(--primary);
    background: var(--primary-light);
}

.filter-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}

.filter-list a:hover {
    color: var(--primary);
}

.filter-list .active {
    color: var(--primary);
    font-weight: 600;
}

.filter-count {
    color: var(--text-light);
    font-size: 13px;
    margin-left: 8px;
}

/* 当前分类下的二级分类区域 */
.category-sublist-section {
    background: var(--card-bg);
    border-radius: var(--radius);
    padding: 20px 24px;
    margin-bottom: 24px;
    box-shadow: var(--shadow-sm);
}

.category-sublist-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.category-sublist-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.category-sublist-header .product-results {
    font-size: 14px;
    color: var(--text-secondary);
}

.category-sublist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.category-sublist li {
    margin: 0;
}

.category-sublist a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--bg);
    color: var(--text-secondary);
    text-decoration: none;
    border-radius: var(--radius);
    font-size: 14px;
    transition: all 0.2s;
    border: 1px solid var(--border);
}

.category-sublist a:hover {
    color: var(--primary);
    background: var(--primary-light);
    border-color: var(--primary);
}

.category-sublist a.active {
    color: #fff;
    background: var(--primary);
    border-color: var(--primary);
    font-weight: 500;
}

.category-sublist .filter-count {
    color: inherit;
    opacity: 0.8;
    font-size: 12px;
}

.filter-more {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 12px;
    background: var(--bg);
    color: var(--primary);
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s;
}

.filter-more:hover {
    background: var(--primary-light);
}

.filter-more-items {
    display: none;
}

.filter-more-items.show {
    display: block;
}

/* 右侧主内容区 */
.product-main {
    flex: 1;
    min-width: 0;
}

.product-header {
    background: var(--card-bg);
    border-radius: var(--radius);
    padding: 20px 24px;
    margin-bottom: 20px;
    box-shadow: var(--shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-header h1 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.product-results {
    font-size: 14px;
    color: var(--text-secondary);
}

/* 产品网格 */
.product-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 40px;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
}

.product-card {
    width: 500px;
    min-height: 360px;
    background: var(--card-bg);
    border-radius: var(--radius);
    overflow: visible;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.product-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
}

.product-image {
    width: 100%;
    height: 230px;
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.product-image a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, opacity 0.3s ease;
    background: #f8f9fa;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-country {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255, 255, 255, 0.95);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-country-flag {
    width: 16px;
    height: 12px;
    background: #ddd;
    border-radius: 2px;
    display: inline-block;
}

.product-info {
    padding: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: visible;
}

.product-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.6;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 42px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0.2px;
}

.product-title a {
    color: var(--text-primary);
    text-decoration: none;
}

.product-title a:hover {
    color: var(--primary);
}

.product-category {
    display: inline-block;
    padding: 4px 8px;
    background: #f0f2f5;
    color: var(--text-secondary);
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 12px;
    width: fit-content;
}

/* 公司信息 */
.product-company {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
}

.product-company-name {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.product-company-name a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.2s;
}

.product-company-name a:hover {
    color: var(--primary);
}

/* 认证标识 */
.product-cert-badge {
    display: inline-block;
    padding: 2px 6px;
    background: #fff7e6;
    color: #fa8c16;
    border: 1px solid #ffd591;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    margin-left: 6px;
}

.product-vip-badge {
    display: inline-block;
    margin-left: 4px;
}

/* 价格信息 */
.product-price-section {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--border);
}

.product-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.product-price-info {
    flex: 1;
    min-width: 0;
}

.product-price {
    font-size: 16px;
    font-weight: 600;
    color: #f5222d;
    margin-bottom: 4px;
}

.product-price-unit {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: normal;
}

.product-min-order {
    font-size: 13px;
    color: var(--text-secondary);
    margin-top: 4px;
}

.product-min-order strong {
    color: var(--text-primary);
    font-weight: 600;
}

/* 操作按钮区域 */
.product-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.product-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s;
    display: inline-block;
    white-space: nowrap;
    flex-shrink: 0;
}

.product-btn-primary {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(79, 172, 254, 0.25);
}

.product-btn-primary:hover {
    background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(79, 172, 254, 0.35);
    transform: translateY(-1px);
}

.product-btn-secondary {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    color: #fff;
    border: none;
    box-shadow: 0 2px 6px rgba(250, 112, 154, 0.25);
}

.product-btn-secondary:hover {
    background: linear-gradient(135deg, #fee140 0%, #fa709a 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(250, 112, 154, 0.35);
    transform: translateY(-1px);
}

/* 分页 */
.product-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.pages {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pages a,
.pages span {
    display: inline-block;
    padding: 8px 12px;
    background: #fff;
    color: var(--text-secondary);
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid var(--border);
    font-size: 14px;
    transition: all 0.2s;
}

.pages a:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.pages .current {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* 空状态 */
.product-empty {
    background: var(--card-bg);
    border-radius: var(--radius);
    padding: 60px 20px;
    text-align: center;
    color: var(--text-secondary);
    box-shadow: var(--shadow-sm);
}

/* 发布采购单引导横幅 */
.purchase-promo-banner {
    background: linear-gradient(135deg, #1a3a5c 0%, #2c5282 100%);
    border-radius: var(--radius);
    padding: 32px 40px;
    margin-top: 24px;
    box-shadow: var(--shadow-md);
    position: relative;
    overflow: hidden;
    width: 33.333%;
    max-width: 800px;
}

.purchase-promo-banner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
}

.purchase-promo-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.purchase-promo-text {
    flex: 1;
    padding-right: 40px;
}

.purchase-promo-title {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 20px;
    line-height: 1.4;
}

.purchase-promo-btn {
    display: inline-block;
    padding: 14px 36px;
    background: #ffffff;
    color: #1a3a5c;
    text-decoration: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.purchase-promo-btn:hover {
    background: #f5f5f5;
    color: #1a3a5c;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.purchase-promo-icon {
    flex-shrink: 0;
    position: relative;
}

.purchase-promo-icon svg {
    width: 80px;
    height: 80px;
}

/* 响应式设计 */
@media (max-width: 2420px) {
    .product-list-container {
        max-width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 1800px) {
    /* flex布局自动换行，保持500px宽度 */
}

@media (max-width: 1600px) {
    .product-list-container {
        flex-direction: column;
    }
    
    .product-sidebar {
        width: 100%;
        position: static;
    }
    
    /* flex布局自动换行，保持500px宽度 */
}

@media (max-width: 1080px) {
    .product-list-page {
        padding: 15px 0;
    }
    
    .product-list-container {
        padding: 0 15px;
        gap: 16px;
    }
    
    .product-sidebar {
        padding: 20px;
    }
    
    .product-grid {
        gap: 16px;
    }
    
    .product-card {
        width: 100%;
        max-width: 500px;
        height: auto;
        min-height: 360px;
    }
    
    .product-image {
        height: 200px;
    }
    
    .product-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .purchase-promo-banner {
        padding: 30px 24px;
    }
    
    .purchase-promo-content {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .purchase-promo-text {
        padding-right: 0;
        margin-bottom: 24px;
    }
    
    .purchase-promo-title {
        font-size: 20px;
    }
    
    .purchase-promo-icon {
        align-self: center;
    }
    
    .purchase-promo-icon svg {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 768px) {
    .product-grid {
        gap: 16px;
    }
    
    .product-card {
        width: 100%;
        max-width: 500px;
    }
    
    .product-card {
        width: 100%;
        max-width: 100%;
    }
    
    .product-image {
        height: 200px;
    }
}