/* Fonts */
/*通用*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#000; position: relative;font-family:"Arial"; font-size:0}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#6c6c6c;text-decoration:none;}
img{border:none; display: block;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}

.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.Huans {-webkit-box-sizing:border-box;box-sizing:border-box;}

/*header*/
.header{width:100%;background:#FFF; z-index:98; position:fixed; left:0;right:0; margin:0 auto; top:0;}
.headB{padding:0 4%;position: relative;}
.hdlogo{ position: absolute;transform: translate(-50%,-50%);left:50%;top:50%;color:#000;font-weight: 700;}
.hdlogo {z-index:2;}
.headL{}
.hd_navB{transition:0.5s; z-index:120;position: relative;cursor: pointer;}
.hd_nav{position: relative;}
.hd_nav i{top:50%;margin-top: 0;position:absolute;display:inline-block;background:#222;width:100%;}
.hd_nav:before,.hd_nav:after{content: '';position:absolute;top:50%;display:inline-block;background:#222;transition:0.2s;width:100%;}
.hd_nav.active{transition:0.5s;}
.hd_nav.active i{display:none;}
.hd_nav.active:before{transform: rotate(45deg);}
.hd_nav.active:after{transform: rotate(-45deg);}
.hd_nav.active:before,.hd_nav.active:after{margin-top:0;}
.hd_wz{cursor: inherit;}
.hd_seaB{border:none;background-color: transparent;cursor: pointer;}

.headRL{color: #000}
.headRa{position: relative;}
.headRa span{position: absolute;background-color: #000;border-radius: 50%;color: #fff;}
.hd-Xin{}
.hd-XinD{border-radius:50%;background:#d6852a;position: absolute;}

.TcB,.TcB1{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99;display:none;}
.TcB1{z-index:120}
.Menu{position:fixed;top:0;left:0;height:100%;display:none;z-index:100;}
.Menu1{width:100%;height:100%;background:#FFF;position: relative;}
.Menu1c{width:100%;height:100%;overflow: auto;}
.MenuU{ width: 100%;}
.MenuU li{width: 100%;}
.MenuA{color:#000;width:100%;}
.MenuA p,.NavNUa p,.NavNFa p{position: relative;opacity:0.7}
.MenuA p:before,.NavNUa p:before,.NavNFa p:before{display:block;content:'';position: absolute;transition:0.5s;width:0; height:1px;background:#000;left:0;bottom:0;}
.MenuA:hover p:before,.NavNUa:hover p:before,.NavNFa:hover p:before{transition:0.5s;width:100%;}
.MenuA i,.NavNUa i{background-image: url("../images/icon/jiao01.png"); background-repeat: no-repeat;background-position:center;background-size: 100%;display:none;}
.MenuA:hover p,.menuO p,.NavNUa:hover p,.NavNUO p,.NavNFa:hover p{opacity:1}
.menuO p:before,.NavNUO p:before,.NavNFa:hover p:before{width:100%;}
.menuO i,.MenuA:hover i,.NavNUO i,.NavNUa:hover i{display: block;}

.Menu1Fz{width:100%;}
.Menu1Fza{color:#000;display: block;}
.Menu1Fe{width:100%;}
.Menu1Fea{color:#000;display: block;}
.Menu1FeNp{color:#000;}

.smSchk{display: none;}
.smSchk + label {background-color: #FFF;border-radius:11px;display: inline-block;position: relative;background: #ccc;width:30px;height:14px; padding:2px;}
.smSchk + label:before {content: ' ';position: absolute;background: #FFF;top:2px;z-index: 9;left:2px;width:14px;color: #FFF;height:14px;border-radius:50%;}
.smSchk + label:after {content:' ';position:absolute;left:30px;font-size:0.11rem;color:#FFF;top:0;line-height:16px;}
.smSchk:checked + label {background:#000;}
.smSchk:checked + label:after {content: ' ';left:30px;}
.smSchk:checked + label:before {content: ' ';position: absolute;z-index:9;left:18px;}
.smSchk + label:after {left:18px;}	
.smSchk + label:after,.smSchk + label:before,#checkbox label {-webkit-transition: all 0.1s ease-in;transition:all 0.1s ease-in;}


.NavK{background:#FFF; position:absolute;height:100%; top:0;display:none;z-index:10;}
.NavW{height: 100%;overflow: auto;}
.NavT{display: none;}
.NavHa{display: block;color:#000;}
.NavHv{position: relative;}
.NavHv:before{display:block;content:'';position: absolute;transition:0.5s;width:100%; height:100%;left:0;bottom:0;opacity: 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.NavHv:hover:before{transition:0.5s;opacity:1}
.NavHaI{width:100%;display: block;}
.NavHaI img{width:100%;display: block;}
.NavHaP{width:100%;text-align: center;}
.NavN{width:100%;}
.NavNU{}
.NavNU li{}
.NavNUa{color:#000;width:100%;}
.NavNF{width:100%;}
.NavNFa{color:#000;width:100%;}
.Nav2{background:#FFF; position:absolute;height:100%; top:0;display:none;z-index:11;overflow: auto;}
.NavHaw{width:50%;}
/*搜索*/
.searchK{ background:#FFF;display:none;z-index:130; position: fixed; top:0; left:0; width:100%;}
.searchN{ width:100%; border-bottom:1px solid #e1e1e1;position: relative;}
.searchNz{border:0.1rem solid #000;}
.searchI{color:#333;width:100%; background-image: url("../images/icon/search.png");background-repeat: no-repeat; border:none;background-color:rgba(0,0,0,0)}
.searchNz .searchI{background-color: transparent;border:none;}
.searchNz .searchI:focus{border-color: #000;box-shadow: none;}
.seacoles{display: block;transform: translate(0,-50%);left:92%;top:50%;position: absolute;}
.seacoles img{width:100%;display: block;}
.searchB{padding:4rem 4% 3rem;position: relative;}
.searchB:before{display:block;content:'';position: absolute;width:1px;height:100%;background:#e1e1e1;transform: translate(-50%,-50%);left:50%;top:50%;}
.searchW{width:46%;}
.searchE{width:100%;}
.searchEn{width:49%;}
.searchH{color:#000;}
.searchEa{color:#000;display: block;}
.searchM{}
.searchMa{color:#000;}
.searchMI img{width:100%;display: block;}
.searchMP span{display: block;}
.searchYa{color:#000;}
.searchYI img{width:100%;display: block;}
.wapsea{display:none;background:#FFF;border-bottom:1px solid #e1e1e1;padding:0 4%;}
/**/
.IndHel{border-top:1px solid #e1e1e1;}
.IndHelT{text-align: center;font-weight:700;}
.IndHelU{}
.IndHelU li{color:#000;}
.IndHelE{width:100%;}
.IndHelE p{line-height:2rem;}
.IndHelE i{position: relative;}
.IndHelE i:before,.IndHelE i:after{display:block;content:'';position: absolute;transform: translate(-50%,-50%);left:50%;top:50%;background:#000}
.IndHelE i:before{height:100%;}
.IndHelE i:after{width:100%;}
.IndHelN{width:100%;}
.IndHelN a{color:#000;}
.IndHelNp a{text-decoration:underline;}
.IndHelNa{display: block;}
.IndHelNg{width:100%;}
.IndHelNgF{width:100%;}
.IndHelNga img{width:100%;display:block;}
/*footer*/
footer { color:#000;border-top:1px solid #e1e1e1; width:100%;}
footer a{color:#000;}
.ftC{color:#000;width: 100%;}
.ftCa{display: block;font-weight:700;}
.TcN{ background:#FFF;display:block;z-index:130; position: fixed;bottom:0; right:-100%; height:100%;transition:1s; width: 50%}
.TcNO{right:0;transition:1s;}
/*购物袋*/
.IndCar{}
.IndCarcol{display: block;}
.IndCarcol img{width:100%;display: block;}
.IndCarT h3{color:#000;}
.IndCarE{border-bottom:1px solid #e1e1e1;}
.IndCarEI img{width:100%;display: block;}
.IndCarF{width:100%;}
.IndCarBut{width:100%;background:#000;border:0.1rem solid #000;color:#FFF;}

/*联系我们*/
.IndCou{ }
.IndCouN{color:#000;}
.IndCouP img{display: block}
.IndCouP p{width:100%;flex:1;}
.IndCouF{border-top:1px solid #e1e1e1;}
.IndCouFa{color:#000;display: block}
/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transform: translate(0,-50%);left:0;top:50%;
height:calc(100% - 10px)
transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/
@media  screen and ( min-width:1280px){
/*header*/
.headB{height:5.5rem;}
.hdlogo{font-size:2rem;line-height:3rem;}
.logo{width:280px;}
.logobi{width:200px;}
.hd_navB{margin-right:2rem;line-height: 1.5rem;}
.hd_wz{font-size: 0.9rem;margin-left: 0.8rem;}
.hd_nav{width: 1rem;height: 1rem;}
.hd_nav i{height: .0625rem;}
.hd_nav:before{margin-top:-0.4rem;;}
.hd_nav:after{margin-top:0.4rem;}
.hd_nav:before,.hd_nav:after{height: .0625rem;}
.hd_nav.active{}

.hd_seaB{line-height: 1.5rem;}
.hd_seaB img{width: 1.2rem;height: 1.2rem;}

.headR{}
.headRL{font-size: 0.9rem;line-height:1.5rem;}
.headRa{ margin-left:1.5rem;}
.headRa img{width:1rem;}
.headRa span{width:0.75rem;height:0.75rem;line-height:0.75rem;font-size:0.5rem;top:-0.4rem;right:-0.8rem;}
.hd-Xin{}
.hd-XinD{width:0.4rem;height:0.4rem;top:-0.3rem;right:-0.4rem;}
.Menu{width: 33.333%;max-width: 30rem;}
.Menu1{padding:4.5rem 0 0;}
.Menu1c{padding:0 0.1rem;}
.MenuU{padding:0 12%;}
.MenuU li{}
.MenuA{height:2.9rem;font-size:1.2rem;}
.MenuA p,.NavNUa p,.NavNFa p{line-height:2rem;}
.MenuA i,.NavNUa i{width:1rem;height:1rem;}
.Menu1F{ margin-top:2rem;}
.Menu1Fz{border-top:1px solid #e1e1e1;padding:1.8rem 12%;}
.Menu1Fza{font-size:0.85rem;}
.Menu1Fza p{line-height:2rem;}
.Menu1Fe{border-top:1px solid #e1e1e1;padding:1.8rem 12% 4.5rem;}
.Menu1Fea{font-size:0.85rem;line-height:2.2rem;}
.Menu1FeN{height:0.3rem; margin-top: 1.5rem;}
.Menu1FeNp{font-size:0.85rem;line-height:2.2rem;}
.NavK{left:100%;width:100%;max-width: 30rem;}
.NavH{border-bottom:1px solid #e1e1e1;}
.NavHv:before{border:1px solid #e1e1e1;}
.NavHaP{line-height:1.2rem;padding-top:0.8rem;height:4rem;font-size:0.9rem;}
.NavN{padding:2.5rem 12% 1.5rem}
.NavNT{font-size:0.8rem;line-height:2.8rem;}
.NavNU{}
.NavNU li{}
.NavNUa{height:2.8rem;font-size:1rem;}
.NavNF{padding:2.5rem 12%;border-top:1px solid #e1e1e1;}
.NavNFa{height:2.8rem;font-size:1rem;}
.Nav2{left:100%;width:100%;border-left:1px solid #e1e1e1;padding:0 0.1rem;max-width: 30rem;}
/*搜索*/
.searchN{height:7rem;padding:0 5%;}
.searchNz{width:700px;height:3.2rem;border-radius:1.6rem;}
.searchI{background-position:20px center;background-size:19px;line-height:2.8rem;padding-left:60px!important;padding-right:30px!important;font-size:1rem;}
.seacoles{width: 20px;}
.searchB{padding:4rem 4% 3rem;}
.searchE{margin-bottom:2.5rem;}
.searchH{font-size:0.8rem;line-height:1.2rem;}
.searchES{ margin-top: 1rem;}
.searchEa{font-size:0.9rem;line-height:2.2rem;}
.searchM{}
.searchMN{ margin-top:1rem;}
.searchMa{width:48%;}
.searchMI{width:40%;}
.searchMP{width:55%;}
.searchMP p{line-height:1.2rem;font-size:0.82rem;}
.searchMP span{line-height:1.2rem;font-size:0.8rem; margin-top:0.5rem;}
.searchY{ margin-top:1rem;}
.searchYa{width: 48%;margin-bottom:1rem;}
.searchYI{width:38%;}
.searchYP{font-size:0.82rem;line-height:1.2rem;width:57%;}
/**/
.IndHel{padding:2.5rem 5%}
.IndHelT{font-size:1.7rem; line-height:3rem;display:none;}
.IndHelU{}
.IndHelU li{width:23%}
.IndHelE{font-size:0.8rem}
.IndHelE p{line-height:2rem;}
.IndHelE i{width:0.8rem; height:0.8rem;display:none;}
.IndHelE i:before{width:0.1rem;}
.IndHelE i:after{height:0.1rem;}
.IndHelN{font-size:0.86rem; margin-top:1rem;}
.IndHelNp{line-height:1.2rem; margin-bottom:1rem}
.IndHelNa{line-height:1.2rem;margin-bottom:1rem;}
.IndHelNg{display:none;}
.IndHelNga{width:2.1rem; margin:0 0.5rem;}
/*footer*/
footer {border-top:1px solid #e1e1e1;padding:2.5rem 5%}
footer a{font-size:0.85rem;line-height:2rem;}
.ftK{flex-direction: row-reverse;}
.ftS{}
.ftSa{margin-left:1.5rem;}
.ftSa img{margin-right:0.2rem;width:18px;}
.ftKp{}
.ftC{ margin-top:1rem;}
.ftCa{font-size:1.7rem; line-height:3rem;}
/*购物袋*/
.IndCar{width:50%;padding:4rem 9% 2rem;}
.IndCarcol{width:1rem;}
.IndCarT{height:3rem;}
.IndCarT h3{line-height:1.4rem;font-size:1rem;}
.IndCarN{ padding:0 0 1.5rem;}
.IndCarE{padding:1rem 0}
.IndCarEI{width: 30%;}
.IndCarEP{width:65%;line-height:1.2rem;font-size:0.9rem;}
.IndCarF{height:3.2rem;font-size:1rem;}
.IndCarF p{line-height:1.8rem;}
.IndCarBut{height:3.2rem;border-radius:1.6rem;font-size:1rem;}
.IndCarBut p{line-height:1.6rem;}
.IndCarBut:hover{background:#FFF;color:#000;}
/*联系我们*/
.IndCou{padding:4rem 9% 2rem;}
.IndCouN{font-size:0.85rem;}
.IndCouH{line-height:1.4rem; margin-top: 1rem;}
.IndCouE{padding:1.5rem 0;}
.IndCouP{ padding:0.4rem 0;}
.IndCouP img{width:1.15rem; margin-right:0.8rem;}
.IndCouP p{line-height:1.3rem;}
.IndCouF{padding:1.5rem 0;}
.IndCouFa{line-height:1.3rem;padding:0.4rem 0;}
}
@media screen and (max-width:1280px ) and ( min-width:960px){
.logo{width:200px;}
.logobi{width:120px;}
/*header*/
.headB{height:5.5rem;}
.hdlogo{font-size:2rem;}
.hd_navB{ margin-right:1.5rem;line-height: 1.5rem;}
.hd_wz{font-size:0.9rem;margin-left: 0.6rem;}
.hd_nav{width:1rem;height:1rem;}
.hd_nav i{height:.0625rem;}
.hd_nav:before{margin-top:-0.4rem;;}
.hd_nav:after{margin-top:0.4rem;}
.hd_nav:before,.hd_nav:after{height:.0625rem;}
.hd_nav.active{}
.hd_seaB{line-height: 1.5rem;}
.hd_seaB img {width: 1.2rem;height: 1.2rem;}
.searcha{ width:0.9rem;height:0.9rem;}
.headR{}
.headRL{font-size:0.9rem;line-height:1.5rem;}
.headRa{ margin-left:1.4rem;}
.headRa img{width:1rem;}
.headRa span{width:0.75rem;height:0.75rem;line-height:0.75rem;font-size:0.5rem;top:-0.4rem;right:-0.8rem;}
.hd-Xin img{width: 1rem;}
.hd-XinD{width:0.4rem;height:0.4rem;top:-0.3rem;right:-0.4rem;}
.Menu{width: 33.333%;max-width: 30rem;}
.Menu1{padding:4rem 0 0;}
.Menu1c{padding:0 0.1rem;}
.MenuU{padding:0 12%;}
.MenuU li{}
.MenuA{height:2.6rem;font-size:1rem;}
.MenuA p,.NavNUa p,.NavNFa p{line-height:1.8rem;}
.MenuA i,.NavNUa i{width:0.8rem;height:0.8rem;}
.Menu1F{ margin-top:1.8rem;}
.Menu1Fz{border-top:1px solid #e1e1e1;padding:1.6rem 12%;}
.Menu1Fza{font-size:0.82rem;}
.Menu1Fza p{line-height:1.8rem;}
.Menu1Fe{border-top:1px solid #e1e1e1;padding:1.6rem 12% 4rem;}
.Menu1Fea{font-size:0.82rem;line-height:2rem;}
.Menu1FeN{height:2.6rem; margin-top: 1.5rem;}
.Menu1FeNp{font-size:0.82rem;line-height:2rem;}
.NavK{left:100%;width:100%;max-width: 30rem; border-left:1px solid #e1e1e1;padding:0 0.1rem;}
.NavH{border-bottom:1px solid #e1e1e1;}
.NavHv:before{border:1px solid #e1e1e1;}
.NavHaP{line-height:1rem;padding-top:0.8rem;height:3rem;font-size:0.86rem;}
.NavN{padding:2rem 12% 1rem}
.NavNT{font-size:0.78rem;line-height:2.5rem;}
.NavNU{}
.NavNU li{}
.NavNUa{height:2.5rem;font-size:0.9rem;}
.NavNF{padding:2rem 12%;border-top:1px solid #e1e1e1;}
.NavNFa{height:2.5rem;font-size:0.9rem;}
.Nav2{left:100%;width:100%;max-width: 30rem; border-left:1px solid #e1e1e1;padding:0 0.1rem;}
/*搜索*/
.searchN{height:6rem;padding:0 5%;}
.searchNz{width:600px;height:3rem;border-radius:1.5rem;}
.searchI{; background-position:18px center;background-size:17px;line-height:2.6rem;padding-left:50px!important;padding-right:25px!important;font-size:0.9rem;}
.seacoles{width:18px;}
.searchB{padding:3rem 4% 2.4rem;}
.searchE{margin-bottom:2rem;}
.searchH{font-size:0.75rem;line-height:1.2rem;}
.searchES{ margin-top:0.8rem;}
.searchEa{font-size:0.86rem;line-height:2rem;}
.searchM{}
.searchMN{ margin-top:0.8rem;}
.searchMa{width:48%;}
.searchMI{width:40%;}
.searchMP{width:55%;}
.searchMP p{line-height:1rem;font-size:0.8rem;}
.searchMP span{line-height:1rem;font-size:0.76rem; margin-top:0.3rem;}
.searchY{ margin-top:0.8rem;}
.searchYa{width: 48%;margin-bottom:0.8rem;}
.searchYI{width:38%;}
.searchYP{font-size:0.8rem;line-height:1rem;width:57%;}
/**/
.IndHel{padding:2rem 5%}
.IndHelT{font-size:1.7rem; line-height:3rem;display:none;}
.IndHelU{}
.IndHelU li{width:23%}
.IndHelE{font-size:0.78rem}
.IndHelE p{line-height:1.8rem;}
.IndHelE i{width:0.8rem; height:0.8rem;display:none;}
.IndHelE i:before{width:0.1rem;}
.IndHelE i:after{height:0.1rem;}
.IndHelN{font-size:0.82rem; margin-top:1rem;}
.IndHelNp{line-height:1.2rem; margin-bottom:1rem}
.IndHelNa{line-height:1.2rem;margin-bottom:1rem;}
.IndHelNg{display:none;}
.IndHelNga{width:2.1rem; margin:0 0.5rem;}
/*footer*/
footer {border-top:1px solid #e1e1e1;padding:2rem 5%}
footer a{font-size:0.82rem;line-height:1.8rem;}
.ftK{flex-direction: row-reverse;}
.ftS{}
.ftSa{margin-left:1rem;}
.ftSa img{margin-right:0.15rem;width:15px;}
.ftKp{}
.ftC{ margin-top:1rem;}
.ftCa{font-size:1.6rem; line-height:2.5rem;}
/*购物袋*/
.IndCar{width:50%;padding:3.5rem 9% 1.5rem;}
.IndCarcol{width:0.9rem;}
.IndCarT{height:2.8rem;}
.IndCarT h3{line-height:1.4rem;font-size:1rem;}
.IndCarN{ padding:0 0 1.2rem;}
.IndCarE{padding:0.9rem 0}
.IndCarEI{width: 30%;}
.IndCarEP{width:65%;line-height:1.2rem;font-size:0.85rem;}
.IndCarF{height:3.2rem;font-size:0.9rem;}
.IndCarF p{line-height:1.8rem;}
.IndCarBut{height:3rem;border-radius:1.5rem;font-size:0.9rem;}
.IndCarBut p{line-height:1.6rem;}
.IndCarBut:hover{background:#FFF;color:#000;}
/*联系我们*/
.IndCou{padding:3.5rem 9% 1.5rem;}
.IndCouN{font-size:0.8rem;}
.IndCouH{line-height:1.3rem; margin-top: 1rem;}
.IndCouE{padding:1.4rem 0;}
.IndCouP{ padding:0.3rem 0;}
.IndCouP img{width:1.1rem; margin-right:0.7rem;}
.IndCouP p{line-height:1.2rem;}
.IndCouF{padding:1.4rem 0;}
.IndCouFa{line-height:1.3rem;padding:0.3rem 0;}
}
@media screen and (max-width:960px ) and ( min-width:640px){
.logo{width:200px;}
.logobi{width:120px;}
/*header*/
.headB{height:3.5rem;}
.hdlogo{font-size:1.2rem;line-height:1.8rem;}
.hd_navB{ margin-right:1.3rem;line-height: 1.5rem;}
.hd_wz{font-size:0.9rem;margin-left: 0.5rem;}
.hd_nav{width:1rem;height:1rem;;}
.hd_nav i{height:.0625rem;}
.hd_nav:before{margin-top:-0.4rem;;}
.hd_nav:after{margin-top:0.4rem;}
.hd_nav:before,.hd_nav:after{height:.0625rem;}
.hd_nav.active{}
.hd_seaB{line-height: 1.5rem;}
.hd_seaB img{width: 1.2rem;height: 1.2rem;}
.searcha{width:0.8rem;height:0.8rem;}
.headR{}
.headRL{font-size:0.8rem;line-height:1.4rem;}
.headRa{ margin-left:1.1rem;}
.headRa img{width:1rem;}
.headRa span{width:0.75rem;height:0.75rem;line-height:0.75rem;font-size:0.5rem;top:-0.4rem;right:-0.8rem;}
.hd-Xin{}
.hd-Xin img{width:1rem;height:1rem;}
.hd-XinD{width:0.3rem;height:0.3rem;top:-0.2rem;right:-0.3rem;}
.Menu{width: 33.333%;max-width: 30rem;}
.Menu1{padding:3.5rem 0 0;}
.Menu1c{padding:0 0.05rem;}
.MenuU{padding:0 11%;}
.MenuU li{}
.MenuA{height:2.4rem;font-size:0.9rem;}
.MenuA p,.NavNUa p,.NavNFa p{line-height:1.6rem;}
.MenuA i,.NavNUa i{width:0.7rem;height:0.7rem;}
.Menu1F{ margin-top:1.5rem;}
.Menu1Fz{border-top:1px solid #e1e1e1;padding:1.4rem 11%;}
.Menu1Fza{font-size:0.82rem;}
.Menu1Fza p{line-height:1.8rem;}
.Menu1Fe{border-top:1px solid #e1e1e1;padding:1.4rem 11% 3rem;}
.Menu1Fea{font-size:0.8rem;line-height:2rem;}
.Menu1FeN{height:2.4rem; margin-top: 1.5rem;}
.Menu1FeNp{font-size:0.8rem;line-height:2rem;}
.NavK{left:100%;width:100%;max-width: 30rem; border-left:1px solid #e1e1e1;padding:0 0.05rem;}
.NavH{border-bottom:1px solid #e1e1e1;}
.NavHv:before{border:1px solid #e1e1e1;}
.NavHaP{line-height:0.9rem;padding-top:0.5rem;height:2.5rem;font-size:0.82rem;}
.NavN{padding:1.3rem 11% 1rem}
.NavNT{font-size:0.76rem;line-height:2.1rem;}
.NavNU{}
.NavNU li{}
.NavNUa{height:2.1rem;font-size:0.84rem;}
.NavNF{padding:1.5rem 11%;border-top:1px solid #e1e1e1;}
.NavNFa{height:2.1rem;font-size:0.84rem;}
.Nav2{left:100%;width:100%;border-left:1px solid #e1e1e1;padding:0 0.05rem;max-width: 30rem;}
/*搜索*/
.searchN{height:5rem;padding:0 5%;}
.searchNz{width:500px;height:2.7rem;border-radius:1.4rem;}
.searchI{; background-position:16px center;background-size:15px;line-height:2.4rem;padding-left:45px!important;padding-right:20px!important;font-size:0.85rem;}
.seacoles{width:16px;}
.searchB{padding:2.5rem 4% 1rem;}
.searchE{margin-bottom:1.8rem;}
.searchH{font-size:0.7rem;line-height:1rem;}
.searchES{ margin-top:0.8rem;}
.searchEa{font-size:0.82rem;line-height:1.8rem;}
.searchM{}
.searchMN{ margin-top:0.8rem;}
.searchMa{width:100%;}
.searchMI{width:35%; margin-bottom:0.8rem}
.searchMP{width:60%;}
.searchMP p{line-height:1rem;font-size:0.8rem;}
.searchMP span{line-height:1rem;font-size:0.76rem; margin-top:0.3rem;}
.searchY{ margin-top:0.8rem;}
.searchYa{width:100%;margin-bottom:0.8rem;}
.searchYI{width:35%;}
.searchYP{font-size:0.8rem;line-height:1rem;width:60%;}
/**/
.IndHel{padding:2rem 4% 0}
.IndHelT{font-size:1.5rem; line-height:3rem;display:block;}
.IndHelU{ margin-top:1rem;}
.IndHelU li{width:100%;border-top:1px solid #e1e1e1;}
.IndHelE{font-size:0.78rem;height:3.4rem;}
.IndHelE p{line-height:1.8rem;}
.IndHelE i{width:0.7rem; height:0.7rem;display:block;}
.IndHelE i:before{width:0.1rem;}
.IndHelE i:after{height:0.1rem;}
.IndHelEO i:before{display:none;}
.IndHelN{font-size:0.82rem; margin-top:0;display:none;}
.IndHelNp{line-height:1.2rem; margin-bottom:1rem}
.IndHelNa{line-height:1.2rem;margin-bottom:1rem;}
.IndHelNgs{display:none;}
.IndHelNg{display:block;padding-bottom:2rem;}
.IndHelNga{width:2.1rem; margin:0.5rem 0.5rem;}
/*footer*/
footer {border-top:1px solid #e1e1e1;padding:2rem 4%}
footer a{font-size:0.82rem;line-height:1.8rem;}
.ftK{justify-content:center}
.ftS{justify-content:center}
.ftSa{margin:0 0.5rem;}
.ftSa img{margin-right:0.15rem;width:12px;}
.ftKp{}
.ftC{ margin-top:1rem;}
.ftCa{font-size:1.5rem; line-height:2.5rem;}
/*购物袋*/
.IndCar{width:50%;padding:3rem 6% 1rem;}
.IndCarcol{width:0.8rem;}
.IndCarT{height:2rem;}
.IndCarT h3{line-height:1.4rem;font-size:0.9rem;}
.IndCarN{ padding:0 0 1.2rem;}
.IndCarE{padding:0.9rem 0}
.IndCarEI{width: 30%;}
.IndCarEP{width:65%;line-height:1.2rem;font-size:0.8rem;}
.IndCarF{height:2.8rem;font-size:0.85rem;}
.IndCarF p{line-height:1.4rem;}
.IndCarBut{height:2.8rem;border-radius:1.4rem;font-size:0.85rem;}
.IndCarBut p{line-height:1.2rem;}
/*联系我们*/
.IndCou{padding:3rem 6% 1rem;}
.IndCouN{font-size:0.76rem;}
.IndCouH{line-height:1.2rem; margin-top: 1rem;}
.IndCouE{padding:1.3rem 0;}
.IndCouP{ padding:0.3rem 0;}
.IndCouP img{width:1rem; margin-right:0.6rem;}
.IndCouP p{line-height:1.2rem;}
.IndCouF{padding:1.3rem 0;}
.IndCouFa{line-height:1.2rem;padding:0.3rem 0;}
}
@media only screen and (max-width:640px){
.logo{width:200px;}
.logobi{width:120px;}
/*header*/
.header{z-index:120;}
.headB{height:3.5rem;}
.hdlogo{font-size:1rem;line-height:1.6rem;}
.hd_navB{ margin-right:1.3rem;line-height: 1.5rem;}
.hd_wz{font-size:0.9rem; margin-left: 0.5rem;}
.hd_nav{width:1rem;height:1rem;}
.hd_nav i{height:.0625rem;}
.hd_nav:before{margin-top:-0.4rem;;}
.hd_nav:after{margin-top:0.4rem;}
.hd_nav:before,.hd_nav:after{height:.0625rem;}
.hd_nav.active{}
.hd_seaB{display:none;}
.searcha{ width:0.8rem;height:0.8rem;}
.headR{display: none;}
.headRL{font-size:0.9rem;line-height:1.4rem; display:none;}
.headRa{ margin-left:1.1rem;}
.headRa img{width:1rem;}
.headRa span{width:0.75rem;height:0.75rem;line-height:0.75rem;font-size:0.5rem;top:-0.4rem;right:-0.8rem;}
.hd-Xin{}
.hd-Xin img{width:1rem;height:1rem;}
.hd-XinD{width:0.3rem;height:0.3rem;top:-0.2rem;right:-0.3rem;}
.TcB{z-index:-2}
.Menu{width:100%;z-index:-1}
.Menu1{padding:3.2rem 0 0;}
.Menu1c{padding:0 0.05rem;}
.MenuU{padding:0 4%;}
.MenuU li{}
.MenuA{height:2.4rem;font-size:0.9rem;}
.MenuA p,.NavNUa p,.NavNFa p{line-height:1.6rem;}
.MenuA i,.NavNUa i{width:0.7rem;height:0.7rem;opacity:1;display: block;}
.Menu1F{ margin-top:1.5rem;}
.Menu1Fz{border-top:1px solid #e1e1e1;padding:1.4rem 4%;}
.Menu1Fza{font-size:0.82rem;}
.Menu1Fza p{line-height:1.8rem;}
.Menu1Fe{border-top:1px solid #e1e1e1;padding:1.4rem 4% 3rem;}
.Menu1Fea{font-size:0.8rem;line-height:2rem;}
.Menu1FeN{height:2.4rem; margin-top: 1.5rem;}
.Menu1FeNp{font-size:0.8rem;line-height:2rem;}

.NavK{left:0;width:100%;padding: 0 0;height:calc(100% - 3.2rem);top:3.2rem;}
	
.NavT{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;display: block;}
.NavTB{width:100%;padding:0 4%; height:3rem;box-sizing: border-box;}
.NavTa{}
.NavTa img{width:1.2rem;display: block; margin-right: 0.8rem;}
.NavTa p{color:#000;font-size:0.86rem;line-height:1.4rem;}
	
.NavH{border-bottom:1px solid #e1e1e1;}
.NavHv:before{border:1px solid #e1e1e1;}
.NavHaP{line-height:0.9rem;padding-top:0.5rem;height:2.5rem;font-size:0.82rem;}

.NavN{padding:1.3rem 4% 1rem}
.NavNT{font-size:0.76rem;line-height:2.1rem;}
.NavNU{}
.NavNU li{}
.NavNUa{height:2.1rem;font-size:0.84rem;}
.NavNF{padding:1.5rem 4%;border-top:1px solid #e1e1e1;}
.NavNFa{height:2.1rem;font-size:0.84rem;}
.Nav2{left:0;width:100%;height:100%;top:0;}
	
/*搜索*/
.searchN{height:5rem;padding:0 5%;}
.seacoles{width:16px;}
.searchB{padding:2.5rem 4% 1rem;}
.searchE{margin-bottom:1.8rem;}
.searchH{font-size:0.7rem;line-height:1rem;}
.searchES{ margin-top:0.8rem;}
.searchEa{font-size:0.82rem;line-height:1.8rem;}
.searchM{}
.searchMN{ margin-top:0.8rem;}
.searchMa{width:100%;}
.searchMI{width:35%; margin-bottom:0.8rem}
.searchMP{width:60%;}
.searchMP p{line-height:1rem;font-size:0.8rem;}
.searchMP span{line-height:1rem;font-size:0.76rem; margin-top:0.3rem;}
.searchY{ margin-top:0.8rem;}
.searchYa{width:100%;margin-bottom:0.8rem;}
.searchYI{width:35%;}
.searchYP{font-size:0.8rem;line-height:1rem;width:60%;}	
.wapsea{display:block;height:3.8rem;}
.searchNz{width:100%;height:2.6rem;border-radius:1.3rem;}
.searchI{; background-position:1rem center;background-size:1rem;line-height:2.4rem;padding-left:2.5rem!important;padding-right:1rem!important;font-size:0.85rem;}
/**/
.IndHel{padding:1.5rem 4% 0}
.IndHelT{font-size:1.1rem; line-height:2rem;display:block;}
.IndHelU{ margin-top:1rem;}
.IndHelU li{width:100%;border-top:1px solid #e1e1e1;}
.IndHelE{font-size:0.78rem;height:3rem;}
.IndHelE p{line-height:1.8rem;}
.IndHelE i{width:0.6rem; height:0.6rem;display:block;}
.IndHelE i:before{width:0.1rem;}
.IndHelE i:after{height:0.1rem;}
.IndHelEO i:before{display:none;}
.IndHelN{font-size:0.8rem; margin-top:0;display:none;}
.IndHelNp{line-height:1.1rem; margin-bottom:1rem}
.IndHelNa{line-height:1.1rem;margin-bottom:1rem;}
.IndHelNgs{display:none;}
.IndHelNg{display:block;padding-bottom:2rem;}
.IndHelNga{width:1.9rem; margin:0.5rem 0.5rem;}
/*footer*/
footer {border-top:1px solid #e1e1e1;padding:1.5rem 4%}
footer a{font-size:0.85rem;line-height:1.8rem;}
.ftK{justify-content:center}
.ftS{justify-content:center}
.ftSa{margin:0 0.4rem;}
.ftSa img{margin-right:0.15rem;width:12px;}
.ftKp{}
.ftC{ margin-top:1rem;}
.ftCa{font-size:1.2rem; line-height:2rem;}	
/*购物袋*/
.TcN{ width:100%;transition:0.5s;}
.TcNO{transition:0.5s;}
.IndCar{width:100%;padding:1.5rem 6% 1rem;}
.IndCarcol{width:0.8rem;}
.IndCarT{height:2rem;}
.IndCarT h3{line-height:1.4rem;font-size:0.9rem;}
.IndCarN{ padding:0 0 1.2rem;}
.IndCarE{padding:0.9rem 0}
.IndCarEI{width: 30%;}
.IndCarEP{width:65%;line-height:1.2rem;font-size:0.8rem;}
.IndCarF{height:2.8rem;font-size:0.85rem;}
.IndCarF p{line-height:1.4rem;}
.IndCarBut{height:2.8rem;border-radius:1.4rem;font-size:0.85rem;}
.IndCarBut p{line-height:1.2rem;}
/*联系我们*/
.IndCou{padding:3rem 6% 1rem;}
.IndCouN{font-size:0.8rem;}
.IndCouH{line-height:1.3rem; margin-top: 1rem;}
.IndCouE{padding:1.3rem 0;}
.IndCouP{ padding:0.3rem 0;}
.IndCouP img{width:1.1rem; margin-right:0.6rem;}
.IndCouP p{line-height:1.3rem;}
.IndCouF{padding:1.3rem 0;}
.IndCouFa{line-height:1.3rem;padding:0.3rem 0;}
}

@media  screen and ( min-width:1680px){
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
}
@media screen and (max-width:1279px ) and ( min-width:960px){
}
@media screen and (max-width:959px ) and ( min-width:640px){
}
@media only screen and (max-width:639px){
}


/*audio::-webkit-media-controls-timeline,video::-webkit-media-controls-timeline {display: none;}
audio::-webkit-media-controls,video::-webkit-media-controls {display: none;}*/
/* 隐藏全屏按钮 */
video::-webkit-media-controls-fullscreen-button {display: none;}
/* 隐藏进度条 */
video::-webkit-media-controls-timeline {display: none;}
/* 隐藏当前时间显示 */
video::-webkit-media-controls-current-time-display {display: none;}
/* 隐藏剩余时间显示 */
video::-webkit-media-controls-time-remaining-display {display: none;}
/* 隐藏音量的控制条 */
video::-webkit-media-controls-volume-slider {display: none;}

@media screen and (min-width:960px){
.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Run2 img{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run2 img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform: rotate(360deg);}
.Run1{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run1:hover img{transform:rotatex(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform: rotateY(180deg);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.Mover1{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover1:hover{transition:0.5s;ransform:translate(10px,0);-webkit-transform:translate(10px,0);-moz-transform:translate(10px,0);-o-transform:translate(10px,0);-ms-transform:translate(10px,0);}
.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}
.IndSupA{ width:100%;transition:0.5s;}
.IndSupA:hover{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}

}





/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/

 
    .main-header-section {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 24px 2px 15px 102px;
      position: relative;
      gap: 32px;
      z-index: 10;
          margin-top: 80px;
              position: fixed;
    width: 100%;
    background-color: white;
    }
    .main-header-carousel-container {
      position: relative;
      width: 1000px;
      max-width: 100vw;
      margin: 0 auto 22px auto;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 180px;
      overflow: visible;
      background: #fff;
    z-index: 10;
    }
    .main-header-carousel-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #fff;
      border: none;
      font-size: 28px;
      color: #222;
      cursor: pointer;
      z-index: 2;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s;
      opacity: 1;
      visibility: visible;
    }
    .main-header-carousel-arrow.left {
      left: -18px;
      right: auto;
      top: 150px;
      transform: translateY(-50%);
      display: none;
    }
    .main-header-carousel-arrow.right {
      right: -18px;
      left: auto;
      top: 150px;
      transform: translateY(-50%);
      display: none;
    }
    .main-header-carousel-track {
      display: flex;
      gap: 48px;
      transition: transform 0.4s cubic-bezier(.4,0,.2,1);
      will-change: transform;
      width: 1100px;
      overflow-x: auto;
      margin: 0;
      scroll-behavior: smooth;
      justify-content: center;
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none; /* IE 10+ */
    }
    .main-header-carousel-track::-webkit-scrollbar {
      display: none;
    }
    .main-header-carousel-item {
      flex: 0 0 120px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .main-header-carousel-img {
      width: 90px;
      height: 90px;
      object-fit: contain;
      border-radius: 8px;
      background: #f8f8f8;
      margin-bottom: 10px;
    }
    .main-header-carousel-name {
      font-size: 15px;
      color: #222;
      margin-top: 2px;
      text-align: center;
    }
    .dropdown-group {
      position: relative;
      z-index: 10;
    }
    .dropdown-btn {
      background: none;
      border: none;
      font-size: 16px;
      padding: 8px 18px 8px 0;
      cursor: pointer;
      display: flex;
      align-items: center;
      color: #222;
    }
    .dropdown-btn:after {
      content: '\25B2';
      font-size: 12px;
      margin-left: 6px;
      transform: rotate(180deg);
      transition: transform 0.2s;
    }
    .dropdown-btn.open:after {
      transform: rotate(0deg);
    }
    .dropdown-list {
      display: none;
      position: absolute;
      top: 36px;
      left: 0;
      min-width: 220px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 24px rgba(0,0,0,0.08);
      padding: 18px 0 8px 0;
      margin-top: 4px;
      font-size: 16px;
      color: #222;
      animation: fadeIn 0.2s;
    }
    .dropdown-list.open {
      display: block;
    }
    .dropdown-group-label {
      color: #888;
      font-size: 14px;
      font-weight: bold;
      background: #f6f6f6;
      padding: 6px 24px 6px 24px;
      margin: 0 0 4px 0;
      border-radius: 6px;
      letter-spacing: 1px;
      display: block;
    }
    .dropdown-list .dropdown-item {
      text-decoration: none;
      border-radius: 6px;
      margin: 2px 8px;
      transition: background 0.18s, color 0.18s;
      font-size: 16px;
      color: #222;
      display: flex;
      align-items: center;
	      line-height: 30px;
    }
    .dropdown-list .dropdown-item.selected {
      background: #eaf3ff;
      color: #2684ff;
      font-weight: bold;
    }
    .dropdown-list .dropdown-item:hover {
      background: #f0f4fa;
      color: #2684ff;
    }
    .dropdown-check {
      color: #222;
      font-size: 16px;
    }
    .filter-btn {
      border: 1px solid #222;
      background: #fff;
      color: #222;
      border-radius: 20px;
      padding: 6px 18px;
      font-size: 16px;
      cursor: pointer;
      margin-top: 2px;
      transition: background 0.2s, color 0.2s;
      position: absolute;
      right: 202px;
      top: 24px;
      z-index: 11;
    }
    .filter-btn:hover {
      background: #222;
      color: #fff;
    }
    .main-content {
      flex: 1;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      overflow-x: visible;
      padding: 0;
      margin-left: 0;
      min-width: 0;
      position: relative;
      gap: 32px;
    }
    .carousel-container {
      position: relative;
      width: 700px;
      max-width: 90vw;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 180px;
    }
    .carousel-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #fff;
      border: none;
      font-size: 28px;
      color: #222;
      cursor: pointer;
      z-index: 2;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s;
      opacity: 1;
      visibility: visible;
    }
    .carousel-arrow:active {
      background: #f0f0f0;
    }
    .carousel-arrow.left { left: 0; }
    .carousel-arrow.right { right: 0; }
    .carousel-track {
      display: flex;
      gap: 48px;
      transition: transform 0.4s cubic-bezier(.4,0,.2,1);
      will-change: transform;
      width: 100%;
      overflow: hidden;
      margin: 0 48px;
    }
    .carousel-item {
      flex: 0 0 120px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .carousel-item .product-img {
      width: 90px;
      height: 90px;
      object-fit: contain;
      border-radius: 8px;
      background: #f8f8f8;
      margin-bottom: 10px;
    }
    .carousel-item .product-name {
      font-size: 15px;
      color: #222;
      margin-top: 2px;
      text-align: center;
    }
    .content-switcher {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 12px;
      margin-left: 32px;
      min-width: 100px;
    }
    .switch-btn {
      padding: 8px 18px;
      border: 1px solid #222;
      background: #fff;
      color: #222;
      border-radius: 20px;
      font-size: 15px;
      cursor: pointer;
      margin-bottom: 6px;
      transition: background 0.2s, color 0.2s;
    }
    .switch-btn.active, .switch-btn:hover {
      background: #222;
      color: #fff;
    }
    .content-panel { display: none; }
    .content-panel.active { display: block; }
    .product-list {
      display: flex;
      flex-direction: row;
      gap: 48px;
      flex-wrap: nowrap;
      width: auto;
      justify-content: flex-start;
      padding: 0 0 0 0;
    }
    .product-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 120px;
    }
    .product-img {
      width: 90px;
      height: 90px;
      object-fit: contain;
      border-radius: 8px;
      background: #f8f8f8;
      margin-bottom: 10px;
    }
    .product-name {
      font-size: 15px;
      color: #222;
      margin-top: 2px;
      text-align: center;
    }
    /* 右侧弹出筛选弹窗 */
    .filter-modal {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      height: 100vh;
      width: 0;
      background: #fff;
      z-index: 2000;
      overflow-y: auto;
      box-shadow: -2px 0 16px rgba(0,0,0,0.08);
      transition: width 0.35s cubic-bezier(.4,0,.2,1);
      pointer-events: none;
    }
    .filter-modal.open {
      width: 50vw;
      min-width: 320px;
      max-width: 600px;
      pointer-events: auto;
    }
    .filter-modal-header, .filter-modal-content {
      opacity: 0;
      transition: opacity 0.2s 0.1s;
    }
    .filter-modal.open .filter-modal-header,
    .filter-modal.open .filter-modal-content {
      opacity: 1;
      transition: opacity 0.2s 0.2s;
    }
    .filter-modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 32px 32px 0 32px;
    }
    .filter-modal-title {
      font-size: 18px;
      font-weight: bold;
      color: #222;
    }
    .filter-modal-close {
      background: none;
      border: none;
      font-size: 28px;
      cursor: pointer;
      color: #222;
      line-height: 1;
    }
    .filter-modal-content {
      padding: 0 32px 100px 32px;
      max-width: 600px;
      margin: 0 auto;
    }
    .filter-group {
      border-bottom: 1px solid #eee;
      margin-bottom: 0;
    }
    .filter-group-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
      font-weight: 500;
      padding: 28px 0 12px 0;
      cursor: pointer;
      color: #222;
    }
    .filter-group-header .arrow {
      font-size: 18px;
      transition: transform 0.2s;
    }
    .filter-group-header.open .arrow {
      transform: rotate(180deg);
    }
    .filter-options {
      padding-bottom: 18px;
      display: none;
      flex-direction: column;
      gap: 14px;
    }
    .filter-options.open {
      display: flex;
    }
    .filter-checkbox {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 15px;
      color: #222;
      opacity: 1;
    }
    .filter-checkbox input[type="checkbox"]:disabled + span {
      color: #bbb;
      opacity: 0.7;
    }
    .filter-modal-footer {
      position: fixed;
      right: 0;
      width: 50vw;
      min-width: 320px;
      max-width: 600px;
      background: #fff;
      box-shadow: 0 -2px 12px rgba(0,0,0,0.04);
      padding: 18px 0 18px 0;
      display: flex;
      justify-content: center;
      z-index: 2100;
      bottom: 0;
      transition: width 0.35s cubic-bezier(.4,0,.2,1);
    }
    .filter-modal:not(.open) .filter-modal-footer {
      display: none;
    }
    .filter-modal-submit {
      width: 90%;
      max-width: 420px;
      background: #000;
      color: #fff;
      border: none;
      border-radius: 24px;
      font-size: 16px;
      padding: 14px 0;
      cursor: pointer;
      font-weight: 500;
      letter-spacing: 1px;
    }
    @media (max-width: 1300px) {
      .main-header-carousel-container, .main-header-carousel-track {
        width: 98vw;
        min-width: 0;
        max-width: 100vw;
      }
      .main-header-carousel-arrow.left { left: 4px; }
      .main-header-carousel-arrow.right { right: 4px; }
    }
    @media (max-width: 600px) {
      .main-header-section {
        padding: 8px 2vw 0 2vw;
      }
      .main-header-carousel-container { width: 100vw; }
      .main-header-carousel-item { flex: 0 0 90px; }
      .main-header-carousel-img { width: 70px; height: 70px; }
      .filter-modal-header, .filter-modal-content {
        padding-left: 2vw;
        padding-right: 2vw;
      }
      .filter-modal.open, .filter-modal-footer {
        width: 100vw !important;
        min-width: 0 !important;
        max-width: 100vw !important;
      }
      .main-header-carousel-track { margin: 0 8px; }
      .main-header-carousel-arrow.left { left: 2px; }
      .main-header-carousel-arrow.right { right: 2px; }
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .filter-card-imggrid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 18px;
      margin: 10px 0 0 0;
    }
    .filter-card-imgcard {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      border: 1.5px solid #ddd;
      border-radius: 8px;
      padding: 10px 10px 12px 10px;
      background: #fff;
      cursor: pointer;
      transition: border 0.2s, box-shadow 0.2s;
      position: relative;
      min-width: 0;
      text-decoration: none;
      margin-bottom: 6px;
      box-sizing: border-box;
    }
    .filter-card-imgcard input[type="checkbox"] {
      position: absolute;
      left: 10px;
      top: 10px;
      z-index: 2;
      width: 18px;
      height: 18px;
      accent-color: #2684ff;
      cursor: pointer;
    }
    .filter-card-imgcard .filter-card-img {
      width: 100px;
      height: 100px;
      border-radius: 6px;
      margin-bottom: 8px;
      border: 1px solid #eee;
      box-sizing: border-box;
      flex-shrink: 0;
      background: #f8f8f8;
    }
    .filter-card-imgcard span {
      font-size: 15px;
      color: #222;
      margin-top: 2px;
      margin-left: 2px;
      transition: color 0.2s, font-weight 0.2s;
    }
    .filter-card-imgcard input[type="checkbox"]:checked ~ .filter-card-img {
      border: 2px solid #2684ff;
    }
    .filter-card-imgcard input[type="checkbox"]:checked ~ span {
      color: #2684ff;
      font-weight: bold;
    }
    .filter-card-imgcard input[type="checkbox"]:checked {
      /* 让checkbox本身高亮 */
      accent-color: #2684ff;
    }
    .filter-card-imgcard input[type="checkbox"] {
      background: #fff;
    }
    /* 分类参数（系列、类别等）为a链接+小方框 */
    .filter-card-imggrid a{
      
      flex-direction: row;
      align-items: center;
      border: none;
      background: none;
      box-shadow: none;
      padding: 0;
      
      cursor: pointer;
      text-decoration: none;
     
    }
    .filter-card-checkbox {
      width: 15px;
      height: 15px;
      border: 2px solid #bbb;
      border-radius: 4px;
      margin-right: 10px;
      background: #fff;
      display: inline-block;
      position: relative;
      transition: border 0.2s, background 0.2s;
      flex-shrink: 0;
    }
    .filter-card-param.selected .filter-card-checkbox {
      border: 2px solid #2684ff;
      background: #2684ff;
    }
    .filter-card-param.selected .filter-card-checkbox:after {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background: #fff;
      border-radius: 2px;
      position: absolute;
      left: 2px;
      top: 2px;
    }
    .filter-card-param span {
      color: #222;
      font-size: 16px;
      font-weight: normal;
      transition: color 0.2s, font-weight 0.2s;
    }
    .filter-card-param.selected span {
      color: #2684ff;
      font-weight: bold;
    }
    /* 材质/颜色图片卡片 */
    .filter-card-imgonly {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      border: 1.5px solid #ddd;
      border-radius: 8px;
      padding: 10px 10px 2px 10px;
      background: #fff;
      cursor: pointer;
      transition: border 0.2s, box-shadow 0.2s;
      position: relative;
      min-width: 0;
      text-decoration: none;
      margin-bottom: 6px;
      box-sizing: border-box;
    }
    .filter-card-imgonly .filter-card-img {
      width: 140px;
      height: 140px;
      border-radius: 6px;
      margin-bottom: 8px;
      border: 1px solid #eee;
      box-sizing: border-box;
      flex-shrink: 0;
      background: #f8f8f8;
      transition: border 0.2s;
    }
    .filter-card-imgonly span {
      font-size: 15px;
      color: #222;
      margin-top: 2px;
      margin-left: 2px;
      transition: color 0.2s, font-weight 0.2s;
    }
    .filter-card-imgonly.selected .filter-card-img {
      border: 2px solid #2684ff;
    }
    .filter-card-imgonly.selected span {
      color: #2684ff;
      font-weight: bold;
    }
    .main-header-carousel-track{    margin-top: 100px;}
	.header {  
    border-bottom: 1px solid #eee;
}
.filter-card-imggrid span {
    color: #2684ff;
    font-weight: bold;
	color: #222;
    font-size: 16px;
    font-weight: normal;
    transition: color 0.2s, font-weight 0.2s;
}

 @media (max-width: 1300px) {
     .main-header-section {
       margin-top: 55px;
              background: #ffffff;
 }
 .filter-btn {
         position: absolute;
        right: 35px;
        top: 5px;
        z-index: 11;
}
.main-header-carousel-track {
    margin-top: 110px;
}
}
 
 
 .btnSubmit {
    align-items: center;
    align-content: center;
    -webkit-appearance: none;
    border: 0 none;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    min-height: 3rem;
    padding: 1rem 1.5rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: .4px;
    font-family: inherit;
    justify-content: center;
    transition: border .3s cubic-bezier(0.39,0.575,0.565,1),box-shadow .3s cubic-bezier(0.39,0.575,0.565,1),color .3s cubic-bezier(0.39,0.575,0.565,1),background .3s cubic-bezier(0.39,0.575,0.565,1);
    background: #19110b;
    color: #fff;
}