/* 技术支持 开元（重庆）科技有限公司 */
.banner{position: relative; width: 100%; overflow: hidden;}
.banner .banswiper{width: 100%; margin-left: auto; margin-right: auto; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block;}
.banner .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}
.banner .swiper-slide img, .banner .swiper-slide video{display: block; width: 100%;  height: 100%;  object-fit: cover;}
.banner .swiper-horizontal { touch-action: pan-y;}
.banner .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.banner .swiper-android .swiper-slide, .banner .swiper-ios .swiper-slide, .banner .swiper-wrapper { transform: translate3d(0px,0,0);}
.banner .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.banner .banswiper .swiper-slide{width: 100%; height: 100%;box-sizing: border-box; transform: translateX(-1rem);}
.banner .banswiper .swiper-slide.swiper-slide-active{ padding:0 40px; transform: translateX(0);}
.banner .banswiper .swiper-slide.swiper-slide-prev{transform: translateX(15px);}
.banner .banswiper .swiper-slide:last-child.swiper-slide-next{ transform: translateX(-15px); }
.banner .banswiper .swiper-slide:first-child.swiper-slide-next{ transform: translateX(15px); }
.banner .banswiperbox{width: 100%; height: 700px; border-radius: 20px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative;}
.banner .ban_pagination{position:absolute; bottom:60px; left:0; width:100%; text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:3;}
.banner .swiper-pagination-bullet {width:5px;height:5px;display:inline-block;border-radius:8px; background:#fff; margin:0 10px; cursor:pointer;}
.banner .swiper-pagination-bullet-active {background: transparent; box-shadow: 0 0 0 2px rgb(255,255,255);}
.banner .ban_next, .banner .ban_prev {position:absolute; bottom:60px; display:block; cursor:pointer; z-index: 2;}
.banner .ban_next svg, .banner .ban_prev svg{width: 32px; height: 32px; color: #fff; stroke-width:1.5px;}
.banner .ban_prev{left:8%;}
.banner .ban_next{right:8%;}
.banner .banswipertxt{position: absolute; left: 8%; right:8%; bottom: 110px; z-index: 2; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff;}
.banner .banswipertxt .swiper-slide .bantxtbox{opacity: 0; width: 100%;}
.banner .banswipertxt .swiper-slide.swiper-slide-active .bantxtbox{opacity: 1; position: relative; z-index: 2;}
.banner .bantxtbox{ display: flex; justify-content: space-between; align-items: center;}
.banner .ban_title{overflow: hidden; display: flex;}
.banner .ban_title span{font-weight: 600; opacity: 0; transform: translateY(100%); transition:.8s cubic-bezier(.7,0,.2,1); transition-property: opacity,transform;  white-space: nowrap; overflow: hidden;}
.banner .swiper-slide-active .ban_title span{ opacity: 1;  transform: translateY(0);}
.ban_shopping{display: inline-block; padding:0 30px; min-width: 140px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px; overflow: hidden; border: 2px solid rgba(23, 23, 23, .06); position: relative; cursor: pointer; background: #fff; font-size: 16px; box-sizing: border-box;}
.ban_shopping 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%);}
.ban_shopping span{position: relative; z-index: 2;}
.ban_shopping:hover{color: #fff;}
.ban_shopping:hover i{ transform:translateY(0);}
.icontent{padding-top: 80px; width: 100%;}
.plr50{padding:0 50px; box-sizing: border-box;}
.ict1_hd{width: 100%; display: flex; justify-content: space-between;}
.ict1_hdL{width: 40%;}
.ict1_hdR{width: 55%;font-size: 16px;}
.icttitle{ font-weight: 600; line-height: 1;}
.icttitle span{display: inline-block; position: relative; z-index:1;}
.icttitle span svg{width: 100%; height: 30%; position: absolute; left: 0; bottom: -20%; z-index: -1; stroke:rgb(255, 221, 191);}
.ictsubtitle{margin-top:30px; font-size: 16px;}
.ict1_hdLbtn{display: inline-block; padding:0 30px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; background: #fff; font-size: 16px; margin-top:40px;}
.ict1_hdLbtn:hover{color: #fff;}
.ict1_hdLbtn span{ display: flex; align-items: center; gap:10px;}
.ict1_hdLbtn span svg{width: 20px; height: 20px;}
.hoverbtn 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%);}
.hoverbtn span{position: relative; z-index: 2;}
.hoverbtn:hover i{ transform:translateY(0);}
.hoverbtnb i{width: 150%;height: 200%; display: inline-block; 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%);}
.hoverbtnb span{position: relative; z-index: 2;}
.hoverbtnb:hover i{ transform:translateY(0);}
.dtitle{font-size: clamp(2rem, 3.368vw, 4rem);}
.ict1_bd{margin:40px -0.75vw 0;}
.ict1coll{ width: 100%; height: 100%; position: relative; overflow: hidden; overflow: clip; list-style: none; z-index: 1; display: block; box-sizing: border-box;}
.ict1coll .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform;  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;align-items: stretch;}
.ict1coll.swiper-android .swiper-slide, .ict1coll.swiper-ios .swiper-slide, .ict1coll .swiper-wrapper { transform: translate3d(0px,0,0);}
.ict1coll.swiper-horizontal { touch-action: pan-y;}
.ict1coll .swiper-slide {flex-shrink: 0; width: 25%; padding:0 0.75vw; box-sizing: border-box; height: auto; position: relative; transition-property: transform; display: flex; }

