/* 1.5.0: enterprise procurement design system */
:root{--blue:#253f57;--deep:#182e43;--ink:#253544;--muted:#75808a;--line:#e8e8e4;--wash:#f6f6f3;--mall-red:#a54d35;--radius:8px;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
body{background:var(--wash);color:var(--ink)}
.wrap{max-width:1320px;padding:0 28px}.topbar{background:#f0f1ed}.jd-head{border-bottom:1px solid var(--line)}.jd-head .head-main{height:116px;gap:50px}.mall-logo-mark{background:#253f57;border-radius:8px;width:53px;height:53px;font-weight:500}.mall-logo-name{font-size:27px;color:#253f57;letter-spacing:2px}.mall-logo-sub{color:#83909a;letter-spacing:2px}.jd-search{border:1px solid #253f57;height:44px;border-radius:5px}.jd-search button{background:#253f57;width:86px}.jd-cart{border:1px solid #e0e4e4;color:#253f57;border-radius:5px;min-width:168px}.jd-cart b{background:#a54d35}.jd-nav{height:51px;gap:0;border:0}.jd-nav .all-cats{background:#253f57;width:184px}.jd-nav a{padding:0 24px;font-size:15px}.jd-nav a.active{color:#a54d35}.jd-notice{background:#f8f6ef;border-color:#ece7d8;color:#827866;font-size:11px;padding:6px 0}.jd-notice .wrap{padding:0 28px}
.btn{border-radius:5px;border-color:#d8ddde;color:#253f57}.btn.primary,.jd-banner .btn.primary,.mall-hero .btn.primary{background:#253f57;border-color:#253f57;color:#fff}.btn.primary:hover{background:#344f66}.category-tabs button.selected{background:#e9eef0;color:#253f57}.link{color:#8e4b37}.badge.amber{background:#f4eee4;color:#857251}.panel{box-shadow:none;border-color:#e5e7e3}.page-content{padding-top:22px}.page-title h1{font-size:29px}.page-title p{font-size:13px}
.home-intro{display:flex;justify-content:space-between;align-items:center;padding:22px 0 14px;font-size:12px;color:#7c858d;letter-spacing:1px}.home-intro span:first-child{color:#253f57;font-weight:600}.jd-hero{height:370px;grid-template-columns:184px minmax(0,1fr) 212px;gap:14px}.jd-category{border-radius:7px;padding:9px 0;border-color:#e8e9e3}.jd-category a{height:42px;padding:0 19px;font-size:13px}.jd-category a:hover{background:#f3f3ee}.jd-category h3{display:block;font-size:12px;margin:0 19px 8px;padding:8px 0;color:#9a9c98;letter-spacing:1px;border-bottom:1px solid #eee}
.jd-banner{border:0;border-radius:8px;background:#eceae2}.jd-banner>img{width:100%;height:100%;right:0;bottom:0;object-fit:cover;opacity:1;mix-blend-mode:normal}.jd-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2eee7f2 0%,#f2eee7c9 45%,transparent 78%)}.jd-banner-copy{left:38px;top:49px;max-width:380px;z-index:2}.jd-kicker{font-size:11px;color:#7c715e;letter-spacing:3px}.jd-banner h1{font-size:37px;color:#253f57;line-height:1.45;letter-spacing:1px;font-weight:650}.jd-banner p{font-size:12px;color:#6e7780}.jd-banner-actions{margin-top:23px}.jd-banner-points{gap:17px;margin-top:26px;color:#6d7478;font-size:10px}.jd-banner-points span:before{color:#a54d35}.jd-user{border-radius:8px;border:1px solid #e8e9e3;padding:24px 18px;background:#fff}.jd-user-avatar{background:#e8eceb;color:#253f57;width:48px;height:48px;margin:0 auto 14px;border-radius:50%}.jd-user h3{font-size:15px}.jd-user p{font-size:11px;line-height:1.9;margin:10px 0 15px}.jd-user-actions .btn{min-height:35px;font-size:12px}.jd-user-grid{font-size:11px;margin-top:20px}.jd-quick{border:1px solid #e6e8e1;border-radius:7px;margin-top:17px;height:72px}.jd-quick>div{padding:15px 24px}.jd-quick strong{color:#253f57;font-size:14px}.jd-quick span{font-size:11px;color:#8d9394}
.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:28px}.scene-card{background:#e9edf0;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:1fr 115px;min-height:138px;padding:21px 22px;position:relative}.scene-card:nth-child(2){background:#edece5}.scene-card:nth-child(3){background:#eee8e2}.scene-card small{color:#81909a;letter-spacing:2px;font-size:10px}.scene-card h3{font-size:19px;color:#253f57;margin:3px 0 6px}.scene-card p{font-size:11px;color:#768089}.scene-card span{display:block;font-size:11px;color:#a54d35;margin-top:11px}.scene-card img{width:115px;height:115px;object-fit:cover;mix-blend-mode:multiply;border-radius:7px}
.section{margin-top:34px}.jd-floor-head,.section-head{margin-bottom:17px}.jd-floor-head h2,.section-head h2{font-size:23px;letter-spacing:1px;color:#253f57}.jd-floor-head span,.section-head .meta{font-size:11px}.jd-floor-head div{display:flex;align-items:baseline;gap:18px}.jd-more{font-size:12px;color:#8b9397}.jd-floor .product-grid,.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.jd-product{border:1px solid #e8e9e4;border-radius:7px;min-height:370px;box-shadow:none;overflow:hidden}.jd-product:hover{border-color:#bec8cd;box-shadow:0 6px 18px #273f5710;transform:translateY(-2px)}.jd-product .product-visual{height:245px;background:#f3f1ec!important}.jd-product .product-photo img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.jd-product:hover .product-photo img{transform:scale(1.035)}.jd-tag{background:#fffffff0;color:#7d817e;border:1px solid #e9e7e1;left:13px;top:13px;padding:3px 7px;font-size:10px}.jd-product .product-body{padding:15px 17px 53px}.jd-product h3{font-size:14px;font-weight:550;height:23px;margin-top:7px;color:#253f57}.jd-price{font-size:22px;color:#a54d35;font-weight:650}.jd-product .product-body>p{display:block;height:18px;font-size:11px;color:#859097;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.jd-shopline{font-size:10px;margin-top:9px}.jd-shopline em{color:#94a0a5}.jd-add{left:17px;right:17px;width:calc(100% - 34px);bottom:14px;background:#fff;border-color:#d4dddf;color:#546975;border-radius:4px;height:31px}.jd-add:hover{background:#253f57;border-color:#253f57}.jd-floor-titleband{background:#e9edf0;padding:20px 24px;border-radius:7px;margin-bottom:18px;color:#253f57}.jd-floor-titleband.material{background:#eeebe4}.jd-floor-titleband b{font-size:23px}.jd-floor-titleband span{color:#7d8789;font-size:12px}.jd-floor-titleband a{color:#7c858b;font-size:12px}.jd-bottom-grid{gap:20px}.jd-needs,.jd-services{background:white;border:1px solid #e5e7e1;border-radius:7px;padding:24px}.jd-need-row{font-size:12px;grid-template-columns:85px 1fr 115px;gap:10px}.jd-need-row strong{font-size:13px;font-weight:500}.jd-need-row em{font-size:12px;color:#a54d35}.jd-service-row img{height:50px;width:72px;border-radius:5px;object-fit:cover}.jd-service-row strong{font-size:13px}.jd-service-row b{font-size:13px;color:#a54d35}.jd-merchant{border-radius:8px;background:#253f57;color:#fff;grid-template-columns:1.2fr 1fr;padding:32px}.jd-merchant-copy>span{color:#aebbc2;font-size:10px;letter-spacing:3px}.jd-merchant h2{font-size:24px;color:white;margin-top:5px}.jd-merchant p{color:#b6c2c9;font-size:12px}.jd-merchant .btn.primary{background:#fff;color:#253f57;border-color:#fff}.jd-merchant .btn{background:transparent;color:#dfe7eb;border-color:#647889}.jd-merchant-steps b{color:#a8bac6}.jd-merchant-steps span{color:#e1e8ec;font-size:12px}.notice-board{padding:23px 26px}.announcement-row{display:grid;grid-template-columns:90px 255px 1fr;padding:12px 0;font-size:12px;border-bottom:1px solid #eee;gap:20px}.announcement-row:last-child{border:0}.announcement-row strong{font-weight:500;color:#253f57}.announcement-row p{color:#8b959b;font-size:11px}.help-card{border-radius:7px}.help-card h3{font-size:16px;color:#253f57}.help-card p,.help-card li{font-size:12px;color:#838c92}.help-card .link{font-size:11px}.help-grid{grid-template-columns:repeat(3,1fr)}
.mall-hero{background:#e9edf0;color:#253f57;border:0;border-radius:8px}.mall-hero .eyebrow{color:#6e828f}.mall-trust{border-color:#ced6da}.mall-trust strong,.mall-trust span{color:#4d6473}.filters{padding:20px 24px}.product-showcase{padding:0;overflow:hidden;display:block;background:#f0eee8;min-height:0}.product-big{background:#f0eee8!important;padding:0;border-radius:0;min-height:0;display:block}.product-big img{display:block;width:100%;height:470px;object-fit:cover;border-radius:0;cursor:zoom-in}.product-big>span{display:none}.photo-caption{padding:15px 23px;background:white;font-size:11px;color:#909999;border-top:1px solid #e9e9e3}.product-info{padding:31px}.product-info h1{font-size:27px;margin-top:10px}.product-info>p{font-size:13px}.product-price{background:#f4f3ee;align-items:center;padding:18px;margin:20px 0}.product-price .price{font-size:32px;color:#a54d35}.definition{font-size:13px}.product-detail{grid-template-columns:1fr 1.03fr;gap:24px}.detail-tabs{display:flex;gap:30px;padding:17px 25px;border-bottom:1px solid #e7e8e2}.detail-tabs a{font-size:14px;color:#5c7080}.detail-tabs a:first-child{color:#a54d35}.product-description{padding:28px}.product-description h2{font-size:21px;margin-bottom:20px}.param-table{width:100%;border-collapse:collapse;font-size:13px}.param-table td{padding:14px 18px;border:1px solid #e8e9e4}.param-table td:first-child{width:155px;color:#818c93;background:#f7f7f3}.product-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-feature-grid>div{background:#f4f4ee;padding:22px;border-radius:5px;font-size:13px;color:#526775}.product-description p{color:#73828b;font-size:13px;line-height:2}.product-detail .tags{margin:14px 0}.tags .tag{font-size:11px}.visual-disclaimer{font-size:11px;color:#979b99;margin-top:20px}.product-image-note{font-size:10px;color:#8a918e}.photo-modal{max-width:90vw;max-height:80vh;display:block;object-fit:contain;margin:auto}.service-hero{width:100%;height:240px;object-fit:cover;border-radius:6px;margin-bottom:22px}.detail-main .detail-block{font-size:13px}.card-visual.photo-visual{height:190px}.card-visual.photo-visual img{object-fit:cover;width:100%;height:100%}.card-body h3{font-size:16px}.card-body p{font-size:12px}.cards{gap:19px}.shop-card{align-items:center}.shop-grid{gap:20px}.shop-card .storemark{background:#e8edee;color:#253f57}.shop-card p{font-size:12px}.storefront-banner{padding:32px;background:#253f57;border-radius:7px;color:white;margin-bottom:24px;display:flex;align-items:center;gap:25px}.storefront-banner h1{font-size:27px}.storefront-banner p{color:#c2d0d6;font-size:13px;max-width:800px;margin-top:10px}.storefront-banner .storemark{background:#4a6275;color:white}.storefront-banner .badge{color:#e0d5bc;background:#ffffff16}.order-details{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#7d898e;border-top:1px solid #eee;padding:12px 0}.upload-field input{padding:10px;font-size:12px}.upload-preview{width:94px;height:94px;object-fit:cover;display:block;margin-top:9px;border:1px solid #eee}.upload-hint{font-size:11px;color:#8b989d}.prose h2{font-size:19px}.prose p{font-size:14px;line-height:2}.about-banner{background:#e8edec;border-radius:8px;color:#253f57}.about-banner h1{font-size:34px}.about-banner p{font-size:14px}.footer{background:#fff;border-top:1px solid #e4e8e3;margin-top:55px;color:#7a858d}.footer-company{color:#253f57;font-size:17px}.footer-links{font-size:12px}.footer-bottom{font-size:11px;color:#9ca3a3}.footer-top{padding:35px 0}.float-help{position:fixed;right:20px;bottom:28px;background:#253f57;color:white;border-radius:7px;padding:11px 15px;font-size:12px;z-index:20;box-shadow:0 4px 14px #0002}
@media(min-width:1500px){.jd-hero{height:390px}.jd-banner h1{font-size:41px}}
@media(max-width:1100px){.jd-hero{grid-template-columns:172px 1fr}.jd-user{display:none}.jd-banner-copy{left:30px}.jd-nav a{padding:0 16px}.jd-nav .all-cats{width:172px}.jd-product .product-visual{height:210px}.scene-card{grid-template-columns:1fr 85px;padding:18px}.scene-card img{width:85px;height:105px}.product-big img{height:430px}.jd-head .head-main{gap:25px}}
@media(max-width:760px){.wrap{padding:0 16px}.jd-notice .wrap{padding:0 16px}.jd-head .head-main{height:auto;gap:12px}.jd-nav{overflow:auto}.jd-nav a{padding:0 14px}.jd-nav .all-cats{display:none}.home-intro{font-size:10px;padding:16px 0}.home-intro span:last-child{display:none}.jd-hero{display:block;height:auto}.jd-banner{height:315px}.jd-banner-copy{left:22px;top:34px}.jd-banner h1{font-size:30px}.jd-banner>img{width:100%;opacity:1}.jd-banner p{max-width:220px}.jd-banner-points{gap:11px}.jd-quick{height:auto}.jd-quick>div{padding:13px 16px}.scene-grid{grid-template-columns:1fr;gap:10px;margin-top:17px}.scene-card{min-height:110px;grid-template-columns:1fr 100px;padding:16px 21px}.scene-card img{width:100px;height:90px}.scene-card h3{font-size:17px}.jd-floor .product-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jd-product{min-height:305px}.jd-product .product-visual{height:180px}.jd-product .product-body{padding:11px 12px 48px}.jd-product .product-body p{display:none}.jd-product h3{font-size:12px}.jd-add{left:12px;width:calc(100% - 24px)}.jd-shopline{display:block}.jd-shopline em{display:none}.help-grid{grid-template-columns:1fr 1fr}.jd-floor-head div{display:block}.jd-floor-head h2{font-size:20px}.jd-floor-head span{display:none}.jd-merchant{padding:24px;display:block}.jd-merchant h2{font-size:22px}.jd-merchant-steps{margin-top:25px}.jd-bottom-grid{grid-template-columns:1fr}.announcement-row{grid-template-columns:1fr;gap:3px}.announcement-row p{display:none}.notice-board{padding:20px}.product-detail{grid-template-columns:1fr}.product-big img{height:370px}.product-info{padding:23px}.product-feature-grid{grid-template-columns:1fr}.product-description{padding:22px}.param-table td{padding:10px}.param-table td:first-child{width:100px}.storefront-banner{padding:24px;display:block}.storefront-banner .storemark{margin-bottom:15px}.float-help{right:12px;bottom:15px;font-size:11px;padding:8px 11px}.toplinks{gap:10px}.product-info h1{font-size:24px}.product-price{display:block}.product-price .meta{display:block;margin-top:7px}}
