@charset "utf-8";

/* 
@font-face {
	font-family: DIN;
	src: url('../font/DIN-Medium.otf')
} */


@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.woff2?t=1705108683799') format('woff2'),
       url('../iconfont/iconfont.woff?t=1705108683799') format('woff'),
       url('../iconfont/iconfont.ttf?t=1705108683799') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*{box-sizing:border-box;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:inherit;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	

.imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.squareimg{width:100%;padding-bottom: 100%;overflow: hidden;position: relative;}
.squareimg .img{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; object-fit: cover;transform: translate(-50%,-50%);}
.item:hover .imgbox.squareimg .img{transform: translate(-50%,-50%) scale(1.1,1.1) ;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}
.img_fit{width: 100%;height: 100%;display: block;object-fit: contain!important;}


.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: flex;}
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;min-width:0;min-height: 0;}
.flex-center{display: flex;align-items: center;justify-content: center;}


body{overflow-x: hidden;color:#1A1A1A;font-size: 14px;line-height: 1.5;background:#fff;font-family: "Noto Sans SC", "PingFang SC",'PingFangMedium',"Microsoft YaHei", Arial, sans-serif; }
.auto{margin:0 auto;width: 84%;}
.autoc{margin:0 auto;width: 94%;}

button,input,select,textarea{font-size:inherit;}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-size:inherit;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}