.ict1coll_next, .ict1coll_prev{position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width:54px; height: 54px; border-radius: 54px; color: #fff; background: #171717; opacity: 0.7; display: flex; justify-content: center; align-items: center; cursor: pointer;  z-index: 5; overflow: hidden; box-shadow: 0 0 0 1px #171717; display: none;}
.ict1coll_next:hover, .ict1coll_prev:hover{color: #171717; background: none;}
.ict1coll_prev{left: 8%;}
.ict1coll_next{right: 8%;}
.ict1coll_next.swiper-button-disabled, .ict1coll_prev.swiper-button-disabled{opacity: .35; cursor: auto; pointer-events: none; opacity: 0;}
.ict1coll_next svg, .ict1coll_prev svg{width: 22px; height: 22px; stroke-width:2; float: left;}
.ict1coll_box{ display: flex; flex-direction:column; width: 100%; position: relative; border-radius: 20px; overflow: hidden; background: #fafafa;}
.ict1coll_img{width: 100%; padding-bottom:100%; position: relative; overflow: hidden;}
.ict1coll_img img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition:transform .5s cubic-bezier(.3, 1, .3, 1);}
.ict1coll_info{padding:15px 30px 30px; display: flex; align-items: center;}
.ict1coll_info dt{flex:1;}
.ict1coll_info dt h2 span{font-size: 24px; font-weight: 600; position: relative; 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);}
.ict1coll_info dt h2 span .count{position: absolute; left: 100%; top: -5px; font-size: 12px; font-weight: normal; line-height: 1;}
.ict1coll_info dt p{font-size:15px; margin-top: 5px;}
.ict1coll_info dd svg{width: 20px; height: 20px; transition: transform .5s cubic-bezier(.3, 1, .3, 1);}
.ict1coll_box:hover .ict1coll_img img{transform: scale(1.1);}
.ict1coll_box:hover .ict1coll_info dt h2 span{background-position-x: left; background-size: 100% 1px;}
.ict1coll_box:hover .ict1coll_info dd svg{ transform: rotate(90deg);}
.ict1coll .swiper-slide:first-child .ict1coll_info{position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; color: #fff;}
.ict1coll .swiper-slide:first-child .ict1coll_img{ height: 100%; padding-bottom:0; display: flex; }
.ict1coll .swiper-slide:first-child .ict1coll_info dt h2 span{ --reversed-link-gap: min(100%, 1.35em); background: linear-gradient(to right,#fff,#fff) 0 var(--reversed-link-gap)/0 1px no-repeat; background-position-x: left;}
.ict1coll .swiper-slide:first-child .ict1coll_box:hover .ict1coll_info dt h2 span{background-position-x: left; background-size: 100% 1px;}
.ict1coll:hover .ict1coll_next, .ict1coll:hover .ict1coll_prev{display: flex;}
.iprolist{margin-top:50px;}
.iprolist ul{display: grid; gap:1.263vw; --card-grid-per-row: 4;  --card-grid-template: auto-flow dense/repeat(var(--card-grid-per-row), minmax(0, 1fr));
    gap:1.5vw; grid: var(--card-grid-template);}
.scrollbar::-webkit-scrollbar {height:10px;width:10px;display:none}
.morebtnbox{margin-top:40px; text-align: center;}
.morebtn{display: inline-flex; justify-content: center; padding:0 30px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; background: #171717; font-size: 16px;color: #fff;}
.morebtn:hover{color: #171717;}
.morebtn span{ display: flex; align-items: center; gap:10px;}
.morebtn span svg{width: 20px; height: 20px;}

.ictpro_hd{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.ictpro_jtbox{display: flex; gap:20px;}
.ictpro_bd{ height: 100%; position: relative; list-style: none; z-index: 1; display: block; box-sizing: border-box; margin:40px -0.75vw 0;}
.ictpro_bd .swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform;  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;align-items: stretch;}
.ictpro_bd.swiper-android .swiper-slide, .ictpro_bd.swiper-ios .swiper-slide, .ictpro_bd .swiper-wrapper { transform: translate3d(0px,0,0);}
.ictpro_bd.swiper-horizontal { touch-action: pan-y;}
.ictpro_bd .swiper-slide {flex-shrink: 0; width: 25%; padding:0 0.75vw; box-sizing: border-box; height: auto; position: relative; transition-property: transform; display: flex;}
.ictpro_bd .swiper-slide .goods{flex-grow: 1;}
.ictpro_next, .ictpro_prev{position: relative; width:54px; height: 54px; border-radius: 54px; color: #171717; display: flex; justify-content: center; align-items: center; cursor: pointer;  z-index: 5; overflow: hidden; box-shadow: 0 0 0 1px #171717;}
.ictpro_next:hover, .ictpro_prev:hover{color: #fff; background: none;}
.ictpro_next.swiper-button-disabled, .ictpro_prev.swiper-button-disabled{opacity: .35; cursor: auto; pointer-events: none; opacity: 0.3;}
.ictpro_next svg, .ictpro_prev svg{width: 22px; height: 22px; stroke-width:2; float: left;}
.ictpro_next.swiper-button-disabled i, .ictpro_prev.swiper-button-disabled i{display: none;}
.iprocompact{display: grid; grid-template-columns: minmax(0,.55fr) minmax(0,1fr); gap:2.5rem; position: relative;}
.iprocompact_l{display: flex; border-radius: 20px; overflow: hidden; position: relative;}
.iprocompact_limg{width: 100%; padding-bottom:2.105vw; position: relative; }
.iprocompact_limg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.iprocompact_linfo{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding:2.105vw; color: #fff; text-align: center;}
.iprocompact_linfo h2{font-size: 3.368vw; font-weight: bold;}
.iprocompact_linfo p{font-size: 1.052vw;}
.iprocompact_r{display: flex;flex-direction: column; gap:2.5rem;}
.iprocompact_goods{position: relative;}
.iprocompact_rbox{display: grid; gap:2.5rem; grid:var(--card-grid-template); --card-grid-template: auto / auto-flow 300px; overflow-x: auto;
    overflow-y: hidden;}
.iprocompact_rbtn a{width: 100%; box-sizing: border-box; text-align: center;}
.iprocompact_rbtn a span{justify-content: center;}
.iprocompact_rbox .jiaicon{ position: absolute;  left: -2.2rem; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem;}

.ireviews_black{ position: relative; margin: 40px 10vw 0;}
.ireviews{margin-left: auto; margin-right: auto; overflow: hidden; list-style: none; z-index: 1; width: 100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.ireviews .swiper-wrapper {  position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;  transform: translate3d(0px,0,0); align-items: stretch;}
.ireviews .swiper-slide {flex-shrink: 0; width: 20%; height: auto; position: relative; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms;padding:40px 8px; box-sizing: border-box; display: flex;}
.ireviews .swiper-slide-prev, .ireviews .swiper-slide-next{ padding:20px 8px;}
.ireviews .swiper-slide-active, .ireviews .swiper-slide-duplicate-active{ padding:0 8px;}
.ireviews_prev, .ireviews_next{position: absolute; width: 46px; height: 46px; border-radius: 46px; top: 50%; transform: translateY(-50%);  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%); -moz-transform: translateY(-50%); cursor: pointer; box-shadow:rgba(0, 0, 0, 0.12) 0px 2.737px 12.775px -1.825px; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 3;}
.ireviews_prev{left: -10px;}
.ireviews_next{right: -10px;}
.ireviews_prev svg, .ireviews_next svg{width: 22px; height: 22px;}
.ireviews_prev:hover, .ireviews_next:hover{background: #eaeaed;}
.ireviewsBox{display: flex; width: 100%; height: 100%; position: relative; border-radius: 20px; overflow: hidden;}
.ireviewsvideo{display: flex; width: 100%; padding-bottom:160%;}
.ireviewsvideo video{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2;}
.ireviewsimg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3;}
.ireviewsimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.ireviews_detail{position: absolute; left: 0; right: 0; bottom: 0; padding: 64px 0px 16px; display: flex; flex-direction: column; gap: 4px; z-index: 5; color: #fff;}
.ireviews_name{font-size: 16px; display: flex; justify-content: center; align-items: center;}
.ireviews_name svg{width: 16px; height: 16px; float: left;}
.ireviews_rating{display: flex; justify-content: center; align-items: center; gap:2px;}
.ireviews_rating img{width: 20px; height: 20px;}
.ireviewsvideo_btn{position: absolute; left: 50%; top: 50%; z-index: 4; width: 50px; height: 50px; border-radius: 50px; background: rgba(0,0,0,0.5); border:2px #fff solid; display: flex; justify-content: center; align-items: center; transform: translate(-50%,-50%); color: #fff;}
.ireviewsvideo_btn svg{width: 22px; height: 22px;}
.ireviews .swiper-slide-active .ireviewsimg{z-index: 1;}
.ireviews .swiper-slide.video-show-controls .ireviewsvideo video{z-index: 10;}
.ihero_videocont{width: 100%; position: relative;}
.ihero_videobox{width: 100%; height: 600px; position: relative; border-radius: 25px 25px 0 0; overflow: hidden;}
.ihero_video{height: 100%; width: 100%;}
.ihero_video video{width: 100%; height: 100%; object-fit: cover;}
.ihero_videobtn{position: absolute; right: 20px; bottom: 20px; background: rgba(255,255,255,0.7); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); display: flex; justify-content: center; align-items: center; z-index: 3; width: 48px; height: 48px; border-radius: 48px; cursor: pointer;}
.ihero_videobtn svg{width: 16px; height: 16px;}
.ihero_videobtn .ihero_videobtn_play{display: none;}
.ihero_videobtn .ihero_videobtn_pause{display: block;}
.ihero_videobtn.paused {background: #fff;}
.ihero_videobtn.paused .ihero_videobtn_play{display: block; }
.ihero_videobtn.paused .ihero_videobtn_pause{display: none;}
.ihero_videobtn.paused:hover .ihero_videobtn_play{animation: iherovideo 0.6s ease-in-out infinite;}
@keyframes iherovideo {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
.ihero_info{ position: absolute; top: 0; left: 0; z-index: 2; color: #fff; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.ihero_infobox{ max-width: 58rem; width: 80%; text-align: center;}
.ihero_info .morebtnbox .morebtn{background: #fff; color: #171717; border-color: #fff; min-width: 140px;}
.ihero_info .morebtnbox .morebtn:hover{color: #fff;}
.ihero_info .ictsubtitle{opacity: 0.6;}
.iblog_list{padding:40px 0 80px; display: grid; gap:3.5vw;  grid: var(--card-grid-template); --card-grid-template: auto-flow dense/repeat(var(--card-grid-per-row), minmax(0, 1fr)); --card-grid-per-row: 4;}
.blog{display: flex; flex-direction: column; gap:2rem; position: relative;}
.blog_card{position: relative; width: 100%; padding-bottom: 68%; border-radius: 20px; overflow: hidden;}
.blog_img 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;}
.blog_img:hover img{ transform: scale(1.05);}
.blog_lable{position: absolute; top: 20px; left: 20px; z-index: 2; display: grid; gap:0.75rem;}
.blog_lable a{ padding:8px 15px; border-radius: 40px; color: #fff; background: #171717; display: inline-block; font-size: 14px; width: max-content;transition:.5s cubic-bezier(.3, 1, .3, 1); transition-property: transform; transform: scale(1);}
.blog_lable a:hover{transform: scale(1.05);}
.blog_content{ display: flex; flex-direction: column; gap:2rem;}
.blog_grid{ display: flex; flex-direction: column; gap:1.25rem;}
.blog_title{font-size: 22px; font-weight: 500; line-height: 1.25;}
.alinktxt{--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);}
.alinktxt:hover{ background-position-x: left; background-size: 100% 1px;}
.blog_txt{font-size: 16px;}
.blog_btn a{font-size: 16px; line-height: 1.6; display: inline-block; 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);}
.blog_btn a:hover{background-position-x:right;background-size:0 1px;}
.blog_info{display: flex; gap:15px; flex-wrap: wrap;}
.blog_info p{display: inline-flex; padding-right: 15px; align-items: center; gap:5px; position: relative;}
.blog_info p svg{width: 16px; height: 16px;}
.blog_info p:after{content: ''; width: 1px; height: 16px; position: absolute; right: 0; top: 1px; background: #171717; opacity: 0.3;}
.blog_info p:last-child{padding-right: 0;}
.blog_info p:last-child:after{display: none;}
.section{width: 100%;}
.pad80{padding:80px 0;}
.detail_titlle{font-size: 6.737vw; font-weight: 600; line-height: 1;}
.list_subcollections{text-align: center; font-size:22px; font-weight: 500; margin-top:30px;}
.list_subcollections h3{display: none;}
.list_subcollections ul{display: inline-flex;max-width: 100%;flex-wrap: wrap; justify-content: center;}
.list_subcollections ul li{padding:2px 20px; position: relative; box-sizing: border-box;}
.list_subcollections ul li:before{content: ""; background-color: #171717; height: 40%; width: 1px; top: 30%;left: 0; opacity: .3;  position: absolute; transform: translateY(5%) rotate(25deg);}
.list_subcollections ul li:first-child:before{display: none;}
.list_subcollections ul li a{ opacity: .3; position: relative;}
.list_subcollections ul li a:after{content: ""; background-color: #171717; display: block; height: 2px; width: 100%; bottom: -0.15em;
    left: 50%; position: absolute; transform: translate(calc(-50% * 1),-50%) scaleX(var(--tw-scale-x)); --tw-scale-x: 0;
    transition: transform .3s cubic-bezier(.7, 0, .3, 1);}
.list_subcollections ul li:hover a, .list_subcollections ul li.active a{ opacity: 1;}
.list_subcollections ul li.active a:after{--tw-scale-x: 1;}
.list_subcollections ul li.active:hover a:after{--tw-scale-x: 0;}
.news_list{display: grid; --card-grid-per-row: 3; --card-grid-template: auto-flow dense/repeat(var(--card-grid-per-row), minmax(0, 1fr)); grid: var(--card-grid-template); gap: clamp(40px, 3.5vw, 60px); grid-template-rows: 1fr 1fr; grid-template-columns: repeat(24,minmax(0,1fr)); margin-top:40px;}
.news_list .blog{grid-column: span 8;}
.news_list .blog:nth-child(1){grid-column: span 14; grid-row: span 2;}
.news_list .blog:nth-child(1) .blog_card{ padding-bottom: 0; height: 100%; min-height: 40vw;}
.news_list .blog:nth-child(1) a, .news_list .blog:nth-child(1) a:hover{color: #fff;}
.news_list .blog:nth-child(1) .blog_info p:after{background: #fff;}
.news_list .blog:nth-child(1) .alinktxt{background: linear-gradient(to right,#fff,#fff) 0 var(--reversed-link-gap)/0 1px no-repeat;
    background-position-x: left;}
.news_list .blog:nth-child(1) .alinktxt:hover{ background-position-x: left; background-size: 100% 1px;}
.news_list .blog:nth-child(1) .blog_title{font-size: 2.526vw;}
.news_list .blog:nth-child(1) .blog_btn a{background: linear-gradient(#fff,#fff) 0 min(100%,1.35em)/100% 1px no-repeat; background-position-x: left;}
.news_list .blog:nth-child(1) .blog_btn a:hover{background-position-x:right;background-size:0 1px;}
.news_list .blog:nth-child(1) .blog_content{position: absolute; left: 3.5vw; right:3.5vw; bottom: 3.5vw; color: #fff; }
.news_list .blog:nth-child(2), .news_list .blog:nth-child(3){ grid-column: span 10; flex-direction: row;}
.news_list .blog:nth-child(2) .blog_card, .news_list .blog:nth-child(3) .blog_card{flex: 0 0 40%; padding-bottom: 0; height: 100%;}
.news_list .blog:nth-child(3){padding-top:3vw;}
.news_list .blog:nth-child(3):before{content: ''; position: absolute; left: 0; top:0; width: 100%; height: 1px; background: rgba(23, 23, 23,.1);}
.pagination{margin-top:3.5vw; display: flex; justify-content: center; flex-wrap:wrap; gap:10px; font-weight: 500; font-size: 16px;}
.pages_flex, .pages_udflex{display: flex; justify-content: center; align-items: center; gap:0.5rem;}
.pages_flex{ width: 48px; height: 48px; border-radius: 48px;}
.pages_udflex svg{width: 20px; height: 20px;}
.pages_flex.current{background: #171717; color: #fff;}
.page_article{max-width: 70rem; width: 100%; margin:0 auto;}
.mgt50{ margin-top:50px;}
.article_content{font-size: 16px; line-height: 1.6;}
.nbanner{width: 100%; position: relative; height: 600px;}
.nbanner_img{width: 100%; height: calc(100% + 20px); border-radius: 20px 20px 0 0; overflow: hidden;}
.nbanner_img img{width: 100%; height: 100%; object-fit: cover; margin:auto; border-radius: 20px 20px 0 0;}
.banner_overlay{position: absolute; width: 100%; height: calc(100% + 20px); top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4);}
.nbanner_box{position: absolute; left: 0; bottom: 0; padding:50px; color: #fff;}
.breadcrumb ul{display: inline-flex; font-size:16px; gap:20px; padding:30px 0;}
.breadcrumb ul li{display: flex; align-items: center; position: relative; gap:20px;}
.breadcrumb ul li svg{width: 20px; height: 20px; transition: fill .3s cubic-bezier(.7, 0, .3, 1); float: left;stroke-width:1.5px;}
.breadcrumb ul li a:hover svg{fill: #fff;}
.breadcrumb a{color: #fff;}
.breadcrumb li+li:before{content: ''; width: 1px; height: 60%; background: rgba(255,255,255,0.2); transform: translateY(5%) rotate(25deg);}
.ncontent{background: #fff; border-radius: 20px 20px 0 0; position: relative;z-index: 1;}
.goods_list{padding:40px 0;}
.goods_list ul{display: grid; gap:1.263vw; --card-grid-per-row: 5;  --card-grid-template: auto-flow dense/repeat(var(--card-grid-per-row), minmax(0, 1fr)); gap:1.5vw; grid: var(--card-grid-template);}
.list_topbar{padding:40px 0 0; display: flex; gap:20px; align-items: center; transition: .5s cubic-bezier(.3, 1, .3, 1); transition-property: opacity,transform, opacity, visibility;}
.list_topbar .hoverbtn{display: inline-flex; justify-content: center; padding:0 30px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; background: #fff; font-size: 16px;color: #171717;}
.list_topbar .hoverbtn:hover{color: #fff;}
.list_topbar .hoverbtn span{ display: flex; align-items: center; gap:10px;}
.list_topbar .hoverbtn span svg{width: 20px; height: 20px; stroke-width:1.5px;}
.list_sort{display:inline-flex; align-items: center; gap:20px; font-size: 16px; margin-inline-start: auto;}
.list_sortWrapper{width: auto; height: 54px; position: relative; transition: width 0.3s ease !important;}
.list_sortWrapper .list_sortbtn{position: absolute; top: 0; right: 0; z-index: 5; height: 100%; box-sizing: border-box; transition: .5s cubic-bezier(.3, 1, .3, 1); transition-property: box-shadow,width,height;}
.list_sortbutton{display: flex; justify-content: center; align-items: center; white-space: nowrap; min-width: 120px;}
.list_sortbutton svg{float: left;}
.list_sortpoptitle{display: none;}
.listsortpop_close{position: relative; z-index: 5; width: 6px; height: 6px; border-radius: 50%; background: #171717; transition: width .5s cubic-bezier(.3, 1, .3, 1),height .5s cubic-bezier(.3, 1, .3, 1),background ease-in-out .3s;}
.list_sortbox .list_sortbutton .listsortpop_close svg{display: none; width: 1.25rem; height: 1.25rem; transition: transform .5s cubic-bezier(.3, 1, .3, 1);}
.list_sortbtn:hover .listsortpop_close{background: #fff;}
.list_sortbox{display: flex; flex-direction: column; width: 100%;}
.list_sortbtn .listsortpop{position: relative; z-index: 5; line-height: 30px; text-align: center; display: flex; flex-direction: column; gap:10px; text-align: left; font-size: 20px; padding:10px 0;}
.list_sortbtn .listsortpop a, .list_sortbtn:hover .listsortpop a{color: #fff !important; position: relative;}
.list_sortbtn .listsortpop a:before{content: '';  width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: -3px;}
.list_sortbtn .listsortpop a:hover:before{width: 100%; transition:width .5s cubic-bezier(.3, 1, .3, 1);}
.list_sortbtn .listsortpop li.active a{opacity: 0.4;}
.list_sortbtn .listsortpop li.active a:before{display: none;}
.list_sortbtn.open{width: 320px; border-radius: 30px; background: #171717; color: #fff; padding:20px 25px 25px;}
.list_sortWrapper .list_sortbtn.open{height: auto;}
.list_sortbtn.open .list_sortbutton{display: flex; width: 100%; justify-content: space-between;}
.list_sortbtn.open .list_sortactive{display: none;}
.list_sortbtn.open .list_sortpoptitle{display: block; opacity: 0.4; font-size: 14px;}
.list_sortbtn.open .listsortpop_close{width: 40px; height: 40px; border-radius: 40px; background: #fff; display: flex; justify-content: center; align-items: center;}
.list_sortbtn.open .list_sortbox .list_sortbutton .listsortpop_close svg{display: block; color: #171717;}
.drawer_selectbox{position: relative; width: 100%;}
.drawer_select{position: relative; z-index: 2; width: 100%; box-sizing: border-box; border:0 none; background: rgba(23, 23, 23,0.025); border-radius: 10px; padding:15px 20px 0;height: 60px; line-height: 45px; font-size: 16px;-webkit-appearance: none;appearance: none;}
.drawer_selectbox em{position: absolute; top: 8px; left: 20px; opacity: 0.4; font-size: 11px;}
.drawer_selectbox svg{width: 20px; height: 20px; position: absolute; top: 18px; right: 20px; transform: rotate(180deg);}
.drawer_filtercontent{width: 100%; display: flex; flex-direction: column;}
.drawer_filter_submit{margin-top:auto; display: flex; justify-content: center; align-items: center; padding:0 30px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; background: #171717; font-size: 16px;color: #fff;}
.drawer_filter_submit:hover{color: #171717;}
.drawer_filter_submit span{ display: flex; align-items: center; gap:10px;}
.drawer_formbox{border-bottom: 1px solid rgba(23, 23, 23,.1); width: 100%; padding-bottom:30px;}
.drawer_filterlist{margin-top: 20px;}
.drawer_filterlist dl{width: 100%;padding:10px 0; display: flex; justify-content: space-between; align-items: center; font-size: 16px;}
.goodlistcontent{z-index: 3;}

.toggle-switch {position: relative;display: inline-block;width: 46px;height: 26px;cursor: pointer; box-sizing: border-box;}
.toggle-switch input {opacity: 0; width: 0; height: 0;}
.toggle-slider {position: absolute; top: 0; left: 0; right: 0; bottom: 0; border:1px solid #bcbcbc; background: #fff; border-radius: 30px; transition: background 0.3s ease;}
.toggle-slider:before{ position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background: #bcbcbc; border-radius: 50%;
  transition: transform 0.3s ease;}
.toggle-switch input:checked + .toggle-slider{background: #171717; border-color:#171717;}
.toggle-switch input:checked + .toggle-slider:before{background: #fff; transform: translateX(20px); }
.toggle-slider:hover{ border-color:#171717;}
.news_nbanner{width: 100%; position: relative; height: 750px;}
.news_nbancontent{ width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding:92px 0 0;}
.news_nbanbox{ width: 100%; max-width: 70rem; margin:auto; color: #fff; display: flex; flex-direction: column; gap:1.25rem; padding:50px; box-sizing: border-box;}
.news_nbaninfo{ display: flex; flex-direction: column; gap:1rem;}
.news_nban_lable{ display: flex; gap:1rem; flex-wrap:wrap; align-items: center;}
.news_nban_lable a{background: #fff; padding:6px 15px; display: inline-block; border-radius: 30px; width: max-content;transition:.5s cubic-bezier(.3, 1, .3, 1); transition-property: transform; transform: scale(1);}
.news_nban_lable a:hover{transform: scale(1.05);}
.dnews_nban_titlle{font-size: 4vw; font-weight: 600; line-height: 1;}
.nctbgh{background: #fafafa; border-radius: 20px;}
.newsnWidth{width: 100%; max-width: 70rem; margin:auto;}
.turnthepage ul{ display: grid; gap:1.25rem; grid-template-columns: repeat(2,minmax(0,1fr));}
.turnthepage ul li{background: #fff; border-radius: 20px; padding:30px; display: flex; gap:1.25rem;}
.turnthepage ul li .iconsvg{width: 22px; height: 22px;}
.turnthepage ul li .turnthepage_info{flex:1; display: flex; flex-direction: column; gap:1.25em;}
.turnthepage ul li .turnthepage_title{font-size:1.2vw; font-weight: 600; line-height: 1.25;}
.comments_box{display: flex; flex-direction: column; gap:50px;}
.comments_hd{display: flex; align-items: center; justify-content: space-between;}
.comments_count{display: flex; gap:10px;}
.comments_count svg{width: 16px; height: 16px;}
.social_sharing{font-size: 16px; display: flex; align-items: center; gap:10px;}
.social_sharing svg{width: 18px; height: 18px;}
.social_sharing_box{display: flex; align-items: center;}
.social_sharing_box li{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.social_sharing_box li a{ display: flex; align-items: center; justify-content: center;}
.login_content{width: 100%; max-width: 32rem; margin: 40px auto 0; display: flex; flex-direction: column; gap:50px;}
.login_info{display: flex; flex-direction: column; gap:20px;}
.login_bottom{ display: flex; flex-direction: column; gap:30px;}
.login_button{width: 100%; display: flex; gap:15px;}
.login_button a{flex:1;}
.login_button a{display: inline-flex; justify-content: center; padding:0 30px; text-align: center; height: 60px; line-height: 60px; border-radius: 60px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; font-size: 16px; box-sizing: border-box;}
.login_button a.button_primary{ background: #171717; color: #fff;}
.login_button a.button_primary:hover{color: #171717;}
.login_button a.button_secondary{ background: #fff; color: #171717;}
.login_button a.button_secondary:hover{color: #fff;}
.button_cancel{display: inline-flex; justify-content: center; align-items: center; gap:10px; font-size: 16px;}
.button_cancel svg{width: 20px; height: 20px;}
.txtundhover{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);}
.txtundhover:hover{background-position-x:right;background-size:0 1px;}
.fs18{font-size: 18px;}
.fs14{font-size: 14px;}
.formfield{width: 100%; position: relative;}
.formfield .formfield_lable{position: absolute; top: 0; left: 25px; opacity: 0.6; font-size: 16px;display: flex; align-items: center;transition: all .5s cubic-bezier(.3, 1, .3, 1); height:60px;}
.formfield_input, .formfield_textarea, .formfield_select{position: relative; z-index: 2; width: 100%; box-sizing: border-box; border:0 none; background: rgba(23, 23, 23,0.025); border-radius: 10px; padding:0 25px; font-size: 16px;-webkit-appearance: none;appearance: none; color: #171717;}
.formfield_input, .formfield_select{height: 60px; line-height: 45px;}
.formfield_textarea{height: 160px; line-height: 24px;}
.formfield_selectico{ display: block; width: 7px; height: 7px; opacity: .4; transform: rotate(45deg); border-bottom: 2px solid #171717; border-right: 2px solid #171717; position: absolute; top: 23px; right: 25px;}
.formfield_input:hover, .formfield_textarea:hover, .formfield_select:hover{border: 0px !important; box-shadow: none !important;}
.formfield_input:focus, .formfield_textarea:focus, .formfield_select:focus{border-color: 0px !important; box-shadow: none !important;}
.formfield.on .formfield_lable{font-size: 12px; height: 35px;}
.formfield.on .formfield_input, .formfield.on .formfield_select{padding-top: 15px;}
.formfield.on .formfield_textarea{padding-top: 26px;}
.formfield .layui-input-affix{display: flex; align-items: center; z-index: 3; right: 20px;}
.formfield .formfield_select{display: block;}
.formfield .layui-form-select{display: none;}
.form_button{display: inline-flex; min-width: 190px; justify-content: center; padding:0 30px; text-align: center; height: 60px; line-height: 56px; border-radius: 60px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; font-size: 16px; box-sizing: border-box;}
.form_button.button_primary{ background: #171717; color: #fff;}
.form_button.button_primary:hover{color: #171717;}
.form_button.button_secondary{ background: #fff; color: #171717;}
.form_button.button_secondary:hover{color: #fff;}
.password_subtitlle{font-size: 20px; font-weight: 500; margin-top:20px;}
.formfield_checkbox .layui-form-checkbox>div{font-size: 16px; color: #171717;}
.formfield_checkbox .layui-form-checkbox[lay-skin=primary]>i{width: 20px; height: 20px; line-height: 18px; border-radius: 4px;}
.formfield_checkbox .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #171717;}
.formfield_checkbox .layui-form-checked[lay-skin=primary]>i{border-color: #171717 !important; background: #171717;}
.formfield_checkbox .layui-form-checkbox[lay-skin=primary]>div{line-height: 22px;}
.formfield_checkbox .layui-form-checkbox[lay-skin=primary]{padding-left: 30px;}
.socials_box ul{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.socials_box li{ display: flex; align-items: center; flex-wrap: wrap; padding-right: 25px;}
.socials_box li svg{width: 24px; height: 24px; float: left;}
.socials_box 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;}
.socials_box li a:hover{-webkit-animation-name: socialicon; animation-name: socialicon;}
.contact{display: flex; gap:60px;}
.contact_form{flex-grow: 1;}
.contact_sidebar{}
.contact_sidebar_box{width: clamp(340px,25vw,430px); display: grid; gap:40px;}
.contact_sidebar_box dl{display: flex; flex-direction:column; gap:15px;}
.contact_sidebar_box dl dt{opacity: 0.5;}
.contact_sidebar_box dl dd{font-size: 14px;}
.contact_fields{display: flex; flex-wrap:wrap; gap:24px;}
.contact_fields .formfield.w50{width: calc(50% - 24px/2);}
.reviews_content{margin-top:40px; width: 100%;}
.reviews_hd{display: flex; align-items: center; padding:20px 0; gap:15px;}
.reviews_total{display: flex; align-items: center; gap:15px; font-size: 16px; flex:1;}
.reviews_total ul{display: flex; align-items: center; gap:4px;}
.reviews_total ul li img{width: 24px; height: 24px; float: left;}
.reviews_writebtn{display: inline-block;border: 1px solid #E8E8E8; padding:0 15px; font-size: 16px; line-height: 40px; box-sizing: border-box;}
.reviews_more{display: inline-block; margin:40px auto 0;border-radius: 2px;border: 1px solid #E8E8E8;padding: 6px 12px; cursor: pointer; font-size: 14px;}
.reviews_more:hover{background: #e8e8e8;}
.reviewslist{width: 100%;}
.reviewslist ul{position:relative; overflow:visible;}
.reviewslist li {width: 16.66%; padding:7px; position:absolute; display:inline-block; left:0px; top:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all .7s ease-out .1s; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out .1s; transition: all .7s ease-out .1s;}
.reviews_list{margin:0 -8px;}
.revbox{box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 2px; overflow: hidden; height: 100%;cursor: pointer;}
.revbox_imgbox{position: relative;}
.revbox_imgbox img{width: 100%;}
.revbox_imgnum{position: absolute; top: 8px; right: 8px; border-radius: 90px;opacity: 0.8; background: #FFF;color: #000;display: flex; font-size: 16px;font-style: normal; font-weight: 600; line-height: 1; padding: 4px; align-items: center; justify-content: center; user-select: none; pointer-events: none;}
.revbox_imgnum svg{width: 20px; height: 20px;}
.revbox_info{padding:10px; display: flex;  flex-direction: column; gap:10px;}
.revbox_iname{font-weight: bold; line-height: 1; font-size: 16px; display: flex; align-items: center; flex-wrap: wrap; gap: 0 8px;}
.revbox_rzico{width: 14px; height: 14px; border-radius: 50%; background: #000000; position: relative;}
.revbox_rzico:after{content: ''; width: 3px; height: 7px; border-right: 1px #fff solid; border-bottom:1px #fff solid; transform: rotate(45deg); position: absolute; top: 2px; left: 5px;}
.revbox_time{color: #73777B; font-size: 11px;}
.revbox_rank{display: flex; gap:2px; align-items: center;}
.revbox_rank img{width: 14px; height: 14px;}
.revbox_txt{font-size: 14px; line-height: 19px;}
.revbox_goods{padding:10px; border-top: solid 1px #e2e2e2; display: flex;}
.revbox_goodsimg{margin-right:10px;}
.revbox_goodsimg img{float: left;height: 50px; width: 50px; object-fit: contain; object-position: center;}
.revbox_goodsname{flex:1;}
.layui-layer{border-radius: 15px !important; overflow: hidden;}
.layui-layer-setwin{left: 10px !important; right: initial !important; top: 10px !important;}
.layui-layer .layui-layer-setwin .layui-layer-close2{left: 0 !important; right: initial !important; top: 0 !important; width: 36px; height: 36px; border-radius: 8px; background: rgba(0,0,0,0.2); display: flex; justify-content: center; align-items: center; border-width: 0;}
.reciews_pop{width: 100%; height: 580px; position: relative; display: flex; justify-content: center; align-content: center;}
.reciews_popimg{width: 54%; background: black; display: flex; justify-content: center; align-items: center; position: relative;}
.reciews_popimg img{ width: 100%; height: auto;  max-width: 100%; max-height: 100%; object-fit: cover; margin: 0 auto;}
.reciews_popimg video{width: 100%; height: 100%;}
.reciews_popcont{ display: flex; flex-direction: column; flex: 1;background: white; box-sizing:border-box; font-size: 16px;
    line-height: 24px;}
.reciews_popDetail{flex-grow: 1; overflow: auto; padding:0 20px 20px;}
.reciews_popDetail::-webkit-scrollbar {-webkit-appearance:none;background-clip:padding-box;background-color:transparent;border-radius:6px;width:6px;}
.reciews_popDetail::-webkit-scrollbar-thumb {background-clip:padding-box;background-color:rgba(23, 23, 23, .4);border-radius:6px;}
.reciews_popT{display: flex; padding:20px 20px 4px 20px; justify-content: space-between; flex-wrap: wrap;}
.reciews_popTname{font-size: 16px; line-height: 24px; font-weight: 500;}
.reciews_popTr{display: flex; align-items: center;}
.reciews_popVerified{white-space: nowrap; display: flex; align-items: center; gap:5px;}
.reciews_popM{display: flex; justify-content: space-between; flex-wrap: wrap; padding:0 20px 20px;}
.reciews_popRank{display: flex; align-items: center; gap:2px;}
.reciews_popRank img{width: 18px; height: 18px;}
.reciews_popTime{color: #767676; font-size: 12px; line-height: 18px;}
.reciews_popB{ padding:0 20px 20px;}
.reciews_popProduct{border-top: 1px solid #e3e3e3; padding-top: 20px;display: flex; margin-top: 20px;}
.reciews_popPimg{width: 68px; height: 68px; margin-right:10px; border-radius: 4px; overflow: hidden;}
.reciews_popPimg img{width: 100%; height: 100%; object-fit: cover; margin:auto;}
.reciews_popPinfo{display: flex; flex-direction: column;}
.reciews_popProname{text-transform: uppercase; font-size: 16px; line-height: 24px; font-weight: 400; color: black; margin-bottom: 8px;}
.reciews_popProlink{align-self: flex-start; display: inline-flex; align-items: center; padding: 6px 11px; background-color: rgba(0, 0, 0, 0.05); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; gap:10px; -webkit-transition: background-color 0.1s ease-in; -moz-transition: background-color 0.1s ease-in; -o-transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in;}
.reciews_popProlink svg{width: 16px; height: 16px;}
.reciews_popProlink:hover{ background-color: rgba(0, 0, 0, 0.1);}
.reciews_view{width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block; }
.reciews_view.swiper-horizontal {touch-action: pan-y;}
.reciews_view .swiper-wrapper {position: relative;width: 100%;height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.reciews_view.swiper-android .swiper-slide, .reciews_view.swiper-ios .swiper-slide, .reciews_view .swiper-wrapper { transform: translate3d(0px,0,0);}
.reciews_view .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: flex; justify-content: center; align-items: center;}
.reciews_small{ position: absolute; left: 0; right: 0; bottom: 20px; width: 100%; overflow: hidden;}
.reciews_small.swiper-horizontal { touch-action: pan-y;}
.reciews_small .swiper-wrapper { position: relative; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.reciews_small.swiper-android .swiper-slide, .reciews_small.swiper-ios .swiper-slide, .reciews_small .swiper-wrapper { transform: translate3d(0px,0,0);}
.reciews_small.swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto;}
.reciews_small.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.reciews_small .swiper-slide { flex-shrink: 0;  position: relative; transition-property: transform; display: block;}
.reciews_small .swiper-slide img{width: 52px; height: 52px; border-radius: 5px; overflow: hidden; object-fit: cover; margin: 0 auto;border:2px transparent solid; cursor: pointer;}
.reciews_small .swiper-slide.swiper-slide-thumb-active img{border:2px #fff solid;}
.reciews_next, .reciews_prev{position: absolute; top: 50%; z-index: 5; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 5px; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.40);}
.reciews_next svg, .reciews_prev svg{width: 24px; height: 24px;}
.reciews_prev{left: 20px;}
.reciews_next{right: 20px}
.reciews_next.swiper-button-disabled, .reciews_prev.swiper-button-disabled{opacity: .35; cursor: auto; pointer-events: none;}

.collections_list{width: 100%; margin-top: 40px;}
.collections_list ul{ display: grid; gap:1.263vw; --card-grid-per-row: 4; --card-grid-template: auto-flow dense/repeat(var(--card-grid-per-row), minmax(0, 1fr)); grid: var(--card-grid-template);}
.collections_list ul li{border-radius: 20px; overflow: hidden; position: relative;}
.collections_list ul li .collections_listimg{display: flex; justify-content: center; align-items: center; position: relative; width: 100%; padding-bottom:100%;}
.collections_list ul li .collections_listimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition:transform .5s cubic-bezier(.3, 1, .3, 1);}
.collections_list ul li .collections_listimg:after{content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.3);}
.collections_list ul li dl{position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; padding:20px; display: flex; justify-content: space-between; align-items: center; color: #fff;}
.collections_list ul li dl dt{font-size: 20px; font-weight: 600; position: relative; line-height: 1.6;}
.collections_list ul li dl dt span{ --reversed-link-gap: min(100%, 1.35em); background: linear-gradient(to right,#fff,#fff) 0 var(--reversed-link-gap)/0 1px no-repeat; background-position-x: left; transition:.5s cubic-bezier(.3, 1, .3, 1);}
.collections_list ul li dl dt i{font-size: 12px; position: absolute; left: calc(100% + .3em); top: 0; font-weight: 500; white-space: nowrap;}
.collections_list ul li dl dd svg{width: 20px; height: 20px; color: #fff; transition: transform .5s cubic-bezier(.3, 1, .3, 1); stroke-width:1.5px;}
.collections_list ul li:hover span img{transform: scale(1.1);}
.collections_list ul li:hover dl dt span{ background-position-x: left; background-size: 100% 1px;}
.collections_list ul li:hover dl dd svg{ transform: rotate(90deg);}

.product_container{display: grid; gap:4.73vw; align-items: flex-start; grid-template-columns: minmax(0,1fr) clamp(25rem,30.26vw,35rem);}
.product_gallery{display: grid; gap:20px; align-items: flex-start; grid-template-columns: 1fr .55fr;}
.product_info{ position: sticky; top: 110px;}

    
.product_view{height: calc(100vh - 92px - 70px); overflow: hidden; position: sticky; top: 110px; border-radius: 15px;}
.product_view.swiper-horizontal {touch-action: pan-y;}
.product_view .swiper-wrapper {position: relative;width: 100%;height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.product_view.swiper-android .swiper-slide, .product_view.swiper-ios .swiper-slide, .product_view .swiper-wrapper { transform: translate3d(0px,0,0);}
.product_view .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.product_view .swiper-slide img{ width: 100%; max-width: initial; height: 100%; object-fit: cover;}
.product_small{display: flex;}
.product_small.swiper-horizontal { touch-action: pan-y;}
.product_small .swiper-wrapper { position: relative; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; flex-direction: column; gap:20px;}
.product_small.swiper-android .swiper-slide, .product_small.swiper-ios .swiper-slide, .product_small .swiper-wrapper { transform: translate3d(0px,0,0);}
.product_small.swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto;}
.product_small.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.product_small .swiper-slide { flex-shrink: 0;  position: relative; transition-property: transform; display: block;width: 100%; padding-bottom:100%; overflow: hidden; border-radius: 15px;}
.product_small .swiper-slide img{width: 100%; height: 100%; object-fit: cover; margin: auto; cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.product_rating a{display:inline-flex; align-items: center;}
.product_rating img{width: 16px; height: 16px; margin:0 1px;}
.product_rating span{padding-left: 10px; font-size: 16px;}
.product_titlebox{display: flex; margin-top: 30px;}
.product_title{font-size: 40px; font-weight: 600; flex:1;}
.product_price{text-align: right;}
.product_price_regular{color: rgb(225 29 72); font-weight: 500; font-size: 20px;}
.product_price_sale{color: rgba(23, 23, 23, 0.6); font-size: 14px;display: inline-flex; position: relative; margin-top: 5px;}
.product_price_sale:before{content: ''; position: absolute; left: 0; top: 50%; line-height: 1; width: 100%; height: 1px; background: red; transform: rotate(-15deg);}
.product_spec{border-radius: 15px; padding:25px; background: rgba(0,0,0,0.025); margin-top: 30px; display: flex; flex-direction: column; gap:20px;}
.product_spectitle{font-size: 18px; font-weight: 500;}
.product_speclist{display: flex; flex-wrap: wrap; gap:10px;}
.product_speclist dl{border-radius: 10px; background: #fff; padding:18px 20px; display: flex; gap:10px;}
.product_speclist dl dt{width: 32px;}
.product_speclist dl dt img{width: 32px; height: 32px;}
.product_speclist dl dd{flex:1; display: flex; flex-direction: column; gap:5px; line-height: 1;}
.product_speclist dl dd h2{font-size: 14px;}
.product_speclist dl dd p{opacity: 0.6;}
.product_rating_count{margin-top: 5px; display: flex; gap:10px; align-items: center; line-height: 1;}
.product_star_rating{ display: flex; gap:5px; align-items: center;}
.product_star_rating span{ display: flex; gap:2px; align-items: center;}
.product_star_rating span svg{width: 16px; height: 16px; color: #dcdcdc;}
.product_star_rating span svg.on{color: #f59e0b;}
.product_rating_count p{padding-left: 10px; border-left: 1px solid #eee;}
.product_form_button{margin-top: 30px; display: flex; flex-direction: column; gap:20px;}
.product_buy_button{display: flex;flex-wrap: wrap; gap:20px;}
.product_cartbtn{ flex:1; display: flex; justify-content: center; align-items: center; padding:0 30px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; background: #171717; font-size: 16px;color: #fff;}
.product_cartbtn:hover{color: #171717;}
.product_buynumber .layui-input-wrap .layui-input{padding:0 40px; width: 142px; box-sizing: border-box; border:1px #eee solid; height: 54px; border-radius: 54px; line-height: 52px; text-align: center; color: #171717; font-size: 16px;}
.product_buynumber .layui-input-wrap .layui-input:hover{border-color: #eee !important; box-shadow: none !important;}
.product_buynumber .layui-input-wrap .layui-input:focus{border-color: #eee !important; box-shadow: none !important;}
.product_buynumber .layui-input-suffix{position: initial; border:0 none; width: initial;}
.product_buynumber .layui-input-affix .layui-icon{height: 100%; width: 40px; border:none; font-size: 14px; color: #171717;}
.product_buynumber .layui-input-wrap .layui-input-number .layui-icon-up{right: 0;}
.product_buynumber .layui-input-wrap .layui-input-number .layui-icon-down{left: 0;}
.product_buynumber .layui-input-wrap .layui-input-number .layui-icon:before{transform: rotate(90deg);}
.product_buybtn{display: flex; justify-content: center; align-items: center; background: #5433EB; color: #fff; height: 54px; line-height: 54px; border-radius: 54px; font-size: 16px; font-weight: 600;}
.product_buybtn:hover{background: #4524db; color: #fff;}
.product_justify_between{display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.product_safeguard{border-radius: 15px; padding:25px; background: rgba(0,0,0,0.025); margin-top: 30px; display: flex; flex-direction: column;}
.product_safeguard p{padding:15px 20px; font-size: 14px; border-radius: 5px;}
.product_safeguard p:nth-child(odd){background: #fff;}
.help dl{width: 100%; display: block; border-bottom: 1px solid rgba(0,0,0,0.1);}
.help dl:last-child, .faqs_content .help dl:last-child{border-bottom-width: 0;}
.help dl dt{padding:30px 0; display: flex; align-items: center; cursor: pointer;}
.help dl dt h2{flex:1; font-size: 18px; font-weight: 500;}
.help dl dt i{width: 14px; height: 14px; position: relative; display: block;transition: transform .5s cubic-bezier(.3, 1, .3, 1);}
.help dl dt i:after, .help dl dt i:before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #171717; border-radius: 2px;}
.help dl dt i:after{width: 100%; height: 2px;}
.help dl dt i:before{width: 2px; height: 100%;}
.help dl dd{padding-bottom:30px; font-size: 15px; opacity: 0.6; margin-top: -10px;}
.help dl.on dt i{transform: rotate(45deg);}
.faqs_content .help dl dt i:after, .faqs_content .help dl dt i:before{background: #fff;}
.faqs_content .help dl{ border-bottom:1px solid  rgba(255,255,255,0.06); }
.faqs_content{background: #171717; border-radius: 20px; color: #fff; display: flex;}
.faqs_content a, .faqs_content a:hover{color: #fff;}
.faqs_cleft{flex-grow: 1; display: grid; gap:30px; padding:4vw; box-sizing: border-box; width:60%;}
.faqs_clhd{display: flex; align-items: flex-end; justify-content: space-between; flex-direction: row; gap:10px;}
.faqs_clhd h2{font-size: 4.73vw; font-weight: 600;flex: 0 0 auto; line-height: 1;}
.faqs_clhd p{padding:15px 20px; font-size: 16px; border-radius: 10px; background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.6);}
.faqs_clhd .txtundhover{background: linear-gradient(#fff,#fff) 0 min(100%,1.35em)/100% 1px no-repeat; background-position-x: left;}
.faqs_clhd .txtundhover:hover{background-position-x:right;background-size:0 1px;}
.faqs_cright{ padding:4vw; width:40%; box-sizing: border-box; background: rgba(255,255,255,0.04);}
.faqs_cform{ display: grid;position: sticky; top: 81px; gap:40px;}
.faqs_crhd{display: grid; gap:10px; line-height: 1;}
.faqs_crhd h2{font-size: 30px; font-weight: 600;}
.faqs_crhd p{font-size: 16px; opacity: 0.6;}
.faqs_crbd{display: grid; gap:25px;}
.faqs_crbd .formfield_input, .faqs_crbd .formfield_textarea, .faqs_crbd .formfield_select{background: rgba(255,255,255,0.04); color: #fff;}
.faqs_crbd .form_button{border-color: #ffffff;}
.reciews_form{padding:60px; display: flex; flex-direction: column; gap:25px;}
.reciews_formtitle{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.reciews_formtitle h2{font-size: 24px; font-weight: 600;}
.reciews_formtitle p{font-size: 14px;}
.reciews_formbox{ display: flex; flex-direction: column; gap:10px;}
.reciews_formtextarea, .reciews_forminput{width: 100%; border-radius: 10px; box-sizing: border-box; border:1px #989898 solid; font-size: 14px; color: #171717;}
.reciews_forminput{height: 46px; line-height: 44px; padding:0 10px;}
.reciews_formtextarea{ height: 120px; padding:10px;}
.reciews_formmy{ display: flex; gap:10px; flex-wrap: wrap;}
.reciews_formdl{width: 100%; display: flex; flex-direction: column; gap:10px;}
.reciews_formdl.w50{width: calc(50% - 20px/2);}
.reciews_formdt{font-size: 15px; font-weight: 600;}
.reciews_formdt em{color: #ba1a1a;}
.reciews_forminfo .layui-rate{padding:0;}
.reciews_forminfo .layui-rate li i.layui-icon{font-size: 30px;}
.upload_btn{background: #F6F7F9;border: 1px solid #989898; color: #171717; float: left; margin:0 10px 10px 0; width: 90px;height: 90px;border-radius: 4px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content:center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; text-align: center;}
.upload_btn span svg{width: 24px; height: 24px;}
.upload_btn span em{display: block; overflow: hidden;}

.uploadimg{ width: 90px;height: 90px;border: 1px solid #E4E4E4;border-radius: 4px; position: relative; overflow:hidden; margin:0 10px 10px 0; float: left;}
.uploadimg img{width: 100%; height: 100%; object-fit: cover;}
.upimgdelete{width: 20px; height: 20px; border-radius: 20px; background:#fff; position: absolute; top: 5px; right: 5px; z-index: 5; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.upimgdelete:after, .upimgdelete:before{content: ''; position: absolute; top: 50%; left: 50%; border-radius: 2px; background: #132C8C; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.upimgdelete:after{width: 12px; height: 1px;}
.upimgdelete:before{width: 1px; height: 12px;}
.uploadimg video{width: 100%; height: 100%;}
.reciews_formuptis{font-size: 14px; font-weight: 600;}
.reciews_form_submit{ background: #171717; display: inline-block; padding:0 80px; text-align: center; font-size: 16px; font-weight: 600; color: #fff; line-height: 50px; border-radius: 50px; }
.reciews_form_submit:hover{color: #fff;}
.reciews_forminput:hover, .reciews_formtextarea:hover{border-color: #171717 !important; box-shadow: none !important;}
.reciews_forminput:focus, .reciews_formtextarea:focus{border-color: #171717 !important; box-shadow: none !important;}
.cart_hd{width: 100%; display: flex; justify-content: space-between;align-items: flex-end; gap:15px;}
.Continue_shopping{display: inline-flex; justify-content: center; padding:0 30px; text-align: center; height: 60px; line-height: 56px; border-radius: 60px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; font-size: 16px; box-sizing: border-box; background: #fff; color: #171717;}
.Continue_shopping:hover{color: #fff;}
.Continue_shopping span{display: flex; align-items: center; gap:10px;}
.Continue_shopping svg{width: 20px; height: 20px;}
.cart_bd{display: flex; gap:60px; margin-top:50px;}
.cart_content{display: flex; flex-direction: column; flex-grow: 1; gap:3rem;}
.cart_sidebar{}
.cart_sidebarbox{position: sticky; top: 100px;  display: flex;  flex-direction: column; gap:1.875rem; width: 30vw;}
.cart_payinfo{background: rgba(23,23,23,0.025); padding:3rem; border-radius: 20px; display: flex;  flex-direction: column; gap:2.5rem;}
.cart_list{width: 100%;}
.cartDl{width:100%; display: flex; align-items: center; gap:10px; padding:40px 0; border-bottom: 1px solid rgba(23, 23, 23, .06);}
.cartDl:last-child{border-bottom-width: 0;}
.cartDt{display: flex; align-items: center; flex-grow: 1; gap:20px;}
.cart_proimg{width: 128px; height: 128px; border-radius: 10px; overflow: hidden; position: relative;}
.cart_proinfo{display: flex; flex-direction: column; flex: 1; gap:10px;}
.cart_protitle{font-size: 18px; font-weight: 500;}
.cart_proprice{display: flex; align-items: center; gap:10px; flex-wrap: wrap;}
.cart_del{font-size: 13px;}
.cartDd{display: flex; align-items: center; gap:20px;}
.cartDprice{width: 30%; text-align: right; font-size: 16px; font-weight: 500;}
.cart_freightBd{width: 100%; display: flex; gap:20px; flex-direction: column;}
.cart_freightBdbox{width: 100%; display: flex; gap:20px;}
.cart_freightdl{display: flex; gap:20px; flex-grow: 1;}
.cart_freightdl .formfield{ flex-grow: 1;}
.cart_freightBd .formfield{width: initial;}
.cart_freightBd .formfield .formfield_input{max-width: 170px;}
.cart_freight{padding:40px; box-sizing:border-box; border:1px solid rgba(23,23,23,.1); border-radius: 20px;}
.cart_freightHd{display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.cart_freightHd h2{font-size: 20px; font-weight: 600;}
.cart_freightHd i{ display: block; width: 10px; height: 10px; margin-top:-5px; transform: rotate(45deg); border-bottom: 2px solid #171717; border-right: 2px solid #171717; transition: transform .5s cubic-bezier(.3, 1, .3, 1);}
.cart_freightHd.on i{transform: rotate(225deg); margin-top: 5px;}
.cart_freightBd{margin-top:30px;}
.cart_freighttis{border-radius: 10px; padding:20px; font-size: 14px; line-height: 1.6; color: rgb(77 124 15); background: rgb(247 254 231);}
.cart_paybutton, .cart_payremark, .cart_paytotals{display: flex; flex-direction: column; gap:15px;}
.cart_paybutton a{display: flex;}
.cart_payremark_title{font-size: 18px; font-weight: 500;}
.cart_payremark_box .formfield .formfield_textarea{border:1px solid rgba(23,23,23,.1); background: none;}
.cart_payremark_box .formfield .formfield_textarea:hover{border:1px solid rgba(23,23,23,.1) !important; box-shadow: none !important;}
.cart_payremark_box .formfield .formfield_textarea:focus{border:1px solid rgba(23,23,23,.1) !important; box-shadow: none !important;}
.cart_paytotals_tis{opacity: 0.6; font-size: 14px;}
.cart_paytotals_dl{display: flex; justify-content: space-between; align-items: center;border-bottom:1px solid rgba(23,23,23,.1);}
.cart_paytotals_dt{font-size: 20px; font-weight: 500;}
.cart_paytotals_dd{font-size: 30px; font-weight: 600;}
.cart_payshipping{background: #fff; border-radius: 15px; padding:30px;display: flex; flex-direction: column; gap:15px;}
.cart_payshipping_title{font-size: 14px;}
.cart_payshipping_full{width: 100%; height: 6px; border-radius: 6px; overflow: hidden; background: rgba(23,23,23,0.06); position: relative;}
.cart_payshipping_full span{display: inline-block; position: absolute; top: 0; left: 0; height: 6px; border-radius: 6px; background: #171717;}
.account_content{margin-top:50px; display: flex; gap:60px;}
.account_record{display: flex; flex-grow: 1; flex-direction: column; gap:20px;}
.account_sidebarbox{width: 25vw; position: sticky; top: 100; display: flex; flex-direction: column; gap:20px;background: rgba(23,23,23,0.025);padding: 3rem; border-radius: 20px; box-sizing:border-box;}
.account_ctitle{font-size: 30px; font-weight: 600;}
.account_ctxt{font-size: 16px; line-height: 1.6;}
.addresses{margin-top:50px; display: flex; flex-direction: column; gap:50px;}
.addresses_list ul{display: grid; gap:20px; --address-grid-per-row: 4; --address-grid-template: auto-flow dense/repeat(var(--address-grid-per-row), minmax(0, 1fr)); grid: var(--address-grid-template);}
.addresses_list ul li{ display: flex; flex-direction: column; gap:30px;background: rgba(23,23,23,0.025);padding: 3rem; border-radius: 20px;box-sizing:border-box;}
.addresses_info{font-size: 18px; line-height: 1.6;}
.addresses_button{margin-top: auto; display: flex;flex-wrap: wrap; gap:20px;}
.addresses_btn{display: inline-flex; justify-content: center; padding:0 10px; text-align: center; height: 30px; line-height: 26px; border-radius: 30px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; font-size: 14px; box-sizing: border-box; background: #fff; color: #171717;}
.addresses_btn:hover{color: #fff;}
.addresses_btn span{display: flex; align-items: center; gap:5px;}
.addresses_btn svg{width: 16px; height: 16px;stroke-width:1.5px;}
.addresses_formtitle{font-size: 30px; font-weight: 600; text-align: center; padding:30px 30px 0;}
.addresses_formcontent{padding:30px; box-sizing: border-box; display: flex; gap:24px; flex-wrap: wrap;}
.addresses_formcontent .formfield.w50{width: calc(50% - 24px/2);}



.myorder_hd{width: 100%; font-size: 20px; line-height: 40px; font-weight: 500; overflow: hidden;}
.myorder_hd ul{display: flex; flex-wrap: wrap; gap:30px;}
.myorder_hd li{padding-bottom: 5px; position: relative;display: inline-block;}
.myorder_hd li a{display: block;}
.myorder_hd li.on{font-size:28px;font-weight: 600;}
.myorder_hd li.on:after{content: ''; width: 50px; height: 3px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);background:#171717;}
.myorder_box{margin-top:30px;}
.myorder_goods{border: 1px solid rgba(23,23,23,.1);border-radius: 9px;overflow: hidden; margin-bottom: 30px;}
.myorder_goodshd{width: 100%; background: rgba(23,23,23,0.025); padding:20px; font-size: 14px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.myorder_goodshdfl{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.myorder_goodshdfl span{display: inline-block; margin-right:30px;}
.myorder_goodshdfl span i{color: #666;}
.myorder_goodshdfr a{display: inline-block; margin-left: 30px; text-decoration: underline;}
.myorder_goodsbd{width: 100%; padding:20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.myorder_goodsinfo{width: 52%; float: left; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.myorder_goodsimg{ overflow: hidden;}
.myorder_goodsimg ul{white-space: nowrap;}
.myorder_goodsimg li{display: inline-block; margin-right:10px;}
.myorder_goodsimg li img{width: 96px; height: 96px;border-radius: 4px;}
.myorder_goodsnum{color: #666666;font-size: 16px; margin-left: 10px; white-space: nowrap;}
.myorder_goodsbr{width: 48%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.myorder_goodsprice{width: 45%; text-align: center;font-size: 20px;font-weight: bold;}
.myorder_goodsstate{width:55%; text-align: right;font-size: 16px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end;}
.myorder_blue{color:rgb(225 29 72);}
.myorder_PayNow{display: inline-block;border-radius: 4px; line-height: 32px; padding:0 10px; color: #fff;font-size: 14px; text-decoration: none !important; background: #171717}
.myorder_PayNow:hover{color: #fff; opacity: 0.9;}
.myorder_ToBePaid{display: inline-block;color: #E48902; margin-right:30px;}
.myorder_ncontent{width: 100%; overflow: hidden;}
.myorder_ncbox{width: 100%; margin-top:40px;}
.myorder_nctitle{font-size: 32px;font-weight: 600;}
.myorder_nctxt{margin-top:10px;font-size: 16px;}
.myorder_nctxt span{color: #666666;}
.myorder_nproduct{margin-top: 20px;}
.myorder_nctop{width: 100%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; font-size: 14px;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.myorder_nctopl{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.myorder_nctopr{text-align: right;}
.myorder_nctopr a{text-decoration: underline;display: inline-block; margin-left: 30px;}
.myorder_nopaytime{color: #E48902; font-size: 16px; padding:10px 0;}
.myorder_nclc{background: #F5F4F5; width: 100%; padding:40px 5%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; overflow: hidden; margin-top: 20px;}
.myorder_nclc dl{width: 25%; float: left; text-align: center;color: #999999;font-size: 16px;}
.myorder_nclc dl dt{position: relative; z-index: 1;}
.myorder_nclc dl dt span{background: #d6d6d6;width: 36px;height: 36px; border-radius: 36px; overflow: hidden; display: inline-block;}
.myorder_nclc dl dt span i{width: 100%; height: 100%; display: block; background: url(../images/lcico.png) no-repeat center center;}
.myorder_nclc dl dt:after{content: ''; width: 100%; height:2px;background: #d6d6d6; position: absolute; left: 0; top: 17px; z-index: -1;}
.myorder_nclc dl:first-child dt:after, .myorder_nclc dl:last-child dt:after{width: 50%;}
.myorder_nclc dl:first-child dt:after{left: initial; right: 0;}
.myorder_nclc dl dd{margin-top: 10px;}
.myorder_nclc dl dd h3{margin-top: 5px; display: none;}
.myorder_nclc dl.on{color: #222;}
.myorder_nclc dl.on dd h3{display: block;}
.myorder_nclc dl.on dt span, .myorder_nclc dl.on dt:after{background:#171717;}
.myorder_ncpricecount{width: 100%; border-top: 1px #eee solid; padding-top:30px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; font-size: 14px;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.myorder_ncpricecount_l{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; font-size: 14px;}
.myorder_ncpricecount_l span{ margin-right:30px; display: inline-block;font-weight: 500;}
.myorder_ncpricecount_l span i{color: #666;padding-right:8px;}
.myorder_ncpricecount_r{font-size: 26px;font-weight: 600;}
.myorder_ncpricecount_r span{font-size: 28px; font-weight: bold; padding-left: 8px;}
.myorder_nctxx{margin-top:10px; font-size: 14px; line-height: 30px;}
.myorder_nctxx h2{font-size: 20px;font-weight: 600;}
.myorder_ncbot{width: 100%; overflow: hidden;}
.myorder_ncbotbox{width: 50%; float: left;}
.paycontent{display: flex; gap:60px; margin-top:50px;}
.paycleft{display: flex; flex-direction: column; flex-grow: 1; gap:3rem;}
.paysidebar{position: sticky; top: 100px; display: flex; flex-direction: column; width: 30vw; gap:30px;}
.paysidebarbox{display: flex; flex-direction: column; gap:30px;background: rgba(23,23,23,0.025); padding: 3rem; border-radius: 20px; box-sizing: border-box;}
.paycgoods{ display: flex; flex-direction: column; gap:20px;}
.paypro_box{display: flex; gap:20px; align-items: center;}
.paypro_img{width: 64px; height: 64px; border-radius: 5px; position: relative;}
.paypro_img img{width: 100%; height: 100%; border-radius: 5px;}
.paypro_img span{position: absolute; top: -4px; right: -4px; border-radius: 5px; background: #171717; color: #fff; padding:0 6px; line-height: 20px; display: inline-block; font-size: 12px;}
.paypro_title{flex:1; font-size: 16px;}
.paypro_price{font-size: 16px;}
.paycdiscount{position: relative;}
.paycdiscount_btn{position: absolute; top: 5px; right: 5px; bottom: 5px; padding:0 15px; border-radius: 5px; background: #171717; color: #fff; font-size: 14px; border:0 none; height: 40px; line-height: 40px; cursor: pointer;}
.paycdiscount_btn:disabled{cursor: inherit; background: rgba(23,23,23,0.1); color: #999;}
.paycdiscount_inp{width: 100%; height: 50px; line-height: 46px; border:2px #eee solid; background: #fff; color:#171717; font-size: 14px; padding:0 20px; box-sizing: border-box; border-radius: 10px;}
.paycdiscount_inp:hover{border-color: #eee !important; box-shadow: none !important;}
.paycdiscount_inp:focus{border-color: #171717 !important; box-shadow: none !important;}
.paycgoods_price{ display: flex; flex-direction: column; gap:20px;}
.paycprice{ display: flex; flex-direction: column; gap:10px;}
.paycprice dl{display: flex; justify-content: space-between; font-size: 14px;}
.payctotalprice{display: flex; justify-content: space-between;}
.payctotalprice dt{font-size: 20px; font-weight: 600;}
.payctotalprice dd{color: #999;}
.payctotalprice dd span{font-size: 20px; font-weight: 600;color: #171717;}
.paymap, .payMethod{display: flex; gap:20px; flex-direction: column;}
.paymaphd{display: flex; align-items: center; justify-content: space-between;}
.paymapbd ul{display: grid; gap:20px; --address-grid-per-row: 3; --address-grid-template: auto-flow dense/repeat(var(--address-grid-per-row), minmax(0, 1fr)); grid: var(--address-grid-template);}
.paymapbd ul li{ display: flex; flex-direction: column; gap:30px; background: rgba(23,23,23,0.025);padding: 3rem; border-radius: 15px;box-sizing:border-box;}
.paymapbd ul li.on{border:2px #171717 solid;}
.payMethod_box ul{display: grid; gap:20px; --address-grid-per-row: 3; --address-grid-template: auto-flow dense/repeat(var(--address-grid-per-row), minmax(0, 1fr)); grid: var(--address-grid-template);}
.payMethod_box ul li{ height: 70px; display: flex; justify-content: center; align-items: center; background: rgba(23,23,23,0.025); border-radius: 15px; box-sizing:border-box; cursor: pointer;}
.payMethod_box ul li.on{border:2px #171717 solid;}
.paymaphdbtn{display: flex; gap:20px;}
.paymaphdbtn a{display: inline-flex; justify-content: center; padding:0 20px; text-align: center; height: 46px; line-height: 42px; border-radius: 46px; overflow: hidden; border: 2px solid rgb(23, 23, 23); position: relative; cursor: pointer; font-size: 16px; box-sizing: border-box; background: #171717; color: #fff;}
.paymaphdbtn a:hover{color: #171717;}
.paymaphdbtn a span{display: flex; align-items: center; gap:10px;}
.paymaphdbtn a svg{width: 20px; height: 20px;}
.paysidebar_paybutton{display: none;}
.paysidebar_paybutton a{width: 100%;}

.payMethod_ys{width: 100%;}
.payMethod_ys dl{width: 100%; display: flex; padding: 30px; border-radius: 15px; margin-bottom: 20px; cursor: pointer; box-sizing: border-box; background: rgba(23,23,23,0.025);}
.payMethod_ys dl dt{flex:1; padding:0 35px; position: relative;}
.payMethod_ys dl dt:after{content: ''; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; border: 2px #ccc solid;}
.payMethod_ys dl dt h2{font-size: 20px; font-weight: bold;}
.payMethod_ys dl dt p{margin-top:5px; font-size: 14px;}
.payMethod_ys dl dd{font-size: 16px; font-weight: bold;}
.payMethod_ys dl.on{border:2px #171717 solid; background: #fff;}
.payMethod_ys dl.on dt:after{ width: 8px; height: 8px; border: 7px #171717 solid;}
#translate{display: none;}




@media all and (max-width:1536px) {	
	.banner .banswiperbox{ height: 595px;}
	.ireviews_black{ position: relative; margin: 40px 15px 0;}
	.ihero_videobox{height: 510px;}
	.nbanner{height: 510px;}
	.goods_list ul{--card-grid-per-row: 4;}
	.news_nbanner{height: 640px;}
	.turnthepage ul li .turnthepage_title{font-size:20px;}
	.reviewslist li {width:20%;}

}

@media all and (max-width:1400px) {	
	.paymapbd ul{--address-grid-per-row: 2;}


}
@media all and (max-width:1280px) {
	.ict1coll .swiper-slide, .ictpro_bd .swiper-slide{width: 31.33%;}
	.iprolist ul{--card-grid-per-row: 3;}
	.iblog_list{--card-grid-per-row: 3;}
	.news_list .blog:nth-child(2), .news_list .blog:nth-child(3){display: grid; gap:1.5rem;}
	.news_list .blog:nth-child(2) .blog_card, .news_list .blog:nth-child(3) .blog_card{ padding-bottom: 60%; height: initial;}
	.goods_list ul{--card-grid-per-row: 3;}
	.list_sort{display: none;}
	.list_topbar{position: fixed; left: 50%; bottom: 30px; transform: translate(-50%, 0); z-index: 9; padding:0;}
	.list_topbar .list_filterBtn{ background: #171717; color: #fff; }
	.list_topbar .list_filterBtn.hoverbtn i{background: #fff;}
	.list_topbar .list_filterBtn:hover{color: #171717;}
	.reviewslist li {width:25%;}
	.collections_list ul{--card-grid-per-row: 3;}
	.product_gallery{grid-template-columns:initial; display: initial;}
	.product_view{height:initial; position: relative; top: 0;}
	.product_view .swiper-slide{width: 100%; height: initial; padding-bottom:100%; position: relative;}
	.product_view .swiper-slide img{width: 100%; height: 100%; object-fit: cover; margin: auto; cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
	.product_small{margin-top: 30px; overflow: hidden;}
	.product_small .swiper-wrapper{flex-direction: row; justify-content:normal; gap:0;}
	.product_small .swiper-slide{width: 100px; height: 100px; padding-bottom:0; margin:0 10px;}
	.product_small .swiper-slide:first-child{margin-left: 0;}
	.product_small .swiper-slide:last-child{margin-right: 0;}
	.faqs_clhd{flex-direction: column; align-items:flex-start;}
	.faqs_clhd p{width: 100%; box-sizing:border-box;}
	.cart_freightBdbox, .cart_freightdl{flex-direction: column;}
	.cart_freightBd .formfield .formfield_input{max-width: initial;}
	.cart_paytotals_dl{flex-direction: column; align-items:flex-start;}
	.cart_payinfo{padding:30px;}
	.addresses_list ul{--address-grid-per-row: 3;}
	.myorder_hd{font-size: 16px;}
	.myorder_hd ul{gap:20px;}
	.myorder_hd li.on{font-size: 20px;}
	.paymapbd ul{--address-grid-per-row: 2;}
	.payMethod_box ul{--address-grid-per-row: 2;}




}
@media all and (max-width:1024px) {
	.banner .banswiper .swiper-slide.swiper-slide-active{padding:0 20px;}
	.banner .banswiper .swiper-slide.swiper-slide-prev{transform: translateX(0);}
	.banner .banswiper .swiper-slide:last-child.swiper-slide-next{ transform: translateX(-0); }
	.banner .banswiper .swiper-slide:first-child.swiper-slide-next{ transform: translateX(0); }
	.banner .ban_pagination,.banner .ban_next, .banner .ban_prev{bottom: 20px;}
	.banner .banswipertxt{bottom: 60px; padding-bottom:20px; left: 40px; right: 40px;}
	.banner .ban_next{right: 40px;}
	.banner .ban_prev{left: 40px;}
	.ict1_bd, .ictpro_bd{margin:30px -7px 0;}
	.ict1coll .swiper-slide, .ictpro_bd .swiper-slide{width: 37.5vw; padding:0 7px;}
	.plr50{padding:0 20px;}
	.ict1_hd{flex-direction:column; gap:20px;}
	.ict1_hdL, .ict1_hdR{width: 100%;}
	.ict1coll_next, .ict1coll_prev{display: none;}
	.ict1_hdLbtn{margin-top:20px;}
	.ict1coll_info dt h2 span{font-size: 20px;}
	.ict1coll_info dt p{font-size: 12px;}
	.iprolist{overflow-y: hidden; overflow-x: auto;}
	.iprolist ul{ --slider-item-width: 36vw; gap:14px; --slider-grid: auto / auto-flow var(--slider-item-width);  grid: var(--slider-grid);}
	.iprolist{margin-top:30px;}
	.ictpro_jtbox{display: none;}
	.ict1coll:hover .ict1coll_next, .ict1coll:hover .ict1coll_prev{display: none;}
	.ict1coll_info{padding:8px 15px 15px;}
	.ict1coll_info dd svg{width: 16px; height: 16px;}
	.iprocompact_l{display: none;}
	.iprocompact{display: flex;flex-direction: column;}
	.ireviews .swiper-slide{width: 33.33%;}
	.iblog_cont{overflow-y: hidden; overflow-x: auto;}
	.iblog_list{gap:14px; --slider-item-width: 36vw; --card-grid-template: auto / auto-flow var(--slider-item-width);}
	.news_list{--card-grid-per-row: 3; --card-grid-template: auto-flow dense/repeat(var(--card-grid-per-row), minmax(0, 1fr)); grid: var(--card-grid-template); gap:30px 20px;}
	.news_list .blog{grid-column:initial;}
	.news_list .blog:nth-child(1){grid-column: span 2; grid-row: initial;}
	.news_list .blog:nth-child(2), .news_list .blog:nth-child(3){ grid-column: initial;}
	.news_list .blog:nth-child(3){padding-top:0;}
	.news_list .blog:nth-child(3):before{display: none;}
	.news_list .blog:nth-child(2) .blog_card, .news_list .blog:nth-child(3) .blog_card{padding-bottom:68%;}
	.news_nbancontent{padding:50px 0 0;}
	.nbanner_box{padding:40px 20px;}
	.news_nbanbox{min-width: initial; padding:20px;}	
	.news_nban_lable a{padding:4px 10px; font-size: 11px;}
	.dnews_nban_titlle{font-size: 32px;}
	.news_nbanbox .blog_info{order: 3;}
	.contact{flex-direction: column;}
	.reviewslist li {width:33.33%;}
	.product_container{display: initial;}
	.product_speclist{flex-wrap: nowrap;overflow-y: hidden; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    scroll-behavior: smooth;    white-space: nowrap;}
    .product_spec{padding:20px;}
    .faqs_content{flex-direction: column;}
    .faqs_cleft, .faqs_cright{width: 100%; padding:30px;}
    .cart_bd{flex-direction: column;}
    .cart_sidebarbox{width: 100%; position: relative; top: 0;}
	.account_content{flex-direction: column; gap:30px;}
	.account_sidebarbox{width: 100%; box-sizing:border-box;}
	.addresses_list ul{--address-grid-per-row: 2;}
	.layui-layer{border-radius: 0px !important;}
	.myorder_nctop{flex-direction: column; gap:20px;}
	.myorder_ncpricecount{flex-direction: column; align-items: flex-start; gap:10px;}
	.myorder_ncpricecount_r{font-size: 20px;}
	.myorder_hd{overflow-y: hidden; overflow-x: auto;}
	.myorder_hd ul{flex-wrap: nowrap;}
	.myorder_hd ul li a{white-space: nowrap;}
	.paycontent{flex-direction: column;}
	.paysidebar{position: relative; top: 0; width: 100%;}
	.paybutton{display: none;}
	.paysidebar_paybutton{display: block;}





	
}

@media all and (min-width:0) and (max-width:768px) {
	.banner .banswiperbox{ height: 455px;}
	.banner .bantxtbox{flex-direction:column; gap:10px;} 
	.banner .ban_title, .banner .ban_shopping{width: 100%;}
	.banner .ban_title span{  white-space: unset;}
	.banner .ban_next, .banner .ban_prev{display: none;}
	.banner .ban_pagination{ padding:0 40px; text-align:left; }
	.banner .banswipertxt{bottom: 40px; border-bottom-width: 0;}
	.icontent{padding-top:50px;}
	.pad80{padding:50px 0;}
	.ict1_hdLbtn{font-size: 13px; padding:0 15px; height: 40px; line-height: 40px;}
	.ict1coll_box{border-radius: 10px;}
	.ireviewsBox{border-radius: 12px;}
	.ihero_videobox{border-radius: 15px 15px 0 0;}
	.ihero_videobtn{width: 40px; height: 40px; border-radius: 40px;}
	.iblog_list{padding:30px 0 50px;}
	.blog_card{border-radius: 10px;}
	.blog_lable{top: 10px; left: 10px;}
	.blog_lable a{font-size: 11px; padding: 4px 12px;}
	.blog,.blog_content{gap:1.25rem;}
	.blog_grid{gap:1rem;}
	.blog_title{font-size: 18px;}
	.blog_txt, .blog_btn a{font-size: 15px;}
	.news_list{--card-grid-per-row: 2; gap: 30px 14px; margin-top:20px;}
	.news_list .blog:nth-child(1) .blog_card{padding-bottom:68%; min-height: initial;}
	.list_subcollections{text-align: center; position: relative; font-size: 14px;}
	.list_subcollections h3{display: inline-flex; background: #fafafa; padding:15px 40px; border-radius: 10px; justify-content: center; align-items: center; line-height: 20px; gap:10px; font-size: 16px;}
	.list_subcollections h3 i{display: block; width: 7px; height: 7px; opacity: .4; transform: rotate(45deg) ; border-bottom: 2px solid #171717; border-right: 2px solid #171717; margin-top:-5px;}
	.list_subcollections ul{position: absolute; top: 48px; left: 20%; right: 20%; background: #fff; border-radius: 10px; z-index: 3; overflow-x: hidden; max-height: 300px; overflow-y: auto; padding:20px 0; box-shadow:0 0 10px rgba(0,0,0,0.1); display: none;}
	.list_subcollections ul li{width: 100%; text-align: left; padding:4px 20px;}
	.list_subcollections ul li a{opacity: 5;}
	.list_subcollections ul li:before{display: none;}
	.list_subcollections.on h3 i{transform: rotate(225deg); margin-top:2px;}
	.list_subcollections.on ul{display: block;}
	.pagination{margin-top:30px; font-size: 14px; gap: 6px;}
	.pages_flex{width: 40px; height: 40px; border-radius: 40px;}
	.mgt50{ margin-top:30px;}
	.article_content{font-size: 15px;}
	.breadcrumb ul{font-size: 14px; padding:20px 0;}
	.breadcrumb ul li, .breadcrumb ul{gap:10px;}
	.breadcrumb ul li svg{width: 16px; height: 16px;}
	.goods_list ul{--card-grid-per-row: 2;}
	.goods_list{padding:30px 0;}
	.news_nbanner{height: 490px;}
	.news_nban_lable{gap:10px;}
	.turnthepage ul{grid-template-columns: repeat(1,minmax(0,1fr));}
	.turnthepage ul li .turnthepage_title{font-size: 18px;}
	.social_sharing_box li{width: 32px; height: 32px;}
	.comments_box{gap:30px;}
	.login_button{flex-direction: column;}
	.login_button a{height: 50px; line-height: 50px; border-radius: 50px;}
	.password_subtitlle{font-size: 16px;}
	.contact_fields .formfield.w50 { width: 100%;}
	.contact_fields{gap:20px;}
	.reviewslist li {width:50%;}
	.reciews_pop{height: 100%; min-height: 100vh; flex-direction: column;}
	.reciews_popimg{width: 100%; height: 75vw;}
	.collections_list ul{--card-grid-per-row: 2; gap:15px;}
	.collections_list ul li{border-radius: 10px;}
	.product_info{position: relative; margin-top: 20px; top: 0;}
	.product_titlebox{flex-direction: column;}
	.product_price{text-align: left;}
	.product_title{font-size: 30px;}
	.product_rating_count{justify-content: flex-end; margin-top: -15px;}
	.product_rating_count p{display: none;}
	.product_speclist dl{flex-direction: column; text-align: center; justify-content: center; align-items: center;}
	.product_speclist dl dt{ width: 24px;}
	.product_speclist dl dt img{ width: 24px; height: 24px;}
	.faqs_clhd h2{font-size: 30px;}
	.faqs_crhd h2{font-size: 22px;}
	.reciews_form{padding:40px;}
	.cartDprice{display: none;}
	.cartDl{padding:20px 0;}
	.cartDd{flex-direction: column;justify-content: flex-end; align-items: flex-end; gap:10px;}
	.cart_proimg{width: 80px; height: 80px;}
	.cart_freight{padding:20px; border-radius: 10px;}
	.cart_freightHd h2{font-size: 16px;}
	.cart_freightHd i{width: 6px; height: 6px;}
	.cart_hd{flex-direction: column;align-items: flex-start;}
	.Continue_shopping{padding:0 15px;height: 44px; line-height: 44px; border-radius: 44px; font-size: 14px;}
	.Continue_shopping svg{width: 16px; height: 16px;}
	.cart_bd{margin-top: 25px; gap:30px;}
	.cart_freightdl{gap:15px;}
	.cart_payinfo{border-radius: 0; margin:0 -20px; padding:30px 20px;}
	.cart_paytotals_dl{flex-direction: row;align-items:center;}
	.cart_paytotals_dt{font-size: 15px;}
	.cart_paytotals_dd{font-size: 22px;}
	.cart_payshipping{padding:20px;}
	.account_sidebarbox{padding:20px;}
	.account_ctitle{font-size: 22px;}
	.account_content{margin-top:25px;}
	.addresses_list ul{--address-grid-per-row: 1;}
	.addresses{margin-top:25px; gap:25px;}
	.addresses_list ul li{padding:25px; gap:20px; border-radius: 10px;}
	.addresses_info{font-size: 16px;}
	.addresses_formcontent{gap:18px;}
	.addresses_formcontent .formfield.w50{width: 100%;}
	.myorder_ncbotbox{width: 100%;}
	.myorder_nctitle{font-size: 24px; line-height: 1.2;}
	.myorder_nclc{padding:20px 5px;}
	.myorder_nclc dl{font-size: 11px;}
	.myorder_nclc dl dt span{width: 26px; height: 26px;}
	.myorder_nclc dl dt span i { background-size: 14px auto;}
	.myorder_nclc dl dt:after { top: 12px;}
	.myorder_nclc dl dd { margin-top: 10px;}
	.myorder_nproduct{margin-top:10px;}
	.myorder_nctopr{text-align: left;}
	.myorder_nctopr a{margin:0 30px 0 0;}
	.myorder_goodshd{flex-direction: column; align-items: flex-start; gap:15px;}
	.myorder_goodsbd{flex-direction: column; align-items: flex-start; gap:20px;}
	.myorder_goodsbr{justify-content: space-between;}
	.myorder_goodshdfr a{margin:0 30px 0 0;}
	.myorder_goodsinfo, .myorder_goodsbr{width: 100%;}
	.myorder_goodsnum{font-size: 14px;}
	.myorder_goodsstate{width: initial; font-size: 13px;}
	.myorder_goodsprice{width: initial; font-size: 16px;}
	.myorder_goodsimg li img{width: 80px; height: 80px;}
	.myorder_goods{margin-bottom: 20px;}
	.paymapbd ul, .payMethod_box ul{--address-grid-per-row: 1;}
	.paymapbd ul li{padding:20px; border-radius: 15px;}
	.paymaphd{flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:10px;}
	.paycontent{gap:30px; margin-top:30px;}
	.paycleft{gap:25px;}
	.paymapbd ul, .payMethod_box ul{gap:15px;}

	.payMethod_ys dl{padding:20px;}
	.payMethod_ys dl dt{padding:0 30px;}
	.payMethod_ys dl dt h2{font-size: 16px;}
	.payMethod_ys dl dt p{font-size: 12px;}
	.payMethod_ys dl dt:after{width: 14px; height: 14px;}
	.payMethod_ys dl.on dt:after{border-width: 6px; width: 6px; height: 6px;}




	
}
@media all and (max-width:640px) {	
	.ict1coll .swiper-slide, .ictpro_bd .swiper-slide{width: 77.5vw;}
	.iprolist ul{ --slider-item-width: 74vw;}
	.iprocompact_rbox{--card-grid-template: auto / auto-flow 74vw;}
	.ireviews .swiper-slide{width: 74%;}
	.ireviews_prev, .ireviews_next{display: none;}
	.ihero_videobox{height: 390px;}
	.nbanner{height: 390px;}
	.iblog_list{--slider-item-width: 74vw;}
	.news_list{--card-grid-per-row: 1; gap: 30px;}
	.news_list .blog:nth-child(1){grid-column: span 1;}
	.news_list .blog:nth-child(1) .blog_card{padding-bottom:130%;}
	.detail_titlle{font-size:40px;}
	.goods_list .goods_specbox dl{min-width: 60%;}
	.list_topbar{opacity: 1; visibility:visible;}
	.list_topbar.on{ transform: translate(-50%, -64px);}
	.list_topbar.no{opacity: 0; visibility: hidden;}
	.reviews_hd{flex-direction: column;}
	.reviews_total{width: 100%;}
	.reviews_writebtn{display: block; width: 100%; text-align: center;}
	.collections_list ul{--card-grid-per-row: 1;}
	.product_view{border-radius: 8px;}
	.product_small{margin-top: 10px;}
	.product_small .swiper-slide{width: 60px; height: 60px; margin:0 5px; border-radius: 5px;}
	.paysidebarbox{border-radius: 10px; padding:20px;}


}