/* 技术支持 开元（重庆）科技有限公司 */
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td, header, footer{margin:0;padding:0;}
body{color:#171717; font-size:12px; font-family:"Noto Sans Display", sans-serif; height:100%; background:#fff; word-wrap: break-word; /*word-break:break-all;*/}
ul,ol{list-style-type:none;}
i {font-style:normal}
select,input,img,select,button,textarea{vertical-align:middle; font-family:Arial,'Microsoft YaHei'; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
input {/*-webkit-appearance: none;*/ border-radius:0}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
del{text-decoration:line-through;}
em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}
a{text-decoration:none; transition: color .1s,border-color .1s,opacity .1s,text-decoration-color .1s;}
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
.pr{position: relative;}
.marA {margin:auto;}
.clr{display:block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.clear{display:block;clear: both;}
.ovh{overflow:hidden;}
.tac{text-align:center;}
.tar{text-align:right;}
.imgW100{width:100%;}
span:focus {
    outline: none;
}
a{color:#171717;}
a:hover{color:#171717;}
img{max-width: 100%;}

:root {
	--color-text: 23 23 23;
	--color-background: 255 255 255;
}

.pr{position: relative;}
.wrapper{width:92%; max-width: 1280px; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.flex_wrap{-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.border_box{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.align_items_center{-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; justify-content: center;}
.justify_content_center{-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content:center; justify-content:center;}
.justify-content_spaceBetween{-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.content{width: 100%;}
.top{width: 100%; position: relative;}
.top:before{content: ''; position: absolute; left: 0; right: 0; top: 0; z-index: -2; height: 68px; background: #1f1f1f;}
.topbar{width: 100%; height: 48px; position: relative; line-height: 1.25; font-size: 13px; background: #1f1f1f; color: #fafafa; padding:0 2.25rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display: grid; align-items: center; grid-template: "socials announcement localization" /minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr); gap: 15px;}
.topbar a{color: #fafafa;}
.top_social_icon ul{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.top_social_icon li{ display: flex; align-items: center; flex-wrap: wrap; padding-right: 20px;}
.top_social_icon li svg{width: 20px; height: 20px; color: #fff; float: left;}
.top_social_icon li a{ -webkit-animation-duration: .8s; animation-duration: 0.8s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forward; animation-direction: forward;}
.top_social_icon li a:hover{-webkit-animation-name: socialicon; animation-name: socialicon;}
.top_announcement{display: flex; justify-content: center;}
.top_announcement svg{width: 16px; height: 16px;}
.top_announcement span{display: inline-block; margin-left: 6px;}
.top_column{ height: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 20px;}
.tcolumn_item{position: relative; height: 100%;}
.tcolumn_itembtn{display: flex; align-items: center; gap: 10px; height: 100%;}
.tcolumn_itembtn svg{width: 16px; height: 16px;}
.tcolumn_dropdown{position: absolute; top: 48px; right: 0; z-index: 99; min-width: 140px; max-width:280px; padding:25px 0; border-radius: 0 0 20px 20px; background: #1f1f1f; opacity: 0; visibility: hidden;}
.tcolumn_item.open .tcolumn_dropdown{pointer-events:auto;  opacity: 1; visibility: visible; transition:opacity 1s cubic-bezier(.19,1,.22,1);}
.tcolumn_dropdown ul{width: 100%; display: flex; flex-direction: column; gap:10px; margin-inline-end:5px; max-height:250px; -webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;}
.tcolumn_dropdown ul::-webkit-scrollbar {-webkit-appearance:none; background-clip:padding-box;background-color:transparent;border-radius:3px;width:3px;}
.tcolumn_dropdown ul::-webkit-scrollbar-thumb {background-clip:padding-box; background-color:rgba(255,255,255,0.2);border-radius:3px;}
.tcolumn_dropdown ul li>p {text-overflow:ellipsis;white-space:nowrap; overflow:hidden}
.tcolumn_dropdown ul.active a{opacity:.4}
.tcolumn_dropdown li{ padding:0 25px; opacity: 0; transform:translate(20%, 1px); transition:transform 1s cubic-bezier(.075,.82,.165,1), opacity 1s cubic-bezier(.19,1,.22,1);transition-delay:.2s;}
.tcolumn_item.open .tcolumn_dropdown li{transform:translate(0, 0); opacity:1; transition-delay:1.2s;}
.tcolumn_item.open .tcolumn_dropdown li:first-child {transition-delay:.3s}
.tcolumn_item.open .tcolumn_dropdown li:nth-child(2) {transition-delay:.4s}
.tcolumn_item.open .tcolumn_dropdown li:nth-child(3) {transition-delay:.5s}
.tcolumn_item.open .tcolumn_dropdown li:nth-child(4) {transition-delay:.6s}
.tcolumn_item.open .tcolumn_dropdown li:nth-child(5) {transition-delay:.7s}
.tcolumn_item.open .tcolumn_dropdown li:nth-child(6) {transition-delay:.8s}
.tcolumn_item.open .tcolumn_dropdown li:nth-child(7) {transition-delay:.9s}
.tcolumn_item.open .tcolumn_dropdown li:nth-child(8) {transition-delay:1s}
.tcolumn_item.open .tcolumn_dropdown li:nth-child(9) {transition-delay:1.1s}
.tcolumn_dropdown li p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tcolumn_dropdown li a{position: relative;}
.tcolumn_dropdown li a:after{content: '';  width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: -1px;}
.tcolumn_dropdown li a:hover:after{width: 100%; transition:width .5s cubic-bezier(.3, 1, .3, 1);}
.dropdown_leftico, .dropdown_rightico{position: absolute; top: 0; color: #1f1f1f; transition: all .5s cubic-bezier(.6, 0, .4, 1);}
.dropdown_leftico{left: -16px; transform: rotate(0) scaleX(-1) scaleY(1);}
.dropdown_rightico{right: -16px;}
.dropdown_leftico svg, .dropdown_rightico svg{width: 16px; height: 16px;}
.header{width: 100%; position: relative; height: 92px;}
.header .overlaybg{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; visibility: hidden; cursor: none; background: rgba(0,0,0,0.13);}
.header_content{width: 100%; height: 92px; display: grid; align-items: center; position: relative; z-index: 90; padding:0 2.25rem; grid-template:"logo navigation icons" /minmax(0, 1fr) auto minmax(0, 1fr); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; transition: .5s cubic-bezier(.6, 0, .4, 1); transition-property: opacity,transform,height;}
.header_content:before{content: ''; height:100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background: #fff; opacity: 1; border-radius: 20px 20px 0 0; transition-property: opacity,border-radius; transition: .5s cubic-bezier(.6, 0, .4, 1) .1s;}
.head_botbox{position: absolute; left: 0; right: 0; z-index: -2; top:92px; transition:all .5s cubic-bezier(.6, 0, .4, 1); opacity: 0;}
.head_botbox:before{content: ''; width: 100%; height: 1px; background:  rgba(23, 23, 23, .115); position: absolute; top: 0; left: 0; right: 0;}
.head_botbox svg{width: 20px; height: 20px; color: #fff;}
.head_botbox svg path:first-child{fill:#ffffff;}
.head_botbox svg path:last-child{stroke-width: 3px; stroke: rgba(23, 23, 23, .115);}
.head_botbox .head_botL{position: absolute; left: 0; top: 0;}
.head_botbox .head_botR{position: absolute; right: 0; top: 0; transform:rotate(0) scaleX(-1) scaleY(1);}
.head_icons{display: flex; align-items: center; justify-content: flex-end; grid-area: icons;}
.head_icons a{width: 44px; height: 44px; position: relative; display: flex; justify-content: center; align-items: center; -webkit-animation-duration: .8s; animation-duration: 0.8s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forward; animation-direction: forward;}
.head_icons a:hover{-webkit-animation-name: socialicon; animation-name: socialicon;}
.head_icons svg{width: 24px; height: 24px;}
.head_icons a span{position: absolute; top: 0; right: 0;}
.head_icons.icons_start{display: none; grid-area: tools;}
.head_logo{grid-area: logo;}
.head_logo img{max-width: 140px;}
.head_logo .logo{display: block;}
.head_logo .logob{display: none;}
.head_menu{grid-area: navigation;}
.head_menu>ul{display: flex; justify-content: center;flex-wrap: wrap;}
.head_menu>ul li .menua{padding:0 20px; line-height: 42px; font-size: 16px; font-weight: 500; display: block; position: relative; overflow: hidden;}
.head_menu>ul li .menua span, .head_menu>ul li .menua em{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.head_menu>ul li .menua span{transition:.5s cubic-bezier(.3, 1, .3, 1); transition-property: transform,opacity;}
.head_menu>ul li .menua em{ border-radius: 42px; transition: transform .5s cubic-bezier(.3, 1, .3, 1); transform: translateY(100%) scale(.6); position: absolute; top: 0; left: 0; background: #171717; color: #fff;}
.head_menu>ul>li:hover .menua span{opacity:0;transform:translateY(-10%) scale(.6)}
.head_menu>ul>li:hover .menua em{ transform: translateY(0%) scale(1);}
.subnav{visibility: hidden; width: 100%; opacity: 0; overflow: hidden; transition:opacity .3s cubic-bezier(.19,1,.22,1); position: absolute; top: 0; left: 0; z-index: -1;}
.subnavbox{ width: 100%; overflow: hidden; box-sizing: border-box; border-radius: 0 0 20px 20px; background: #fff; display: flex; padding:92px 50px 50px; visibility: hidden; transform: translateY(-105%); transition:transform .5s cubic-bezier(.6, 0, .4, 1);}
.subnav_menu{width: 25%; min-width: 230px; opacity: 0; transform: translate(calc(25% * 1),0); transition: transform 1.5s cubic-bezier(.075,.82,.165,1),opacity .9s cubic-bezier(.19,1,.22,1);}
.subnav_tabbd{width: 75%; min-width: 260px; opacity: 0; transform: translate(calc(0 * 1),0); transition: transform 1.5s cubic-bezier(.075,.82,.165,1),opacity .9s cubic-bezier(.19,1,.22,1);}
.subnav_mtitle{font-size: 16px; padding-bottom: 30px; font-weight: 500; transform: translate(calc(25% * 1)); opacity: 0; transition: transform 2s cubic-bezier(.075,.82,.165,1), opacity 1s cubic-bezier(.19,1,.22,1);}
.subnav_tabhd{width: 100%; display: block; overflow: hidden;}
.subnav_menu a{font-size: 24px; font-weight: 600; opacity: 0.5; position: relative;}
.subnav_menu a:after{content: '';  width: 0; height: 1px; background: #171717; position: absolute; left: 0; bottom: -1px; opacity: 0.5;}
.subnav_menu a:hover:after{width: 100%; transition:width .5s cubic-bezier(.3, 1, .3, 1);}
.subnav_tabhd li{transform: translate(calc(25% * 1)); opacity: 0; transition: transform 2s cubic-bezier(.075,.82,.165,1),opacity 1s cubic-bezier(.19,1,.22,1);}
.subnav_tabhd li.active a{opacity: 1;}
.subnav_tabhd li.active a:after{display: none;}
.subnav_listHd{width: 100%; display: flex; justify-content: space-between; align-items: center; transform:translateY(-20px); opacity: 0; transition: transform 1s cubic-bezier(.075,.82,.165,1),opacity 1s cubic-bezier(.19,1,.22,1);}
.subnav_listHd h2{opacity: 0.6;font-size: 14px; text-transform: uppercase;}
.subnav_listHd a{font-size: 18px; display: inline-flex; align-items: center; font-weight: 600;}
.subnav_listHd a span{position: relative; display: flex; align-items: center;}
.subnav_listHd a span em{font-size: 16px; font-weight: 500;}
.subnav_listHd a span:after{content: '';  width: 0; height: 1px; background: #171717; position: absolute; left: 0; bottom: -1px;}
.subnav_listHd a:hover span:after{width: 100%; transition:width .5s cubic-bezier(.3, 1, .3, 1);}
.subnav_listHd a svg{width: 20px; height: 20px; margin-left: 10px;transition: transform .5s cubic-bezier(.3, 1, .3, 1);}
.subnav_listHd a:hover svg{transform:rotate(90deg);}
.subnav_listBd{margin-top: 35px;}
.subnav_listBd ul{width: 100%; display: grid; grid: auto-flow dense/repeat(3, minmax(0, 1fr)); gap:clamp(1rem, 1.263vw, 1.5rem);}
.subnav_listBd ul li{width: 100%; transform:translateY(50px); opacity: 0; transition: transform 2s cubic-bezier(.075,.82,.165,1),opacity 1s cubic-bezier(.19,1,.22,1);}
.header.open .overlaybg{visibility: visible;}
.head_menu>ul>li.open .subnav{visibility: visible; opacity: 1;}
.head_menu>ul>li.open .subnavbox{ visibility: visible; transform: translateY(0);}
.head_menu>ul>li.open .subnav_menu, .head_menu>ul>li.open .subnav_tabbd{transform:translate(0, 0); opacity: 1;}
.head_menu>ul>li.open .subnav_mtitle{transform:translate(0, 0); opacity: 1; transition-delay:.4s;}
.head_menu>ul>li.open .subnav_tabhd li{transform:translate(0, 1px); opacity: 1;}
.head_menu>ul>li.open .subnav_tabhd li:nth-child(1) {transition-delay:.5s}
.head_menu>ul>li.open .subnav_tabhd li:nth-child(2) {transition-delay:.6s}
.head_menu>ul>li.open .subnav_tabhd li:nth-child(3) {transition-delay:.7s}
.head_menu>ul>li.open .subnav_tabhd li:nth-child(4) {transition-delay:.8s}
.head_menu>ul>li.open .subnav_tabhd li:nth-child(5) {transition-delay:.9s}
.head_menu>ul>li.open .subnav_listHd{ transform:translateY(0px); opacity: 1; transition-delay:.4s;}
.head_menu>ul>li.open .subnav_listBd ul li{opacity: 1; transform:translateY(0px); transition-delay:2s;}
.head_menu>ul>li.open .subnav_listBd ul li:nth-child(1) {transition-delay:.5s}
.head_menu>ul>li.open .subnav_listBd ul li:nth-child(2) {transition-delay:.6s}
.head_menu>ul>li.open .subnav_listBd ul li:nth-child(3) {transition-delay:.7s}
.header_container .header.fix .header_content{height: 80px; position: fixed; top: 0; left: 0; right: 0;}
.header_container .header.fix .header_content:before{border-radius: 0; background: #fff;}
.header_container .header.fix .header_content .head_botbox{top: 80px; opacity: 1;}

.header.nhead{height: initial;}
.header.nhead .header_content{position: absolute;}
.header.nhead .header_content:before{background: none;}
.header.nhead .head_logo .logo{display: none;}
.header.nhead .head_logo .logob{display: block;}
.header.nhead .head_menu>ul li .menua{color: #fff;}
.header.nhead .head_icons a{color: #fff;}
.header.nhead.open .head_logo .logo, .header.fix .header_content .head_logo .logo{display: block;}
.header.nhead.open .head_logo .logob, .header.fix .header_content .head_logo .logob{display: none;}
.header.nhead.open .head_menu>ul li .menua, .header.fix .header_content .head_menu>ul li .menua{color: #171717;}
.header.nhead.open .head_icons a, .header.fix .header_content .head_icons a{color: #171717;}




.goods{border-radius: 20px; overflow: hidden; display: flex; flex-direction: column;}
.goods_box{width: 100%; padding-bottom: 100%; position: relative; overflow: hidden;}
.goods_img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition:.5s cubic-bezier(.3, 1, .3, 1); transition-property: opacity,transform;}
.goods:hover .goods_img{ transform: scale(1.05);}
.goods_badge{position: absolute; top: 20px; left: 20px; z-index: 3; padding:10px 15px; display: inline-block; border-radius: 50px; background: #416d8c; color: #fff; font-size: 0.875rem; line-height: 1;}
.goods_rating{position: absolute; top: 20px; right: 20px; z-index: 2; padding:10px 15px; display: inline-block; border-radius: 50px; background: rgba(255,255,255,0.75);}
.goods_ratingbox{display: flex; align-items: center; line-height: 1;font-size: clamp(0.6875rem,.684vw,0.8125rem);}
.goods_ratingbox svg{width: 11px; height: 11px; margin:0 2px; color: #ffc520;}
.goods_ratingbox img{width: 11px; height: 11px; margin:0 4px 0 0; display: inline-block; float: left;}
.goods_button{position: absolute; left: 0; bottom: 20px; right: 0; opacity: 0; display: flex; justify-content: center; transform:translate(0,10px);transition:.5s cubic-bezier(.3, 1, .3, 1); transition-property: opacity,transform;}
.goods_btn{display: inline-block; width: auto; height: auto; padding:10px 20px; border-radius: 50px; background:#171717; color: #fff; border:2px #171717 solid; font-size: 16px; cursor: pointer; position: relative; z-index: 1; overflow: hidden; box-sizing: border-box;}
.goods_btn .goods_btnfill{content: ''; width: 150%; height: 200%; border-radius: 50%; display:block; background: #fff; position: absolute; left: -25%; bottom: -50%; transition:transform .5s cubic-bezier(.3, 1, .3, 1); transform:translateY(-76%);}
.goods_btn span{position: relative; z-index: 2; transition:color .5s cubic-bezier(.3, 1, .3, 1);}
.goods_btn svg{width: 18px; height: 18px; display: none;position: relative; z-index: 2; stroke-width:1.5px;}
.goods_btn:hover span{color: #171717;}
.goods_btn[disabled]{opacity:.6; background: #fff; color: #171717; transform:translateY(0%); transition:opacity .5s cubic-bezier(.3, 1, .3, 1); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);}
.goods:hover .goods_btn[disabled]{opacity: 1;}
.goods .goods_btn:hover .goods_btnfill{ transform:translateY(0);}
.goods:hover .goods_button{transform:translate(0,0); opacity: 1;}
.goods_button.show{opacity: 1;}
.goods_info{background: #fafafa; padding:15px 20px 25px; display: flex; flex-grow: 1;}
.goods_title{flex:1; font-size: clamp(1.0rem, 0.873rem + 0.3175vw, 1.25rem); font-weight: 500;}
.goods_title a{ line-height: 1.25; position: relative;--reversed-link-gap: min(100%, 1.35em); background: linear-gradient(to right,#171717,#171717) 0 var(--reversed-link-gap)/0 1px no-repeat; background-position-x: left; transition:.5s cubic-bezier(.3, 1, .3, 1);}
.goods_title a:hover{ background-position-x: left; background-size: 100% 1px;}


.goods_price{text-align:right;}
.goods_price_regular{color: rgb(225 29 72); font-weight: 500; font-size: clamp(0.875rem, .8115rem + .1587vw, 1.0rem);}
.goods_price_sale{color: rgba(23, 23, 23, 0.6); font-size: clamp(0.75rem, .7297rem + .1013vw, 0.875rem) ;display: inline-flex; position: relative;}
.goods_price_sale:before{content: ''; position: absolute; left: 0; top: 50%; line-height: 1; width: 100%; height: 1px; background: red; transform: rotate(-15deg);}
.goods_spec{border:1px solid rgba(23, 23, 23,.06); border-top-width: 0; border-radius:0 0 20px 20px; position: relative; width: 100%; overflow: hidden; box-sizing: border-box;}
.goods_spec:after, .goods_spec:before{content: ''; width: 15%; height: 100%; position: absolute; top: 0; bottom: 0;}
.goods_spec:after{left: 0; background: linear-gradient(to right, #fff, rgba(255,255,255, 0));}
.goods_spec:before{right: 0; background: linear-gradient(to right, rgba(255,255,255, 0), #fff);}
.goods_specbox{padding:1rem 1vw; overflow-y: hidden; overflow-x: auto;display: flex; flex-wrap: nowrap;}
.goods_specbox::-webkit-scrollbar {height:10px;width:10px;display:none}
.goods_specbox dl{min-width: 40%; display: flex; padding:0 5%; gap: 10px; align-items: center; border-left: 1px solid rgba(23, 23, 23,.06); box-sizing: border-box;}
.goods_specbox dl:first-child{border-left-width: 0;}
.goods_specbox dl dt{ width: 24px; height: 24px;}
.goods_specbox dl dd{flex:1; display: flex; flex-direction:column; gap:3px;}
.goods_specbox dl dd p{font-size: 10px; opacity: 0.6;}


body.modal_hide{overflow: hidden; padding-right: 17px; box-sizing: border-box;}
body.modal_hide .header.fix .header_content{ right: 17px; box-sizing: border-box;}
.drawer_modal{position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition:.8s cubic-bezier(.7,0,.2,1); transition-property: opacity,visibility; background:rgba(23, 23, 23,.2); z-index: 990;}
.drawer_body{ position: fixed; bottom: 0; z-index: 999; display: flex;flex-direction:column; background: #fff; width: 100%; height: 100%; max-width: 36rem;transition:transform .6s cubic-bezier(.7,0,.2,1); overflow: hidden;}
.drawer_fixright{ right: 0; border-radius: 2.125rem 0 0 2.125rem; transform: translateX(100%);}
.drawer_fixleft{ left: 0; border-radius: 0 2.125rem 2.125rem 0; transform: translateX(-100%);}
.drawer.show .drawer_modal{opacity: 1; visibility: visible;} 
.drawer.show .drawer_body{transform: translateX(0%);}

.drawer_head{padding:30px 50px; border-bottom: 1px solid rgba(23, 23, 23, .06); display: flex; justify-content: space-between;}
.drawer_title{font-size: 30px; font-weight: bold;}
.drawer_tabhd ul{ display: flex; gap:35px; font-size: 30px; font-weight: bold;}
.drawer_tabhd ul li{ opacity: 0.2; transition: opacity .5s cubic-bezier(.3, 1, .3, 1);}
.drawer_tabhd ul li.active, .drawer_tabhd ul li:hover{ opacity: 1;}
.drawer_colse{width: 46px; height: 46px; border-radius: 50%; overflow: hidden; border: 1px solid rgba(23, 23, 23, .06); display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer;}
.drawer_colse svg{width: 20px; height: 20px; color: #171717; float: left;}
.drawer_colse i{width: 150%;height: 200%; display: inline-block; border-radius: 50%; display:block; background: #171717; position: absolute; left: -25%; bottom: -50%; transition:transform .5s cubic-bezier(.3, 1, .3, 1); transform:translateY(-76%);}
.drawer_colse span{position: relative; z-index: 2;}
.drawer_colse:hover i{ transform:translateY(0);}
.drawer_colse:hover svg{color: #fff;}
.drawer_content{display: flex; overflow-x: hidden; width: 100%; flex-grow: 1;}
.drawer_scroll{scroll-behavior:smooth;scroll-snap-type:y mandatory; scrollbar-color:auto;scrollbar-width:thin}
.drawer_scroll::-webkit-scrollbar {-webkit-appearance:none;background-clip:padding-box;background-color:transparent;border-radius:6px;width:6px;}
.drawer_scroll::-webkit-scrollbar-thumb {background-clip:padding-box;background-color:rgba(23, 23, 23, .06);border-radius:6px;}
.drawer_searchbox{padding:50px; box-sizing: border-box;}
.drawer_search{width: 100%; box-sizing: border-box; position: relative;}
.drawer_search_input{width: 100%; overflow: hidden; height: 60px; line-height: 60px; border-radius: 10px; background:rgba(23, 23, 23, .025); font-size: 16px; padding:0 25px; box-sizing: border-box; border:0 none;}
.drawer_search_btn{position: absolute; right: 0; top: 0; bottom: 0; font-size: 16px; line-height: 60px; padding:0 20px;}
.drawer_tabbox{width: 100%; flex-direction:column; flex-grow: 1;}
.drawer_tabcart{width: 100%; display: flex; flex-direction:column;}
.drawer_cartlist{width: 100%; padding:20px 50px; box-sizing: border-box; flex-grow: 1; overflow-x: hidden; overflow-y: auto; width: 100%;}
.drawer_cartdl{width: 100%; border-bottom: 1px solid rgba(23, 23, 23, .06); display: flex; align-items: center; padding:20px 0;}
.drawer_cartdl:last-child{border-bottom-width: 0;}
.drawer_cartdt{width: 96px; height: 96px; border-radius: 10px; overflow: hidden; margin-right: 20px; position: relative;}
.drawer_cartdd{flex:1;}
.drawer_cart_protitle{font-size: 16px; font-weight: 600;}
.drawer_cart_protitle a{--reversed-link-gap: min(100%, 1.35em); background: linear-gradient(to right,#171717,#171717) 0 var(--reversed-link-gap)/0 1px no-repeat; background-position-x: left; transition:.5s cubic-bezier(.3, 1, .3, 1);}
.drawer_cart_protitle a:hover{background-position-x: left; background-size: 100% 1px;}
.drawer_cart_proprice{display: flex; gap:10px; margin-top:10px; flex-wrap: wrap;}
.drawer_cartadd{line-height: 30px; border-radius: 30px; padding:0 20px; font-size: 14px; font-weight: 600; color: #fff; background: #171717; position: relative; z-index: 1; overflow: hidden; border:2px solid #171717;}
.drawer_foot{ width: 100%; display: grid; grid-template-columns: repeat(1,minmax(0,1fr));}
.drawer_footT{width: 100%; display: flex; border-top:  1px solid rgba(23, 23, 23, .06); padding:15px 0;}
.drawer_footTbtn{flex:1; display: flex; align-items: center; justify-content: center; font-size: 14px; gap:10px; border-left: 1px solid rgba(23, 23, 23, .06);}
.drawer_footTbtn:first-child{border-left-width: 0;}
.drawer_footTbtn svg{width: 24px; height: 24px; float: left;}
.drawer_footTbtn svg .fill{fill:rgba(23, 23, 23, .1);}
.drawer_footTbtn em{display: inline-block; position: relative;}
.drawer_footTbtn em:after{content: '';  width: 0; height: 1px; background: #171717; position: absolute; left: 0; bottom: -1px;}
.drawer_footTbtn:hover em:after{width: 100%; transition:width .5s cubic-bezier(.3, 1, .3, 1);}
.drawer_footB{background: #fafafa; padding:35px 50px; display: grid; gap:20px;}
.drawer_footBt{width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); display: grid; gap:20px; font-size: 16px;}
.drawer_footBtotals{ display: flex; justify-content: flex-end; }
.drawer_footBtotals span{font-size: 20px; font-weight: 700; display: block; overflow: hidden;}
.drawer_footBtotalsbox{text-align: left;}
.drawer_footBb{width: 100%; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap:20px;}
.drawer_footBbtn{font-size: 16px; display: inline-flex; justify-content: center; align-items: center; border:2px #171717 solid; line-height: 28px; padding:10px 20px; border-radius: 50px; position: relative; z-index: 1; overflow: hidden; box-sizing: border-box; gap:8px;}
.drawer_footBbtn svg{width: 20px; height: 20px; float: left; stroke-width:1.5px;}
.drawer_footBck{grid-column: span 7/span 7; background: #171717; color: #fff;}
.drawer_footBgwc{grid-column: span 5/span 5;}
.drawer_cartadd i, .drawer_footBbtn i {width: 150%;height: 200%; display: inline-block; border-radius: 50%; display:block;  position: absolute; left: -25%; bottom: -50%; transition:transform .5s cubic-bezier(.3, 1, .3, 1); transform:translateY(-76%); z-index: -1;}
.drawer_cartadd i, .drawer_footBck i{background: #fff;}
.drawer_footBgwc i{background: #171717;}
.drawer_cartadd:hover i, .drawer_footBbtn:hover i{ transform:translateY(0);}
.drawer_cartadd:hover, .drawer_footBck:hover{color: #171717;}
.drawer_footBgwc:hover{color: #fff;}
.goods_numberinp .layui-input{background: #f5f5f5; border-radius: 8px; border:0 none; width: 72px; height: 45px; line-height: 45px; text-align:center; font-size: 15px;}
.goods_numberinp .layui-input-wrap .layui-input{padding-right: 20px;}
.goods_numberinp .layui-input-wrap .layui-input-split{border-width: 0;}
.goods_numberinp .layui-input-wrap .layui-input-number .layui-icon-up{border-bottom-width: 0;}
.goods_numberinp .layui-input-wrap .layui-input-affix .layui-icon{color: #171717;}
.drawer_cartdel{text-align:right; margin-top:10px;}
.drawer_cartdel a{line-height: 1; background: linear-gradient(#171717,#171717) 0 min(100%,1.35em)/100% 1px no-repeat; background-position-x:left; position: relative;  text-decoration-line: none; transition: background-size .5s cubic-bezier(.3, 1, .3, 1),color .3s .5s cubic-bezier(.3, 1, .3, 1);}
.drawer_cartdel a:hover{background-position-x:right;background-size:0 1px;}
.modal_container{position: absolute; left: 0; right: 0; bottom: 0; background: #fff; border-radius: 2.125rem 0 0 2.125rem; z-index: 999; display: flex; flex-direction: column;    transition: all .3s ease; max-height: calc(100% - 60px);transition: transform .6s cubic-bezier(.7,0,.2,1); transform: translateY(100%);}
.modal_container.borderRt{border-radius:  1.5rem 1.5rem 0 0;}
.modal_header{padding:30px 50px 10px; display: flex; justify-content: space-between; align-items: center;}
.modal_header_title{font-size: 16px; font-weight: 600;}
.modal_close svg{width: 22px; height: 22px;}
.modal .cart_modal{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition:.8s cubic-bezier(.7,0,.2,1); transition-property: opacity,visibility; background:rgba(23, 23, 23,.2); z-index: 990; background: rgba(23, 23, 23,.1);}
.modal.show .cart_modal{opacity: 1; visibility: visible;} 
.modal_content{padding:10px 50px 50px; width: 100%; box-sizing: border-box; flex-grow: 1; display: flex; flex-direction:column;}
.modal.show .modal_container{transform: translateY(0);}

.modal_form{ display: grid; gap:20px;}
.field_textarea, .field_input, .field_select, .modal_form .layui-form-select .layui-input{background: #fafafa; border-radius: 10px; font-size: 16px; padding:15px 30px; width: 100%; box-sizing: border-box; border:0 none; color: #171717; line-height:30px;}
.field_textarea{height: 100px;}
.field_input, .field_select, .modal_form .layui-form-select .layui-input{height: 60px;}
.fiedbtn{line-height: 50px; padding:0 30px; background: #171717; color: #fff; font-size: 16px; position: relative; z-index: 1; display: inline-block; overflow: hidden; border-radius: 50px; border:2px solid #171717;}
.fiedbtn i{width: 150%;height: 200%; display: inline-block; border-radius: 50%; display:block;  position: absolute; left: -25%; bottom: -50%; transition:transform .5s cubic-bezier(.3, 1, .3, 1); transform:translateY(-76%); z-index: -1; background: #fff;}
.fiedbtn:hover i{transform:translateY(0); color: #171717;}
.modal_form .layui-input:hover, .modal_form .field_input:hover{border-color: #171717 !important; box-shadow: none !important;}
.modal_form .layui-input:focus, .modal_form .field_input:focus{border-color: #171717 !important; box-shadow: none !important;}
.modal_form .layui-form-select dl{font-size: 16px; line-height: 40px; border-radius:10px;}
.modal_form .layui-form-select dl dd.layui-this{color: #171717; background-color:#fff !important;}
.modal_form .layui-form-select .layui-edge{right: 15px;}
.drawer_column{display: flex; flex-direction:column; flex-grow: 1;}
#MenuDrawer .drawer_head{ border-bottom-width: 0; }
.drawer_menu{width: 100%; box-sizing: border-box; flex-grow: 1; overflow: hidden; width: 100%; display: flex; flex-direction:column; position: relative;}
.drawer_menuul, .drawer_submenuul, .drawer_menu_goods{overflow-x: hidden; overflow-y: auto; width: 100%; box-sizing: border-box; flex-grow: 1; padding:20px 0;}
.drawer_menu_a{font-size: 20px; font-weight: 600; padding:10px 20px; display: block; position: relative;}
.drawer_menu_a i{display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: 25px; opacity: .4; transform: rotate(calc(45deg * 1)) translateY(-50%); border-top: 1.5px solid #666; border-right: 1.5px solid #666;}
.drawer_menu_goback{display: inline-block; position: relative; height: 50px; display: flex; align-items: center; padding:0 20px; font-size: 14px; color: #999;border-bottom: 1px solid rgba(23, 23, 23, .06);}
.drawer_menu_goback:before{content: ""; display: block; border-top: 2px solid #999; border-left: 2px solid #999; width: 6px; height: 6px; transform: rotate(calc(-45deg * 1)); margin-right: 5px;}
.drawer_submenu{width: 100%; position: absolute; top: 0; left: 100%; bottom: 0; right: 0; background: #fff; z-index: 3; transition: left .5s cubic-bezier(.3, 1, .3, 1); display: flex; flex-direction: column;}
.drawer_submenu.open{left: 0;}
.drawer_submenuul{display: flex; flex-direction:column;}
.drawer_menu>.drawer_menuul>.drawer_menu_group>.drawer_menu_a{ transition: transform .5s cubic-bezier(.3, 1, .3, 1);}
.drawer_menu>.drawer_menuul.active>.drawer_menu_group>.drawer_menu_a{transform:translate(calc(-30% * 1));}
.drawer_menu>.drawer_menuul>li{opacity: 0; transition: transform 2s cubic-bezier(.075,.82,.165,1),opacity 1s cubic-bezier(.19,1,.22,1);}
.drawer.show .drawer_menu>.drawer_menuul>li{ opacity: 1;}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(1) {transition-delay:.5s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(2) {transition-delay:.55s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(3) {transition-delay:.6s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(4) {transition-delay:.65s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(5) {transition-delay:.7s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(6) {transition-delay:.75s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(7) {transition-delay:.8s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(8) {transition-delay:.85s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(9) {transition-delay:.9s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(10) {transition-delay:.95s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(11) {transition-delay:1s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(12) {transition-delay:1.5s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(13) {transition-delay:1.55s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(14) {transition-delay:1.6s}
.drawer.show .drawer_menu>.drawer_menuul>li:nth-child(15) {transition-delay:1.65s}
.drawer_submenu_button{padding:20px 15px; box-sizing: border-box;}
.drawer_submenu_button .drawer_footBck{width: 100%;}
.drawer_submenufootTbtn{flex:1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding:0 20px; border-left: 1px solid rgba(23, 23, 23, .06);}
.drawer_submenufootTbtn:first-child{border-left-width: 0;}
.drawer_submenufootTbtn svg{width: 16px; height: 16px; float: left;}
.drawer_submenufootTbtn span{display: flex; align-items: center; gap:8px; flex:1;}
.modal_scrollable{ overflow-x: hidden; overflow-y: auto; width: 100%; box-sizing: border-box; flex-grow: 1;}
.drawer_overflowY{overflow-y: auto;}
.drawer_scrollul{display: grid; font-size: 14px; gap:5px;}
.drawer_scrollul li a{position: relative;}
.drawer_scrollul li a:after{content: '';  width: 0; height: 1px; background: #171717; position: absolute; left: 0; bottom: -1px;}
.drawer_scrollul li a:hover:after{width: 100%; transition:width .5s cubic-bezier(.3, 1, .3, 1);}
.drawer_footlink{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.drawer_footlinkico{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.drawer_footlinkico li{ display: flex; align-items: center; flex-wrap: wrap; padding-right: 20px;}
.drawer_footlinkico li svg{width: 20px; height: 20px; color: #171717; float: left;}
.drawer_footlinkico li a{ -webkit-animation-duration: .8s; animation-duration: 0.8s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forward; animation-direction: forward;}
.drawer_footlinkico li a:hover{-webkit-animation-name: socialicon; animation-name: socialicon;}
.drawer_footlogin{font-size: 16px; display: inline-flex; justify-content: center; align-items: center; border:2px #171717 solid; line-height: 28px; padding:5px 20px; border-radius: 50px; position: relative; z-index: 1; overflow: hidden; box-sizing: border-box; gap:8px; background: #171717; color: #fff;}
.drawer_footlogin svg{width: 20px; height: 20px; float: left; stroke-width:1.5px;}
.drawer_footlogin i {width: 150%;height: 200%; display: inline-block; border-radius: 50%; display:block;  position: absolute; left: -25%; bottom: -50%; transition:transform .5s cubic-bezier(.3, 1, .3, 1); transform:translateY(-76%); z-index: -1; background: #fff;}
.drawer_footlogin:hover i{ transform:translateY(0);}
.drawer_footlogin:hover{color: #171717;}
.mobile_bottomnav{display: none;}



.footerTbox{width: 100%; position: relative; z-index: 3; background: #fff; padding:60px 50px; display: flex; flex-wrap: wrap; box-sizing: border-box; border-top: 1px solid rgba(23, 23, 23, .1); border-radius: 0 0 20px 20px;}
.footerTbox dl{ width: 33.33%; box-sizing: border-box; padding:0 30px; display: flex; border-left: 1px solid rgba(23, 23, 23, .1);}
.footerTbox dl:first-child{border-left-width: 0;}
.footerTbox dt{margin-right: 20px;}
.footerTbox dt svg{width: 24px; height: 24px; color:#171717; }
.footerTbox dt svg .fill{ fill: rgba(23, 23, 23, .1);}
.footerTbox dd{flex:1;}
.footerTbox dd h2{font-size: 18px; font-weight: 600;}
.footerTbox dd p{font-size: 14px; margin-top:5px;}
.footerM{width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); background: #1f1f1f; color: #fff; padding:70px 50px; box-sizing: border-box; position: relative; z-index: 1; font-size: 16px; border-radius: 0 0 20px 20px;}
.footerM:before{content: ''; position: absolute; top: -20px; left: 0; right: 0; bottom: 0; z-index: -1; background: #1f1f1f; border-radius: 0 0 20px 20px;}
.footerM a{color: #fff;}
.footer_accordions a{ position: relative;}
.footer_accordions a:after{content: '';  width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: -1px;}
.footer_accordions a:hover:after{width: 100%; transition:width .5s cubic-bezier(.3, 1, .3, 1);}
.footerM_left{display: flex; flex-direction: row; gap: clamp(5rem,8.421vw,10rem); border-right: 1px solid rgba(255, 255, 255, .115);}
.footer_logo img{max-width: 184px;}
.footer_accordions{display: flex; flex-direction: column; flex-grow: 1; gap:3rem;}
.footer_linkbox{display: flex;  flex-wrap: wrap; flex-grow: 1;}
.footer_link{width: 50%; padding-right: 10%; box-sizing: border-box;}
.footer_link_hd{font-size: 24px; font-weight: 600; padding-bottom:20px;}
.footer_link_bd li{padding:5px 0;}
.footer_linkdomain a{font-size: 20px; text-decoration: underline;}
.footer_linkdomain a:hover{text-decoration:none;}
.footerM_right{padding:0 10%; display: flex; flex-direction:column;}
.footer_newsletter{ display: flex; flex-direction:column; flex-grow: 1; gap:20px;}
.footer_newsletter{font-size: clamp(1.5rem, .6307rem + 1.3636vw, 2.25rem); font-weight: 600;}
.footer_newsletter_form{position: relative;}
.footer_newsletter_inp{background: rgba(255,255,255,0.05); color: #fff; font-size: 16px; border:0 none; border-radius: 10px; padding:0 20px; width: 100%; box-sizing: border-box; height: 60px; line-height: 60px;}
.footer_newsletter_btn{width: 40px; height: 40px; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; right: 15px; background: #fff;}
.footer_newsletter_btn svg{width: 16px; height: 16px; color: #171717;}
.footer_socials ul{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.footer_socials li{ display: flex; align-items: center; flex-wrap: wrap; padding-right: 25px;}
.footer_socials li svg{width: 24px; height: 24px; color: #fff; float: left;}
.footer_socials li a{ -webkit-animation-duration: .8s; animation-duration: 0.8s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forward; animation-direction: forward;}
.footer_socials li a:hover{-webkit-animation-name: socialicon; animation-name: socialicon;}
.footerB{width: 100%; background: #171717; color: #fff; padding:30px 50px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; font-size: 14px; position: relative;}
.footerB:before{content: ''; position: absolute; top: -20px; left: 0; right: 0; bottom: 0; z-index: -1; background: #171717;}
.footerB a{color: #fff;}
.footer_payment ul{display: flex; flex-wrap:wrap; justify-content: center; gap:10px;}
.footer_localization{display: flex; align-items: center; gap:10px;}
.footer_localization_box{position: relative; height: 100%;}
.footer_localization_btn{display: flex; align-items: center; gap: 10px; height: 45px; border-radius: 45px; border: 1px solid rgba(255,255,255, .115); padding:0 20px;}
.footer_localization_btn svg{width: 16px; height: 16px;}
.footer_localization_box select{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0;}





@keyframes socialicon{
	0% {
	    transform: translate(0,0);
	}
	33% {
		transform: translate(1px,3px);
	}
	66% {
	    transform: translate(-1px,-1px);
	}
	100% {
	    transform: translate(0,0);
	}
}


@media all and (max-width:1280px) {
	.tcolumn_ico{display: none;}
	.footerM{grid-template-columns: repeat(1,minmax(0,1fr));}
	.footerM_left{border-right-width: 0;}
	.footer_accordions{flex-direction:row;}
	.footerM_right{padding:40px 0 0; margin-top:40px; border-top: 1px solid rgba(255, 255, 255, .115);flex-direction:row;}
	.footer_newsletter_form{max-width: 450px;}
	
	
}

@media all and (max-width:1024px) {
	body.modal_hide{padding-right: 0;}
	body.modal_hide .header.fix .header_content{right: 0;}
	.topbar{padding:0 15px; grid-template:none;}
	.top_social_icon, .top_column,.head_menu, .head_icons .head_loginbtn{display: none;}
	.header_content{grid-template: "tools logo icons" /minmax(0, 1fr) auto minmax(0, 1fr); padding:0 15px;}
	.head_icons.icons_start{display: block;}
	.drawer_head{padding: 25px 20px 20px;}
	.drawer_tabhd ul{font-size: 24px;}
	.drawer_footB{padding:20px;}
	.drawer_cartlist{padding:20px 20px;}
	.modal_header{padding: 20px 20px 5px;}
	.modal_content{padding: 10px 20px 30px;}
	.drawer_searchbox{padding:20px;}
	.footerM{padding:50px 20px;}
	.footer_logo img{max-width: 138px;}
	.footer_linkdomain{font-size: 16px;}
	.footer_link{padding-right: 5%;}
	.footerB{padding:30px 20px 90px; flex-direction: column; gap:20px; font-size: 13px;}
	.footer_copyright{order: 3;}
	.footer_localization{flex-direction: column;}
	.footer_payment li svg{width: 32px;}
	.goods_button{opacity: 1; justify-content: flex-end; padding:0 10px;}
	.goods_btn{padding:0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;}
	.goods_btn span{display: none;}
	.goods_btn svg{display: block;}
	.goods_btn:hover svg{color: #171717;}
	.goods_rating{top: 10px; right: 10px; padding:8px 10px;}
	.goods_ratingbox{ font-size: 10px;}
	.goods_ratingbox img{width: 10px; height: 10px; margin:0 2px 0 0;}
	.goods_badge{top: 10px; left: 10px; font-size: 12px;}
	.goods_info{padding:15px 10px;}

	
	

	
	
}

@media all and (min-width:0) and (max-width:768px) {
	.top_announcement svg{display: none;}
	.head_logo img{max-width: 120px;}
	.drawer_tabhd ul{font-size: 20px;}
	.drawer_cartdl{padding:15px 0;}
	.drawer_cartdt{width: 80px; height: 80px; margin-right:15px;}
	.drawer_cartadd span em{display: none;}
	.goods{border-radius: 10px;}
	.goods_spec{border-radius:0 0 10px 10px;}
	.goods_info{flex-direction: column; gap:10px;}
	.goods_price{display: flex; flex-wrap:wrap; text-align: left; gap:8px; line-height: 1;}
	.goods_numberinp .layui-input-wrap .layui-input-split{display: none;}
	.goods_numberinp .layui-input{width: 60px; height: 40px; line-height: 40px;}
	.goods_numberinp .layui-input-wrap .layui-input{padding:0 10px;}
	.goods_specbox{padding:10px;}
	.goods_specbox dl{flex-direction:column; justify-content: center; text-align: center; gap:3px; padding:0 3%;}
	.goods_specbox dl dt{width: 18px; height: 18px;}
	.goods_specbox dl dd{ justify-content: center; gap:0;}
	.drawer_footBt, .drawer_footBbtn, .drawer_footlogin{font-size: 14px;}
	.drawer_footBtotals span{font-size: 16px;}
	.drawer_footBck, .drawer_footBgwc {grid-column: span 6/span 6;}
	.drawer_submenufootTbtn span svg{display: none;}
	.footerM_left, .footer_accordions, .footerM_right, .footer_linkbox{flex-direction:column;}
	.footerM_left{gap:40px;}
	.footer_accordions{gap:30px;}
	.footer_socials{margin-top:25px;}
	.footer_newsletter{font-size: 18px;}
	.footerM{font-size: 14px;}
	.footer_linkbox{border-radius: 10px; border:1px solid rgba(255,255,255,.115); box-sizing: border-box;}
	.footer_link{ border-bottom:1px solid rgba(255,255,255,.115); width: 100%; padding:0;}
	.footer_link:last-child{border-bottom-width: 0;}
	.footer_link_hd{padding:15px 20px; font-size: 16px; position: relative;}
	.footer_link_hd:before{content: ''; width: 6px; height: 6px; position: absolute; top: 20px; right: 25px; transform: rotate(45deg); border-bottom: 1.5px solid #fff; border-right: 1.5px solid #fff;}
	.footer_link.hide .footer_link_hd:before{transform: rotate(225deg); top: 25px;}
	.footer_link_bd{padding:0 20px 15px;}
	.footer_link_bd li{padding:5px 0;}
	.footerTbox{padding:20px;}
	.footerTbox dl{width: 100%; border-left-width: 0; padding:10px 0;}













	
}
@media all and (max-width:640px) {
	.header, .header_content{height: 80px;}
	.head_botbox{top: 80px;}
	.header.fix .header_content{transform: translateY(0);}
	.header.fix.hide .header_content{transform:translateY(calc(-100% - 20px));}
	.header_content:before{border-radius: 15px 15px 0 0;}

	.drawer_body{ max-height: calc(100% - 60px); border-radius: 1.25rem 1.25rem 0 0; max-width: none;}
	.drawer_fixleft, .drawer_fixright{transform: translate(0, 100%);}
	.drawer.show .drawer_body{transform: translateY(0%);}
	.drawer_head .drawer_colse{display: none;}
	.drawer_head{position: relative;}
	.drawer_head:before{content: ''; width: 48px; height: 4px; border-radius: 4px; background: rgba(23, 23, 23,.1); position: absolute; top: 10px; left: 50%; transform: translateX(-50%);}
	.mobile_bottomnav{display: flex; padding:10px 0; border-radius: 12px 12px 0 0; border-top: 1px solid rgb(0, 0, 0, .06); transition: transform .5s cubic-bezier(.3, 1, .3, 1); position: fixed; left: 0; right: 0; bottom: 0; background: #fff; z-index: 90; transform: translateY(100%);}
	.mobile_bottomnav_a{flex:1; text-align: center; display: flex; flex-direction: column; gap:5px; justify-content: center; align-items: center; text-align: center;}
	.mobile_bottomnav_a svg{width: 20px; height: 20px; float: left;}
	.mobile_bottomnav_a span{display: inline-block; position: relative;}
	.mobile_bottomnav_a span i{position: absolute; top: -8px; left: 20px;}
	.mobile_bottomnav_a em{display: block;}
	.mobile_bottomnav.open{ transform: translateY(0)}
	.goods_badge{padding:6px 10px;}
	.goods_rating{padding:6px 8px;}
}