.btn{padding:13px 32px;border:1px solid #000;cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius:30px;gap:8px;background:none;}
.btn:hover{box-shadow:0 0 0 1px #000 inset;}

.btn-black{background:#1a1a1a;color:#fff;transition: all 0.3s;}
.btn-black:hover{color:#1a1a1a;background:#fff;box-shadow:none;}

/* .fz24{font-size:24px;} */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.p30{padding:30px;}
.gap15{gap:15px;}
.subtle{color:#727272;}

.fz11{font-size:11px;}
.fz13{font-size:13px;}
.fz18{font-size:18px;}
.fz22{font-size:22px;}
.fz24{font-size:24px;}
.fz32{font-size:32px;}


.fw300{font-weight: 300;}
.w240{min-width: 240px;}

.m-bg{background:#fff;}
.c-light{color:#727272;}
.pointer{cursor: pointer;}

.pub-tt{margin-bottom:30px;}
.pub-tt .wz{font-size: 11px;margin-bottom:5px;}
.pub-tt .bt{font-size:24px;}
.pub-tt .smwz{margin-top:15px;}

.pub-smtt{margin-bottom:30px;}
.pub-smtt .bt{font-size:18px;}
.pub-smtt .smwz{margin-top:11px;color:#727272;}



.lk-line-hover{position: relative;display: inline-flex;cursor: pointer;}
.lk-line-hover::after{content:'';position: absolute;left:0;bottom:0;height:1px;background:#727272;width:0;transition: all 0.3s;}
.lk-line-hover:hover{color:#727272;}
.lk-line-hover:hover::after{width: 100%;}

.lk-line{position: relative;cursor: pointer;}
.lk-line::after{content:'';position: absolute;left:0;bottom:0;height:0.5px;background:#000;width:100%;transition: all 0.3s;}
.lk-line:hover{color:#727272;}
.lk-line:hover::after{width:0;}

.lk-line.white{color:#fff;}
.lk-line.white::after{background:#fff;}
.lk-line.white:hover{color:#727272;}



/* 公共部分 */

.foot{border-top:1px solid #e1e1e1;}
.ft-t{padding:40px 0;}
.ft-t .wrap{display: flex;align-items: flex-start;gap:35px;justify-content: space-between;}
.ft-t .col{max-width:375px;}
.ft-t .tit{font-size: 12px;margin-bottom:25px;}
.ft-t .list{}
.ft-t .list li{margin-bottom:15px;}
.ft-t .list li:last-child{margin-bottom:0;}


.ft-b{border-top:1px solid #e1e1e1;padding:42px 0;}
.ft-b .top{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft-b .top .ico{width: 16px;height:16px;margin-right:3px;display: inline-block;vertical-align: middle;margin-top:2.5px;}


.ft-b .bot{display: flex;justify-content: center;margin-top:38px;}
.ft-b .logo{height: 40px;width: auto;}
.ft-b .lks{display: flex;gap:28px;flex-wrap:wrap;}


/* 头部 */
.hd-bar{height: 40px;background:#f8f8f8;position: relative;overflow: hidden;transition: height .35s ease;}
.hd-bar.is-hide{height: 0;}
.hd-bar .wrap{display: flex;align-items: center;height: 40px;justify-content: space-between;}
.hd-bar .pause,.hd-bar .close{width:26px;height:26px;display: flex;align-items: center;justify-content: center;font-size: 14px;cursor: pointer;}
.hd-bar .pause:before{content:'\e637';font-family: 'iconfont';}
.hd-bar .pause.start:before{content:'\e60f';}
.hd-bar .close:before{content:'\e60e';font-family: 'iconfont';}

.hd-bar .swiper-txt{position: absolute;width: 70%;top:0;left:50%;transform: translate(-50%,0);overflow: hidden;height: 40px;}
.hd-bar .swiper-txt .font{font-size: 13px;line-height: 40px;text-align: center;height: 40px;}
.hd-bar .swiper-container,.hd-bar .swiper-slide{height: 40px;}


.head{height: 88px;border-bottom:1px solid #e1e1e1;position: relative;font-size:13px;width: 100%;left:0;top:0;z-index:100;background:#fff;}
.head .wrap{display: flex;align-items: center;height: 100%;justify-content: space-between;}
.hd-l,.hd-r{display: flex;align-items: center;}
.hd-r{gap:25px;}
.hd-r .font-icon{font-size: 16px;cursor: pointer;}
.hd-r a{display: inline-flex;align-items: center;color: inherit;}


.hd-menu .font,.hd-search .font{display: flex;align-items: center;gap:10px;line-height:28px;cursor: pointer;}
.hd-menu .font:before,.hd-search .font:before{font-family: 'iconfont';margin-top:1px;font-size: 14px;}


.hd-menu .font:before{content:'\e790';}
.hd-search{margin-left:45px;}
.hd-search .font:before{content:'\e619';}


.hd-like,.hd-admin{position: relative;}
.hd-like .dot,.hd-admin .dot{width: 5px;height: 5px;background:#1a1a1a;border-radius:50%;position: absolute;right:-4px;top:0;}
.hd-like .dot{background:#c87000;right:-7px;}

.hd-cart{position: relative;}
.hd-cart .num{font-size:10px;color:#fff;min-width:12px;height:12px;border-radius:50%;background:#1a1a1a;position: absolute;right:-8px;top:-2px;text-align: center;line-height: 12px;}



.hd-logo{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.hd-logo .img{height:38px;width:auto;}

.white-head{background:none;position: fixed;transition: all 0.3s;border-color:transparent;color:#fff;}
.white-head.scroll{background:#fff;color:#1a1a1a;border-color:#e1e1e1;}
.white-head .hd-cart .num{color:#1a1a1a;background:#fff;}
.white-head:hover{background:#fff;color:#1a1a1a;}
.white-head:hover .hd-cart .num{color:#fff;background:#1a1a1a;}



.inner-head{height: 72px;}
.inner-head .hd-logo .img{height: 30px;}

.hd-lk{display: flex;align-items: center;gap:6px;}
.hd-lk i{font-size: 14px;}

.login-head{height: 72px;border-bottom:1px solid #e1e1e1;position: sticky;}
.login-head .hd-logo{position: static;transform: translate(0,0);}
.login-head .wrap{display: flex;align-items: center;height: 100%;}
.login-head .hd-logo .img{height: 30px;}

.detail-head{position: absolute;width: 100%;left:0;top:0;z-index:100;}
.detail-head .head{background:none;border:0;}


.list-head{position: sticky;}



.pop{display: none;}
.pop.show{display: block;}
.pop .mask{background:rgba(0,0,0,.5);position: fixed;width: 100%;height: 100%;left:0;top:0;z-index:110;}
.pop.show .mask{animation: popMaskIn .35s ease;}
.pop.show.hiding .mask{animation: popMaskOut .3s ease both;}
.pop .close{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 16px;}
.pop .close::after{content:'\e60e';font-family: 'iconfont';}
.pop .top-bt{display: flex;align-items: center;justify-content: space-between;margin-bottom: 35px;}
.pop .scrollbox{overflow-y: auto;}


.pop-left .wrapbox{background:#fff;position: fixed;top: 0;bottom: 0;width: 480px;left: 0;padding:30px 0;z-index:111;overflow: hidden;}
.pop-left .padding{padding:0 40px;}
.pop-left.show .wrapbox{animation: popSlideInLeft .5s cubic-bezier(0.22, 1, 0.36, 1) both;}
.pop-left.show.hiding .wrapbox{animation: popSlideOutLeft .45s cubic-bezier(0.4, 0, 0.2, 1) both;}


.pop-right .padding{padding:0 8vw;}
.pop-right .wrapbox{background:#fff;position: fixed;top: 0;bottom: 0;width: 50%;right: 0;padding:6vh 0 4vw;z-index:111;overflow: hidden;}
.pop-right.show .wrapbox{animation: popSlideInRight .4s ease both;}
.pop-right.show.hiding .wrapbox{animation: popSlideOutRight .35s ease both;}

.pop-cen .wrapbox{background:#fff;position: fixed;width: 60%;left:50%;bottom:50%;transform: translate(-50%,50%);z-index:111;border-radius:10px;padding:50px 0;}
.pop-cen .padding{padding:0 50px;}
.pop-cen .scrollbox{max-height: 70vh;}
.pop-cen.show .wrapbox{animation: popSlideUp .4s ease both;}
.pop-cen.show.hiding .wrapbox{animation: popSlideDown .35s ease both;}


@keyframes popMaskIn{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes popMaskOut{
	from{opacity:1;}
	to{opacity:0;}
}
@keyframes popSlideUp{
	from{opacity:0;transform:translate(-50%, calc(50% + 120px));}
	to{opacity:1;transform:translate(-50%,50%);}
}
@keyframes popSlideDown{
	from{opacity:1;transform:translate(-50%,50%);}
	to{opacity:0;transform:translate(-50%, calc(50% + 120px));}
}
@keyframes popSlideInLeft{
	from{opacity:0;transform:translateX(-100%);}
	to{opacity:1;transform:translateX(0);}
}
@keyframes popSlideOutLeft{
	from{opacity:1;transform:translateX(0);}
	to{opacity:0;transform:translateX(-100%);}
}
@keyframes popSlideInRight{
	from{transform:translateX(100%);}
	to{transform:translateX(0);}
}
@keyframes popSlideOutRight{
	from{transform:translateX(0);}
	to{transform:translateX(100%);}
}
@keyframes popCartSlideUp{
	from{transform:translateY(100%);}
	to{transform:translateY(0);}
}
@keyframes popCartSlideDown{
	from{transform:translateY(0);}
	to{transform:translateY(100%);}
}

/* 购物车小屏：自底部向上 */
.pop-cart.is-bottom .wrapbox{left:0;right:0;top:auto;bottom:0;width:100%;height:auto;border-radius:10px 10px 0 0;}
.pop-cart.is-bottom.show .wrapbox{animation:popCartSlideUp .4s ease both;}
.pop-cart.is-bottom.show.hiding .wrapbox{animation:popCartSlideDown .35s ease both;}



/* 头部联系我们弹窗 */
.pop-contact .list{border-bottom:1px solid #e1e1e1;padding:40px 0;}
.pop-contact .list li{display: flex;align-items: center;padding:15px 0;gap:12px;}
.pop-contact .list:last-child{border-bottom:0;}



/* 头部登录弹窗 */
.pop-login .detail{padding:30px 0 0;}
.pop-login .btn-weixin{width: 100%;background:#18ad19;color:#fff;height: 52px;border-color:#18ad19;}
.pop-login .btn-weixin i{font-size: 20px;}

.pop-login .or{text-align: center;margin: 22px 0 18px;}
.pop-login .form{margin-top: 25px;}

.pop-login .form .ipt{background:#e8f0fe;}
.pop-login .form .ipt:hover,.pop-login .form .ipt:focus{border-color:#1a1a1a;box-shadow:none;}
.pop-login .button{width: 100%;margin-top:40px;}
.pop-login .divider{height: 1px;margin:40px 0;background:#e1e1e1;}



/* 头部购物车弹窗 */
.pop-cart .total{border-top:1px solid #e1e1e1;padding:20px 0 0; margin:25px 0 30px;display: flex;justify-content: space-between;}


/* 头部搜索弹窗 */
.pop-search{background:#fff;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index:111;overflow-y: auto;display: none;}
.pop-search.show{display: block;animation: popSearchIn .4s ease both;}
.pop-search.show.hiding{animation: popSearchOut .35s ease both;}
.pop-search .close{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 16px;position: absolute;right:15px;top:15px;}
.pop-search .close::after{content:'\e60e';font-family: 'iconfont';}
.pop-search .top-sec{width: 85%;margin:0 auto;padding:50px 0;max-width:1280px;}
.pop-search .logo{margin-bottom: 25px;}
.pop-search .logo .img{height:38px;width:auto;}
.pop-search .search{margin-bottom: 20px;}
.pop-search .search .ipt-txt{width: 100%;}
.pop-search .tags{display: flex;gap:25px;justify-content: center;flex-wrap: wrap;font-size: 11px;}

.pop-search  .goods-list{grid-template-columns: repeat(6, minmax(0, 1fr));}

@keyframes popSearchIn{
	from{transform:translateY(-100%);}
	to{transform:translateY(0);}
}
@keyframes popSearchOut{
	from{transform:translateY(0);}
	to{transform:translateY(-100%);}
}
.footer{font-size: 13px;display: flex;justify-content: center;gap:25px;padding:25px 0 35px;}


/* 头部菜单弹窗 */
.pop-menu.pop-left .wrapbox{width:480px;transition:width .45s cubic-bezier(0.22, 1, 0.36, 1);}
.pop-menu.is-sub.pop-left .wrapbox{width:max-content;max-width:100%;animation:none;transform:none;}
.pop-menu.is-sub.pop-left.show.hiding .wrapbox{animation:popSlideOutLeft .45s cubic-bezier(0.4, 0, 0.2, 1) both;}
.pop-menu .menu-panels{position:relative;overflow:hidden;min-height:0;}
.pop-menu.is-sub .menu-panels{width:max-content;max-width:100%;}
.pop-menu .menu-panel{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(0.22, 1, 0.36, 1);visibility:hidden;pointer-events:none;background:#fff;}
.pop-menu .menu-panel.is-active{transform:translateX(0);visibility:visible;pointer-events:auto;z-index:2;}
.pop-menu .menu-panel.is-prev{transform:translateX(-30%);visibility:visible;pointer-events:none;z-index:1;}
.pop-menu .menu-panel.has-pics.is-active{position:relative;width:max-content;max-width:100%;flex-direction:row;}
.pop-menu .menu-side{width:480px;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;height:100%;}
.pop-menu .menu-side-top{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:0;margin-bottom:30px;}

.pop-menu .menu-pics{width:max-content;height:100%;flex:none;overflow:hidden;display:grid;grid-template-columns:repeat(2, max-content);grid-auto-rows:1fr;gap:15px;padding: 0 20px;}
.pop-menu .menu-pics .item{display:flex;flex-direction:column;min-height:0;height:100%;opacity:0;transform:translate3d(0,16px,0);width:220px;}
.pop-menu .menu-panel.is-active .menu-pics.is-show .item{animation:menuPicIn .55s ease both;}
.pop-menu .menu-panel.is-active .menu-pics.is-show .item:nth-child(1){animation-delay:.08s;}
.pop-menu .menu-panel.is-active .menu-pics.is-show .item:nth-child(2){animation-delay:.14s;}
.pop-menu .menu-panel.is-active .menu-pics.is-show .item:nth-child(3){animation-delay:.2s;}
.pop-menu .menu-panel.is-active .menu-pics.is-show .item:nth-child(4){animation-delay:.26s;}
.pop-menu .menu-panel.is-active .menu-pics.is-show .item:nth-child(5){animation-delay:.32s;}
.pop-menu .menu-panel.is-active .menu-pics.is-show .item:nth-child(6){animation-delay:.38s;}
@keyframes menuPicIn{
	from{opacity:0;transform:translate3d(0,16px,0);}
	to{opacity:1;transform:translate3d(0,0,0);}
}
.pop-menu .menu-pics .imgbox{flex:1;min-height:0;overflow:hidden;margin-bottom:8px;background:#f5f5f5;}
.pop-menu .menu-pics .imgbox .img{width:100%;height:100%;object-fit:cover;}
.pop-menu .menu-pics .name{flex-shrink:0;font-size:14px;line-height:1.4;}

/* 1 个 item：单图铺满，黑底白字 */
.pop-menu .menu-pics:has(>.item:only-child){display:block;position:relative;}
.pop-menu .menu-pics:has(>.item:only-child) .item{display:flex;height:100%;position:relative;flex-direction: column;width:630px;}
.pop-menu .menu-pics:has(>.item:only-child) .imgbox{background:#000;flex:1;overflow: hidden;}
.pop-menu .menu-pics:has(>.item:only-child) .imgbox .img{object-fit:contain;}

/* 2 / 3 个 item：单列纵向，行高平分 */
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(2)),
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(3)){grid-template-columns:max-content;}
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(2)){grid-template-rows:repeat(2, minmax(0, 1fr));}
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(3)){grid-template-rows:repeat(3, minmax(0, 1fr));}

.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(2)){width:315px;}
/* 4 / 6 个 item：两列网格，行高平分 */
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(4)),
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(6)){grid-template-columns:repeat(2, max-content);}
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(4)){grid-template-rows:repeat(2, minmax(0, 1fr));}
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(6)){grid-template-rows:repeat(3, minmax(0, 1fr));}
.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(4)) .item{width:315px;}


.pop-menu .list{}
.pop-menu .list li{font-size: 20px;margin-bottom:15px;}
.pop-menu .list .group-tit{font-size:12px;color:#8c8c8c;margin:28px 0 14px;padding-top:20px;border-top:1px solid #e8e8e8;line-height:1.2;}
.pop-menu .list .group-tit:first-child{margin-top:0;padding-top:0;border-top:0;}
.pop-menu .list .lk{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.pop-menu .list .lk.has-sub.lk-line-hover::after{content:'\e70a';font-family:'iconfont';font-size:14px;flex-shrink:0;color:#1a1a1a;position:static;width:auto;height:auto;background:none;}
.pop-menu .list .lk.has-sub.lk-line-hover:hover::after{width:auto;}
.pop-menu .backBtn{gap:8px;cursor:pointer;font-size:16px;}
.pop-menu .backBtn .back{width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.pop-menu .backBtn .back::after{content:'\e70a';font-family:'iconfont';display:block;transform:rotate(180deg);font-size:16px;}

.pop-menu .lks li{padding:6px 0;}



.lvFadeIn{animation-name:lvFadeIn;}
@keyframes lvFadeIn{
	from{opacity:0;transform:translate3d(0,14px,0);}
	to{opacity:1;transform:translate3d(0,0,0);}
}
.lvFadeOut{animation-name:lvFadeOut;}
@keyframes lvFadeOut{
	from{opacity:1;transform:translate3d(0,0,0);}
	to{opacity:0;transform:translate3d(0,10px,0);}
}

@media (max-width:1400px){
	.auto{width:92%;}

}
@media (max-width:1200px){
	.ft-t .col{max-width:260px;}
}

@media (max-width:1100px){
	body{font-size:15px;}
	.mb40{margin-bottom:25px;}
	
	.hd-r .hd-contact{display: none;}
	
	.foot{position: relative;padding-top:80px;}
	.ft-t{padding:0;}
	.ft-t .wrap{flex-direction: column;gap:0;border-top:1px solid #e5e5e5;}
	
	.ft-t .col{max-width:100%;width: 100%;border-bottom:1px solid #e5e5e5;}
	.ft-t .col:last-child{border:0;}
	.ft-t .tit{font-size: 15px;margin:0;line-height:30px;padding:15px 0;display: flex;align-items: center;justify-content: space-between;}
	.ft-t .tit::after{content:'\e717';font-family: 'iconfont';}
	.ft-t .tit.this::after{content:'\e871';}
	.ft-t .list{display: none;padding:0 0 20px 20px;}
	
	.ft-b .bot{position: absolute;width: 100%;left: 0;top: 0;margin:0;height:80px;display: flex;align-items: center;justify-content: center;}
	.ft-b .logo{}
	.ft-b .top{flex-direction: column-reverse;justify-content: center;}
	.ft-b .lks{justify-content: center;gap:20px 20px;}
	.ft-b .address{text-align: center;margin-top: 30px;}
	
	.pop-menu.pop-left .wrapbox{width:380px;padding:20px 0;}
	.pop-menu.is-sub.pop-left .wrapbox{width:max-content;max-width:100%;}
	.pop-menu.is-sub .menu-panels{width:max-content;max-width:100%;}
	.pop-menu .list li{font-size:18px;}
	.pop-left .padding{padding:0 30px;}
	
	.pop-menu .menu-panel.has-pics.is-active{flex-direction:row;width:max-content;max-width:100%;}
	.pop-menu .menu-side{width:260px;max-width:none;height:100%;flex:none;}
	.pop-menu .menu-pics{display:grid;width:max-content;height:100%;flex:none;padding:0 10px;gap:10px;}
	.pop-menu .menu-pics .item{width:170px;}
	.pop-menu .menu-pics:has(>.item:only-child) .item{width:420px;}
	.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(2)) .item{width:230px;}
	.pop-menu .menu-pics:has(>.item:first-child:nth-last-child(4)) .item{width:230px;}
	
	
	
	.pop-right .wrapbox{width:60%;}
	.pop-right .padding{padding:0 5vw;}
	.pop-cart .cart-list .item{padding-left:0;padding-right:0;}
	
	
	
	
	
}

@media (max-width:767px){
	body{font-size:15px;}
	.auto{width:88%;}
	.autoc{width:88%;}
	.p30 {padding: 15px;}
	.fz11{font-size:13px;}
	
	.head{height: 70px;}
	.hd-menu .font, .hd-search .font{font-size: 0;}
	.hd-menu .font:before, .hd-search .font:before{font-size: 16px;}
	.hd-search{margin-left:10px;}
	.hd-logo .img{height: 26px;}
	.hd-like{display: none;}
	.hd-r{gap:15px;}
	
	
	
	.foot-bar{text-align: center;line-height: 1.6;}
	
	
	.login-head{height: 65px;}
	
	
	.inner-head{padding:25px 0;height:auto;}
	.inner-head .wrap{flex-wrap: wrap;justify-content: center;gap:20px 0;}
	.inner-head .hd-logo{position: static;transform: translate(0,0);width: 100%;margin:0 auto;}
	.inner-head .hd-logo .img{margin:0 auto;display: block;}
	.inner-head .hd-r{justify-content: center;width: 100%;gap:0 40px;}
	
	
	/* 搜索 */
	.pop-search .goods-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	.pop-search .tags{justify-content: flex-start;gap:15px 20px;}
	.pop-search .tags span{width: 100%;}
	
	
	.footer{flex-wrap:wrap;padding:25px 6%;justify-content: flex-start;gap:20px 0;}
	
	.pop-menu.is-sub.pop-left .wrapbox{width:min(100%,380px);}
	.pop-menu.is-sub .menu-panels{width:100%;}
	.pop-menu .menu-panel.has-pics.is-active{flex-direction:column;width:100%;}
	.pop-menu .menu-side{width:100%;}
	.pop-menu .menu-pics{display:none;}
	
	
	
	.pop-cart .wrapbox{width:100%;top:auto;border-radius:10px 10px 0 0;padding:30px 0;}
	.pop-cart .scrollbox{max-height:auto;height:auto;padding:0;}
	.pop-cart .cart-list{max-height:40vh;overflow-y: auto;}
	.pop-cart .total{box-shadow: 0 -2px 4px #00000014, 0 -4px 8px #0000000a;}
	.pop-cart .total+.btn{width:88%!important;margin:0 auto;}
	.pop-cart .top-bt,.pop-cart .cart-list,.pop-cart .total{padding-left:6%;padding-right:6%;}
	
	
	.pop-login .wrapbox{width:100%;}
	
	
	.pop-text .wrapbox{width: 90%;padding:30px 0;}
	.pop-cen .padding{padding:0 30px;}
	
}
/* border-bottom:1px solid #e1e1e1; */



/* 

	头部 
	index.html
	shipping.html
overview.html

*/