.about-page .about-msg{ padding-bottom: 80px; }
.about-page .about-msg .content-box{ width: 85%; margin: 0px auto; display: flex; }
.about-page .about-msg .content-box .item-box{ flex: 1 1 0%; margin-right: 30px; }
.about-page .about-msg .content-box .item-box .img-box img{ display: inline-block; width: 100%; height: 310px; }
.about-page .about-msg .content-box .item-box .info-box span{ color: rgb(96, 96, 96); line-height: 24px; margin-bottom: 9px; }
.about-page .about-msg .content-box .item-box .info-box h3{ overflow: visible; text-overflow: clip; display: block; white-space: normal; overflow-wrap: anywhere; font-size: 19px; color: rgb(0, 0, 0); margin-bottom: 20px; }
.about-page .about-msg .content-box .item-box .info-box .more-btn{ display: inline-block; font-size: 17px !important; line-height: 48px !important; height: 48px !important; padding: 0px 23px !important; letter-spacing: 0.2px !important; border-radius: 0.3rem !important; background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; border: 0px !important; }
.about-page .about-msg .content-box .item-box:last-child{ margin-right: 0px; }
.about-page .about-counterup{ background: url("/assets/about3.032409d1.png") center center / cover no-repeat scroll; position: relative; margin-bottom: 80px; }
.about-page .about-counterup::before{ position: absolute; content: ""; width: 100%; height: 100%; background: rgb(0, 0, 0); left: 0px; top: 0px; opacity: 0.7; }
.about-page .about-counterup .content-box{ width: 85%; margin: 0px auto; display: flex; padding: 100px 0px; position: relative; }
.about-page .about-counterup .content-box .item-box{ flex: 1 1 0%; text-align: center; color: rgb(255, 255, 255); }
.about-page .about-counterup .content-box .item-box h2{ font-size: 20px; margin-bottom: 11px; }
.about-page .about-counterup .content-box .item-box .count{ font-size: 40px; font-weight: 600; }
.about-page .about-counterup .content-box .item-box .dw{ margin-left: 4px; font-size: 40px; font-weight: 600; }
.about-page .group-line{ margin-bottom: 30px; text-align: center; }
.about-page .group-line h2.title{ font-size: 30px; display: inline-block; padding-bottom: 20px; position: relative; }
.about-page .group-line h2.title::before{ position: absolute; content: ""; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAAAFCAYAAADc19fDAAAB30lEQVRIie3WzYuOURgG8N+p+TA0zURiM0XKKCNNmYUNSlgpa5SF1WBpqyzHTsrGX2CUUgrFAouZmqxkMzbEhnw0Jd75qtviOa95jPf1PJMo9V6bc5/rXOc+H93n6qSI0EE9pJQGcRx7cR9TEdFIKR3A5oi4nXWHMZGnTZT41bpRnMJbTEbEu396oP8YCX3oxbrMdee2J7ddJX13m1gF31XRr5OjCj0V43VzduNDRDyFlFIf9mA/TmNfSTuJaYxjG47iJR5jOGte4YjizA/Rj8vYibOKu4dZ3MIjPI+Iubz+SM61VHP/VbrFmnnWknO5ov+7HEtt4maOxVVj81hIGMJ2DGIAG7NgU27XK4obNlgp8P4Sp0Vc1jRRfgzlQustxX1ao7cN/zfwLCLGIKW0VeGeZ2rMm8QVhRtvydwcjikK/2qNHE9wISJe5PWv49yadv9nWGjDN9pomoW17NdH8WVV/2uLuKmZL3ENfMvxp9x+ztwcXncct7Xuh+NCSmkHduMkTiju6z1uKArtEnbhYObv5JjCSQ/l+K7CEM4rHHfcijPfw03M4E1ENPLaHcf9eaxw3M4ftz7yt2EMo3gQEbOZH8ZARMzk/gguKszgWkRMtdENKYr6I6ab34MOqvEd/VaeNdyoD1oAAAAASUVORK5CYII=") no-repeat; width: 174px; height: 5px; bottom: 0px; left: 50%; transform: translate(-50%); }
.about-page .about-select{ padding-bottom: 80px; }
.about-page .about-select .content-box{ width: 85%; margin: 0px auto; display: flex; }
.about-page .about-select .content-box .item{ flex: 1 1 0%; padding: 0px 15px; }
.about-page .about-select .content-box .about__content > span{ display: inline-block; font-size: 20px; font-weight: 600; line-height: 22px; margin-bottom: 20px; }
.about-page .about-select .content-box .about__content > h2{ display: inline-block; font-size: 30px; font-weight: 700; margin-bottom: 25px; }
.about-page .about-select .content-box .about__content .about-author{ display: flex; font-size: 16px; }
.about-page .about-select .content-box .about__thumb{ display: flex; }
.about-page .about-select .content-box .about__thumb .about__thumb_item{ margin-right: 20px; width: 50%; }
.about-page .about-select .content-box .about__thumb .about__thumb_item img{ border-radius: 5px; }
.about-page .about-select .content-box .about__thumb .about__thumb_item:first-child{ margin-top: 50px; }
.about-page .about-head{ padding: 80px 0px; text-align: center; }
.about-page .about-head h1{ font-size: 42px; }
.about-page .breadcrumb__bg{ background-image: url("/assets/classify_head_bg.287c1676.png"); }
.about-page .breadcrumb__bg .container2{ color: rgb(255, 255, 255); flex: 1 1 0%; text-align: center; }
.about-page .breadcrumb__bg .container2 .title{ font-size: 40px; line-height: 38px; font-weight: 700; margin-bottom: 18px; }
.about-page .breadcrumb__bg .container2 .path-name{ font-size: 20px; margin: 0px 10px; color: rgb(255, 255, 255); }
.about-page .breadcrumb__bg .container2 .path-line{ font-size: 25px; font-weight: 700; color: rgb(255, 255, 255); }
/* Source shared banner breakpoints, scoped to the About page. */
.about-page .breadcrumb__bg{position:relative;background-repeat:no-repeat}
@media(min-width:480px){.about-page .breadcrumb__bg{height:150px}}
@media(min-width:576px){.about-page .breadcrumb__bg{height:170px}}
@media(min-width:768px){.about-page .breadcrumb__bg{height:190px}}
@media(min-width:992px){.about-page .breadcrumb__bg{height:220px}}
@media(min-width:1200px){.about-page .breadcrumb__bg{height:270px}}
@media(min-width:1600px){.about-page .breadcrumb__bg{height:300px}}

/* About is shared with the mobile storefront; keep desktop rules above intact. */
@media(max-width:900px){
 body.about-route{min-width:0;max-width:100%;overflow-x:clip}
 body.about-route .buyer{min-width:0;max-width:100%}
 .about-page{width:100%;overflow-wrap:anywhere}
 .about-page .about-head{padding:36px 16px}
 .about-page .about-head h1{font-size:30px;margin:0}
 .about-page .about-select{padding-bottom:40px}
 .about-page .about-select .content-box{width:calc(100% - 32px);flex-direction:column;gap:30px}
 .about-page .about-select .content-box .item{padding:0;min-width:0;flex:auto}
 .about-page .about-select .content-box .about__thumb{gap:16px}
 .about-page .about-select .content-box .about__thumb .about__thumb_item{width:calc(50% - 8px);margin-right:0}
 .about-page .about-select .content-box .about__thumb .about__thumb_item:first-child{margin-top:24px}
 .about-page .about-select .content-box .about__content>span{font-size:17px;margin-bottom:12px}
 .about-page .about-select .content-box .about__content>h2{font-size:25px;line-height:1.35;margin-bottom:20px}
 .about-page .group-line{margin-bottom:24px}
 .about-page .group-line h2.title{font-size:26px}
 .about-page .about-counterup{margin-bottom:40px}
 .about-page .about-counterup .content-box{width:calc(100% - 32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;padding:40px 0}
 .about-page .about-counterup .content-box .item-box h2{font-size:15px;line-height:1.4;margin-bottom:12px}
 .about-page .about-counterup .content-box .item-box .count,.about-page .about-counterup .content-box .item-box .dw{font-size:32px}
 .about-page .about-msg{padding-bottom:40px}
 .about-page .about-msg .content-box{width:calc(100% - 32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .about-page .about-msg .content-box .item-box{margin-right:0;min-width:0}
 .about-page .about-msg .content-box .item-box .img-box img{display:block;height:auto;aspect-ratio:4/3;object-fit:cover}
 .about-page .about-msg .content-box .item-box .info-box h3{font-size:18px;line-height:1.4}
 body.about-route .store-container{width:calc(100% - 32px);max-width:100%}
 body.about-route .buyer-top{height:auto;min-height:44px;font-size:12px}
 body.about-route .buyer-top .store-container{gap:12px;min-height:44px}
 body.about-route .buyer-top .top-divider,body.about-route .buyer-top .store-container>span,body.about-route .buyer-top button[data-route]{display:none}
 body.about-route .buyer-top button:first-child{min-width:0;flex:1;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.about-route .buyer-top .language{flex-shrink:0;margin-left:auto}
 body.about-route .buyer-top .language-name{font-size:14px}
 body.about-route .buyer-header{height:auto;padding:16px 0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px}
 body.about-route .buyer-logo img{width:48px;height:48px}
 body.about-route .search-box{margin:0;width:100%;min-width:0}
 body.about-route .header-tools{grid-column:1/-1;justify-content:space-around;gap:12px}
 body.about-route .header-tools button{font-size:12px;min-width:0}
 body.about-route .buyer-nav{height:auto;min-height:48px;font-size:13px}
 body.about-route .buyer-nav>.store-container{width:100%;padding:0 8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible;white-space:normal}
 body.about-route .buyer-nav a{min-width:0;padding:12px 2px;text-align:center;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
 body.about-route .discount-tip{display:none}
 body.about-route .buyer-service .commodity-content{width:100%;padding:28px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 body.about-route .buyer-service .commodity-item{margin:0;min-width:0}
 body.about-route .buyer-service .item-icon img{max-width:36px;height:36px;width:auto}
 body.about-route .buyer-service h2{font-size:16px}
 body.about-route .buyer-footer{padding:32px 16px}
 body.about-route .buyer-footer .footer-columns{width:100%;padding:0;flex-direction:column;gap:32px}
 body.about-route .footer-left{flex:auto;width:100%;margin:0}
 body.about-route .footer-right{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 body.about-route .footer-right>section{margin:0;min-width:0}
 body.about-route .footer-right h3{font-size:18px}
 body.about-route .footer-right section>button,body.about-route .buyer-footer .footer-right section>a{font-size:14px;line-height:1.5;margin-bottom:12px}
}
@media(max-width:540px){
 .about-page .breadcrumb__bg{height:150px}
 .about-page .breadcrumb__bg .container2 .title{font-size:30px;margin-bottom:12px}
 .about-page .breadcrumb__bg .container2 .path-name{font-size:16px}
 .about-page .about-msg .content-box{grid-template-columns:minmax(0,1fr)}
 .about-page .about-msg .content-box .item-box .info-box h3{display:block;overflow:visible;-webkit-line-clamp:unset}
}

/* Mobile About uses the storefront's back navigation; retain only its brand. */
@media(max-width:900px){
 body.about-route .buyer-top,body.about-route .buyer-header .search-box,body.about-route .buyer-header .header-tools,body.about-route .buyer-nav{display:none}
 body.about-route .buyer-header{display:flex;justify-content:center;align-items:center;padding:16px 0;margin:0 auto;gap:0}
 body.about-route .buyer-header .buyer-logo{display:block;line-height:0}
 body.about-route .buyer-header .buyer-logo img{display:block;width:52px;height:52px;object-fit:contain}
}

@media(max-width:900px){
 body.about-route .buyer-header{display:none}
 .about-page .breadcrumb__bg{height:160px;background-position:75% center;background-size:cover}
 .about-page .breadcrumb__bg .container2{flex:0 1 55%;min-width:0;padding:0 16px;text-align:start}
 .about-page .breadcrumb__bg .container2 .title{font-size:26px;line-height:1.2;margin-bottom:12px;text-shadow:0 1px 3px #0005}
 .about-page .breadcrumb__bg .container2 .path-name{font-size:14px;margin:0 4px;text-shadow:0 1px 3px #0005}
 .about-page .breadcrumb__bg .container2 .path-line{font-size:18px}
}