/* CSS Reset */
html{-webkit-text-size-adjust:none;font-size: 62.5%;} 
body{color: #1e1e1e;overflow-x:hidden;margin:0; padding:0;background: #000;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;width: 100%;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.loadgif::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 111;background: url('../images/loading.gif') center no-repeat #f1f1f1;}
.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}
.send-mark.cur {display: none;}
.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
 
 


/* header */
.header {position:fixed;left: 0;top: 0;z-index: 3500;width: 100%;transition:all .4s ease;}
.header::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 1;background: rgba(255,255,255,.3);}
.header ul,.header li {list-style: none;margin: 0;padding: 0;}
.header-content {width: 90%;height: 80px;margin: auto;display: flex;justify-content: space-between;} 
.header-content-left {height: 100%;position: relative;} 
.header-content-center {height: 100%;display: flex;align-items: center;}
.header-content-right {height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.header-logo {position: relative;top: 50%;transform: translateY(-50%);max-height: 90%;overflow: hidden;}
.header-logo a {display: block;position: relative;width:200px;} 
.header-nav {position: relative;}
.header-nav ul {display: flex;align-items: center;}
.header-nav li {padding: 0 20px;position: relative;}
.header-nav a {display:block;height: 80px;display: flex;align-items: center;position: relative;}
.header-nav a::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 1;background:#ac8956;}
.header-nav span {color: #fff;text-align: center;}
.header-nav li.cur span {font-weight: bold;}
.header-nav li.on a::after {width: 100%;}
.header-nav label {display: block;background: #f30000;padding: 0px 5px;border-radius: 4px;margin-left: 4px;color: #fff;font-size: 12px;}
.header-link {position: relative;}
.header-link ul {display: flex;align-items: center;}
.header-link li {margin-left: 2rem;position: relative;}
.header-link i {display: block;width: 2.4rem;height: 2.4rem;position: relative;right: auto;filter:invert(1);}


.header-cart-icon {position:relative;display: block;}
.header-cart-icon .cart-count {position: absolute;top: -5px;right: -10px;background: #f30000;border-radius: 50%;text-align: center;z-index: 11;width: 18px;height: 18px;}
.header-cart-icon .cart-count em {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 12px;width: auto;height:auto;font-style: normal;}



.header.scroll-down,.header.scroll-top {background-color: #fff;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);}
.header.scroll-down .header-logo a img,.header.scroll-top .header-logo a img ,.header.hover .header-logo a img{filter: grayscale(100%) invert(1);}
.header.scroll-down .header-link i,.header.scroll-top .header-link i ,.header.hover .header-link i{filter: grayscale(100%) invert(0);}
.header.scroll-down .header-nav span,.header.scroll-top .header-nav span  ,.header.hover .header-nav span {color: #000;}
.header.scroll-down .header::after,.header.scroll-top .header::after,.header.hover::after{ background: rgba(0, 0, 0, .1);}


.detail .header {background-color: #fff;}
.detail .header-logo a img {filter: grayscale(100%) invert(1);}
.detail .header-link i {filter: grayscale(100%) invert(0);}
.detail .header-nav span {color: #000;}
.detail .header::after { background: rgba(0, 0, 0, .1);}



.announcement-bar-show .header-announcement-bar {top: 0;}
.announcement-bar-show .header-nav-show-content {padding-top:130px;}
.header-announcement-bar {overflow: hidden;position: relative;background: #000;position: fixed;top: -100%;left: 0;z-index: 4000;width: 100%;transition:all .4s ease;}
.header-announcement-bar-content {width: 90%;margin: auto;}
.header-announcement-bar-text {padding: 10px 0;overflow: hidden;text-align: center;color: #FFF;}
.header-announcement-bar-text strong {background: linear-gradient(to bottom, #bfa173, #e5dac7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.header-announcement-bar-text i {position: relative;width: 20px;height: 20px;display: inline-block;vertical-align: middle;}
.header-announcement-bar-text .shopnow-1 {padding: 2px 10px;color: #fff;border-radius: 5px;text-align: center;border: 1px solid #fff;}
.header-announcement-bar-text .shopnow-1:hover {background: #af9165;border: 1px solid #af9165;color: #000;}
.header-announcement-bar-text p {margin: 0;display: inline;}
.header-announcement-bar-text br {display: none;} 
.header-announcement-bar .close-2 {position: absolute;right: 2%;top: 50%;z-index: 10;transform: translateY(-50%);}




.close-2 {position: relative;}
.close-2 a {display: block;width: 20px;height: 20px;}
.close-2 i {display: block;width: 100%;height: 100%;transform: rotate(44deg);}
.close-2 i::before,.close-2 i::after {content: '';width: 100%;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;}
.close-2 i::before {transform: translate(-50%,-50%) rotate(0);}
.close-2 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.close-2 a:hover i {transform: rotate(136deg);}



.header-show-mark.cur  {display: block;opacity: 1;z-index: 1100;}
.header-show-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:-1;overflow: hidden;transition:all .4s ease;background: rgba(0,0,0,.7);opacity: 0;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:2111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:111;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;padding-top:80px;background: #fff;}
.header-nav-section-content {display: flex;justify-content: space-between;width: 70%;margin: auto;padding: 2% 0;}
.header-nav-section-content-left {width: 20%;}
.header-nav-type {position: relative;overflow: hidden;}
.header-nav-type ul{list-style: none;margin: 0;padding: 0;}
.header-nav-type li{list-style: none;margin: 0;padding: 0;}
.header-nav-type a {display: block;position: relative;padding: 10px 0;}
.header-nav-type span{color: #999;}
.header-nav-type i{display: block;width: 12px;height: 12px;position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(-90deg);background: url('../upload/d1.svg') center no-repeat;background-size: 100%;opacity: .2;}
.header-nav-type li.cur i{opacity: 1;}
.header-nav-type li.cur span {color: #000;}
.header-nav-section-content-right {width: 75%;margin-left: 5%;}
.header-nav-type-list {width: 100%;overflow: hidden;display: flex;}
.header-nav-type-item {width: 100%;overflow: hidden;display: none;}
.header-nav-type-item.cur {display: block;}
.header-nav-type-item .top-1 {display: flex;align-items: center;}
.header-nav-type-item .top-1 strong {color: #000;}
.header-nav-type-item .top-1 a {display: flex;align-items: center;position: relative;padding: 0 20px;}
.header-nav-type-item .top-1 a::after {content: '';width: 12px;height: 12px;position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(-90deg);background: url('../upload/d1.svg') center no-repeat;background-size: 100%;opacity: .5;}
.header-nav-type-item .top-1 a span {color: #666;}
.header-nav-type-product {display: flex;flex-wrap: wrap;margin-top: 1%;}
.header-nav-product-item {width: 32.5%;margin-right: 1%;margin-bottom: 1%;border-radius: 10px;position: relative;overflow: hidden;}
.header-nav-product-item.mr0 {margin-right: 0;}
.header-nav-product-item a {display: flex;align-items: center;overflow: hidden;position: relative;background-image: -moz-linear-gradient( 0deg, rgb(241,243,250) 0%, rgb(251,249,244) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(241,243,250) 0%, rgb(251,249,244) 100%);background-image: -ms-linear-gradient( 0deg, rgb(241,243,250) 0%, rgb(251,249,244) 100%);width: 100%;box-sizing: border-box;padding: 2%;}
.header-nav-product-item a:hover .img-center {transform: scale(1.05);}
.header-nav-product-item-pic {width: 25%;position: relative;overflow: hidden;}
.header-nav-product-item-text {width: 70%;margin-left: 5%;}
.header-nav-product-item-text .title-1 {overflow: hidden;}
.header-nav-product-item-text .title-1 strong {margin: 0;padding: 0;display: block;color: #000;}
.header-nav-product-item-text .price-1 {display: flex;align-items: center;margin-top: 5px;}
.header-nav-product-item-text .price-1 strong { margin: 0;padding: 0;display: block;color: #000;}
.header-nav-product-item-text .price-1 span {display: block;margin-left: 10px;color: #999;text-decoration: line-through;} 


.header-nav-product-items {width: 32.5%;margin-right: 1%;margin-bottom: 1%;border-radius: 10px;position: relative;overflow: hidden;}
.header-nav-product-items.mr0 {margin-right: 0;}
.header-nav-product-items a {display: block;position: relative;background: #000;}
.header-nav-product-items-pic {position: relative;}
.header-nav-product-items-text {position: absolute;left: 5%;bottom: 5%;width: 90%;z-index: 11;color: #fff;}
.header-nav-product-items-text .title-1  {color: #fff;}
.header-nav-product-items-text .text-1 {margin-top: 1px;}
.header-nav-product-items a:hover .pic {transform: scale(1.05);}


.header-nav li:hover .nav-sub-menu{display: block;}
.nav-sub-menu {position: absolute;left: 0;top: 100%;background: #fff;border-radius: 0 0 10px 10px;overflow: hidden;z-index: 11;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);display: none;}
.nav-sub-menu-list {padding: 3% 0;overflow: hidden;}
.nav-sub-menu-list a {display: block;padding: 10px 20px;position: relative;border-bottom: 1px solid #f1f1f1;height: auto;color: #333;white-space: nowrap;}
.nav-sub-menu-list a:hover {background: #f1f1f1;color: #000;}
.nav-sub-menu-list a:last-child {border-bottom:none;}



.header-language-switcher {position: relative;}
.header-language-dropdown {display: none;position: absolute;top: 100%;right: -65px;margin-top: 28px;background: #fff;border-radius: 0 0 8px 8px;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);z-index: 999;min-width: 130px;padding: 6px 0;overflow: hidden;}
.header-language-dropdown select {width: 100%;padding: 10px 14px;border: none;background: transparent;font-size: 14px;cursor: pointer;outline: none;}
.header-language-dropdown .trp-shortcode-overlay {background: none;}
.header-language-dropdown .trp-language-switcher {margin: 0;padding: 0;list-style: none;display: block;}
.header-language-dropdown .trp-language-switcher li {margin: 0;padding: 0;list-style: none;}
.header-language-dropdown .trp-language-switcher a {display: flex;align-items: center;gap: 10px;padding: 10px 14px;text-decoration: none;color: #1f1f1f;font-size: 14px;}
.header-language-dropdown .trp-language-switcher a:hover {background: #f7f7f7;}
.header-language-dropdown .trp-language-switcher img {width: 18px;height: 18px;object-fit: cover;border-radius: 2px;}
.header-language-dropdown .gtranslate_wrapper {padding:10px;display:block;}
.header-language-dropdown .gtranslate_wrapper a {display:block;margin:4px 0;}
.header-language-dropdown .gtranslate_wrapper a.glink span {color:#000;font-size: 12px;}
.header-language-switcher.header-language-expanded {display: flex;align-items: center;gap: 12px;}
.header-language-switcher.header-language-expanded .header-language-icon {display: flex;align-items: center;}
.header-language-switcher.header-language-expanded .header-language-icon i {display: block;width: 26px;height: 26px;}
.header-language-switcher.header-language-expanded .header-language-icon img {max-width: 100%;max-height: 100%;}
.header-language-switcher.header-language-expanded .header-language-dropdown {display: flex;position: static;margin-top: 0;background: transparent;box-shadow: none;padding: 0;min-width: auto;overflow: visible;}
.header-language-switcher.header-language-expanded .gtranslate_wrapper {display: flex;flex-wrap: wrap;gap: 8px;padding: 0;}
.header-language-switcher.header-language-expanded .gtranslate_wrapper a {display: inline-flex;align-items: center;padding: 6px 10px;border-radius: 16px;background: rgba(255,255,255,0.8);margin: 0;text-decoration: none;color: #1f1f1f;font-size: 12px;line-height: 1.2;transition: background 0.2s;}
.header-language-switcher.header-language-expanded .gtranslate_wrapper a:hover {background: #f1f1f1;}
.header-language-switcher.header-language-expanded .gtranslate_wrapper a.glink span {color: inherit;font-size: inherit;}


.header-language-switcher .gt_float_switcher .gt_options a.gt-current,.header-language-switcher .gt_float_switcher {font-size: 12px;}
.header-language-switcher .gt_float_switcher img { width: 20px;}
.header-language-switcher .gt_float_switcher {box-shadow: none;width: 100%;}
.header-language-switcher .gt_float_switcher .gt_options a { padding: 5px 5px 5px 0px;}
.header-language-switcher .gt-selected {display:block;}
.header-language-switcher .gt_float_switcher .gt_options {max-height: 100%;}
.header-language-switcher .gt_float_switcher .gt-selected .gt-current-lang {padding: 0px 15px;}



/* footer */
.footer {position: relative;clear: both;overflow: hidden;z-index: 100;background: #1a1a1a;color: #000;background-image: -webkit-linear-gradient(180deg,#f3ece2,#f9f8f4);background-image: linear-gradient(180deg,#f3ece2,#f9f8f4);}
.footer a {color: #666;}
.footer a:hover {color: #000;text-decoration: underline;} 
.footer-content {width: 90%;margin: auto;}
.footer-content-top {padding:5% 0;display: flex;justify-content: space-between;}
.footer-content-top-left {width: 26%;}
.footer-logo {width: 200px;}
.footer-logo img {filter:invert(1);}
.footer-nav {width: 30%;display: flex;justify-content: space-between}
.footer-nav ul {list-style: none;margin: 0;padding: 0;}
.footer-nav li {list-style: none;margin: 0;padding: 0;}
.footer-nav li a {color: #000;}
.footer-nav strong {padding-bottom: 10px;display: block;}
.footer-nav .liline {padding: 10px 0;}
.footer-nav .liline li {padding: 5px 0;}
.footer-contact  {margin-top:40px;}
.footer-right {position: relative;max-width: 30%;margin-left: 10%;}
.footer-right .title-1 {padding-right: 80px;}
.footer-right .input-1 {position: relative;padding: 5% 0;}
.footer-right .input-1 input{border: none;background: #eae7de;border-radius: 10px;overflow: hidden;color: #000;padding: 20px;width: 100%;box-sizing: border-box;}
.footer-right .send-icon{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);display: block;width: 20px;height: 20px;}
.footer-right .send-icon::after {content: '';width: 20px;height: 20px;background: url('../images/r4.svg') center no-repeat;background-size: 100%;display: block;filter: grayscale(1) invert(1);}
.footer-socialize {overflow: hidden;margin-top: 5%;}
.footer-socialize ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
.footer-socialize li {list-style: none;margin: 0;padding: 0;margin-right: 2rem;}
.footer-socialize a {display: block;}
.footer-socialize i {position: relative;display: block;width: 25px;height: 25px;opacity: 1;max-width: 80%;max-height: 80%;}
.footer-content-center {clear: both;padding: 2% 0;position: relative;display: flex;justify-content: space-between;}
.footer-language {display: flex;}
.footer-language .footer-select-item {display: flex;align-items: center;position: relative;}
.footer-language .footer-select-item::after {content: '';width: 1px;height: 20px;display: block;background: #333;margin: 0 20px;}
.footer-language .footer-select-item:last-child:after {display: none;}
.footer-language .footer-select-item i {display: block;position: relative;width: 13px;height: 13px;margin-left: 5px;background: url('../images/r3.svg') center no-repeat;background-size: 100%;transform: rotate(90deg);}
.footer-language .footer-select-item em { display: block;position: relative;width: 30px;height: 30px;margin-right: 5px;}
.footer-language .footer-select-item span {display: block;position: relative;white-space: nowrap;}
.footer-right-icon {display: flex;justify-content: flex-end;}
.footer-right-icon li {list-style: none;margin: 0;padding: 0;margin-right: 5px;max-width: 5%;}
.footer-right-icon li:last-child {margin-right: 0;}
.footer-content-bottom {padding: 2% 0;display: flex;justify-content: space-between;border-top: 1px solid #ccc;}
.footer-copy {position: relative;}
.footer-copy a {color: #333;}
.footer-by a {color: #333;}
.footer-by a:hover {color: #000;text-decoration: underline;}


.footer-select-item .trp-shortcode-overlay {background:none;}
.footer-select-item .footer-select-content select {border: none;background: none;}


.footer .learnmore-1 {margin-top: 2rem;}
.footer .learnmore-1 a {display: inline-block;text-align: center;border: 2px solid #333;border-radius: 10px;overflow: hidden;padding: 10px 35px;}
.footer .learnmore-1 strong {color: #000;margin: 0;padding: 0;display: block;}
.footer .learnmore-1 a:hover {border: 2px solid #af9165;background: #af9165;text-decoration: none;}
.footer .learnmore-1 a:hover strong {color: #fff;}



.footer-right-fixed {position: fixed;right: 1%;bottom: 5%;z-index: 4666;}
.footer-right-fixed ul {list-style: none;margin: 0;padding: 0;}
.footer-right-fixed li {list-style: none;margin: 0;padding: 0;margin: .1rem auto;position: relative;}
.footer-right-fixed a {display: block;border-radius: 100%;overflow: hidden;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);margin-bottom: 10px;} 
.footer-right-fixed a i{display: block;width: 50px;height: 50px;position: relative;border-radius: 100%;overflow: hidden;background: #fff;}
.footer-right-fixed a i img {max-width: 50%;max-height: 50%;}
.footer-right-fixed a:hover {transform: scale(1.1);}
.footer-right-fixed a:hover i {background: #ac8956;}
.footer-right-fixed a:hover i img {filter: invert(1);}
.footer-right-fixed li.aside-top {display: none;}  
.footer-right-fixed li.aside-top i { transform: rotate(270deg);}
.footer-right-fixed li.aside-top i img {max-width: 30%;max-height: 30%;}


.subscription-message{display: none; margin-top: 10px; padding: 10px 15px; border-radius: 4px; font-size: 14px; line-height: 1.5; transition: all 0.3s ease;}
.subscription-message.success{background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;}
.subscription-message.error{background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;}
.subscription-submit-btn.loading{opacity: 0.6; cursor: not-allowed; pointer-events: none;}



.discount-1 {position: absolute;top: 2%;left: 3%;z-index: 10;}
.discount-1 span {display: inline-block;padding: 3px 10px;background: #ff3838;color: #fff;border-radius: 4px;} 
.label-1 {position: absolute;top: 2%;right: 3%;z-index: 10;}
.label-1 span {display: inline-block;padding: 3px 10px;background: #f30000;color: #fff;border-radius: 4px;} 
.label-1 span.hot {background: #ff3838;}
.label-1 span.new {background-image: -webkit-linear-gradient(90deg,#e8dfcd,#be9f70);background-image: linear-gradient(90deg,#e8dfcd,#be9f70);color: #000;}
.label-1 span.stock {background: #000;color: #fff;}
.label-1 strong {display: inline-block;padding: 10px 20px;background: #f30000;color: #fff;border-radius: 6px;}
.label-1 strong.black {background: #333;}
.label-1 strong.hot {background: #ff3838;}
.label-1 strong.new {background-image: -webkit-linear-gradient(90deg,#e8dfcd,#be9f70);background-image: linear-gradient(90deg,#e8dfcd,#be9f70);color: #000;}
.label-1 strong.low-stock {background: #ff9500;color: #fff;}
.header-nav-product-item .label-1,.hotsales-item-top .label-1{top: 0;right: 0;}


.play-1 {position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: 12;}
.play-1 i{display: block;width: 50px;height: 50px;background: rgba(255,255,255,.2);border-radius: 100%;overflow: hidden;}
.play-1 i::after {content: '';width: 20px;height: 20px;background: url('../upload/play.svg') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: invert(1);}


.yt-modal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9998;}
.yt-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:88vw;max-width:920px;aspect-ratio:16/9;background:#000;z-index:9999;}
.yt-modal iframe{width:100%;height:100%;display:block;border:0;}
.yt-modal-close{position:absolute;right:-10px;top:-10px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.8);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;}
.yt-modal-shorts{width: 50vw;max-width: 350px;min-width: 280px;aspect-ratio: 9/16;} 




/* windows */ 
.close-1 {position: absolute;right: 2%;top: 5%;z-index: 10;}
.close-1 a {display: block;width: 5rem;height: 5rem;border-radius: 100%;}
.close-1 a i {width: 4rem;height: 4rem;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);border-radius: 100%;background: #ededed;}
.close-1 a i::before,.close-1 a i::after {content: '';width: 50%;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1 a i::after {transform: translate(-50%,-50%) rotate(90deg);}
.close-1 a:hover i {background: #f7e524;}



.default-page {background: #fff;padding:5% 0;overflow:hidden;}
.default-page-content {width:70%;margin:auto;margin-top:4%;text-align:center;}
.default-page-bottom-content {width:50%;margin:auto;margin-top:2%;}
.default-content {text-align:left;}

 
 
 /* loading */ 
.loading{opacity: 0.6; pointer-events: none;}
.loading-products{text-align: center; padding: 40px 20px; color: #666;}
.loading-products .spinner{width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #af9165; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px;}
@keyframes spin{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
.no-products{text-align: center; padding: 40px 20px; color: #666;}
.no-products p{margin: 0; font-size: 16px;}
.loading-faqs{text-align: center; padding: 40px 20px; color: #666;}
.loading-faqs .spinner{width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #af9165; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px;}
.no-faqs{text-align: center; padding: 40px 20px; color: #666;}
.no-faqs p{margin: 0; font-size: 16px;}




/* mobile */ 
.menu-toggle {display: none;position: relative;overflow: hidden;width: 2.5rem;height: 2.5rem;margin-left:10px;}
.menu-toggle a {width: 2.5rem;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cd-nav-trigger {display: inline-block;position: relative;}
.menu-toggle i:before {display: inline-block;vertical-align: middle;color: #000;font-size: 1.6rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-50%;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-6px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:6px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross {display: inline-block;vertical-align: middle;position: relative;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:0;left:50%;margin-left:-50%;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(7rem);transform:translateX(7rem);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.menu-toggle span.hamburger {display: inline-block;vertical-align: middle;position: relative;left: auto;margin: 0;top: auto;} 
.menu-toggle .menu-text {display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;overflow: hidden;z-index: 11;}
.menu-toggle em {font-style: normal;color: #000;display: block;}
.menu-toggle em:last-child {position: absolute;left: 0;top:0;opacity: 0;transform: translateY(100%);}
.no-touch .menu-toggle em:first-child {transform: translateY(-100%);}
.no-touch .menu-toggle em:last-child {transform: translateY(0);opacity: 1;} 
.mobile-nav {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1222;background: #fff;transform: translateX(100%);transition:all .4s ease;opacity: 0;}
.announcement-bar-show .mobile-nav-list {margin-top: 150px;}
.mobile-nav-list {width: 90%;margin: auto;margin-top: 100px;box-sizing: border-box;height: 100%;}
.mobile-nav-list ul {list-style: none;margin: 0;padding: 0;width: 100%;height: 100%;overflow-x: hidden;overflow: auto;}
.mobile-nav-list ul li{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #ddd;}
.mobile-nav-list ul li .mnav-1{padding: 2rem 0;overflow: hidden;color: #000;display: block;position: relative;}
.mobile-nav-list ul li .mnav-1 i {width: 2rem;height: 2rem;position: absolute;right: 1%;top: 50%;transform: translateY(-50%);}
.mobile-nav-list ul li .mnav-1 a {color:#000;}
.mobile-nav-list ul li .mnav-1 i::after,.mobile-nav-list ul li .mnav-1 i::before {content: '';width: 100%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;}
.mobile-nav-list ul li .mnav-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.mobile-nav-list ul li .mnav-1.cur {color: #f7e524;}
.mobile-nav-list ul li .mnav-1.cur i::after {display: none;}
.mobile-nav-list ul li .mnav-1 i.cur::after {display: none;}
.mobile-navshow {padding: 1% 0;overflow: hidden;display: none;margin-top: -1%;}
.mobile-navshow a {display: block;color: #666;padding: 1rem 2rem;position: relative;}
.mobile-navshow a::before {content: '';width: .5rem;height: .5rem;border-radius: 100%;background: #ccc;left:0;top: 50%;transform: translateY(-50%);position: absolute;}

.header.scroll-down .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger {filter:invert(1);}
.no-touch .header-logo a img {filter: grayscale(100%) invert(1);}
.no-touch .header .header-link i {filter: grayscale(100%) invert(0);}
.no-touch .header::after { background: rgba(0, 0, 0, .1);}


/* 3级菜单样式 */
.mnav-2 {overflow: hidden;color: #000;display: block;position: relative;}
.mnav-2 a {color: #666;font-size: 1.4rem;display: inline-block;}
.mnav-2 i {width: 1.5rem;height: 1.5rem;position: absolute;right: 1.5%;top: 50%;transform: translateY(-50%);cursor: pointer;}
.mnav-2 i::after,.mnav-2 i::before {content: '';width: 100%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;}
.mnav-2 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.mnav-2.cur {color: #f7e524;}
.mnav-2.cur i::after {display: none;}
.mnav-2 i.cur::after {display: none;}

.mobile-navshow-level3 {padding: 0.5rem 0;overflow: hidden;display: none;margin-top: 0;background: #f9f9f9;}
.mobile-nav-item-level3 {padding: 1rem 2rem;border-bottom: 1px solid #eee;}
.mobile-nav-item-level3:last-child {border-bottom: none;}
.mobile-nav-item-level3 a::before {display: none;}
.mobile-nav-item-level3 a {display: flex;align-items: center;padding: 1rem 0;margin-bottom: 2%;}
.mobile-nav-item-level3-link {display: flex;align-items: center;text-decoration: none;color: #333;}
.mobile-nav-item-level3-pic {width: 30%;height: auto;flex-shrink: 0;margin-right: 1rem;overflow: hidden;border-radius: 4px;}
.mobile-nav-item-level3-pic img {width: 100%;height: auto;display: block;}
.mobile-nav-item-level3-text {flex: 1;}
.mobile-nav-item-level3-text .title-1 {margin-bottom: 0.5rem;}
.mobile-nav-item-level3-text .title-1 strong {color: #333;font-weight: 600;}
.mobile-nav-item-level3-text .text-1 {color: #666;line-height: 1.4;}
 
 
 
 /* 右侧购物车优化 */
.announcement-next:after,.announcement-prev:after {color: #fff;font-size:1.2rem;}
.cart-item-name a {color: #000;}
.cart-actions .button {padding: 12px!important;border-radius: 6px!important;}
.cart-actions .button.view-cart {background: #ac8956!important;color: #fff;}
.cart-actions .button.checkout {background: #dc3545!important;color: #fff;}
.cart-actions .button:hover {color: #fff!important;}
.cart-item-quantity .qty-btn {padding: 5px;width: 30px;border: 1px solid #ddd;background: none;border-radius: 4px;cursor: pointer;}
.cart-item-quantity .qty-btn:hover {background: #ac8956;color: #fff;}
.cart-sidebar-header h3 {font-size:24px;}
.cart-item-details .cart-item-name a {font-size:16px;}
.cart-item-price {color: #000!important;font-size:16px;font-weight: normal!important;}
.cart-item-quantity .qty-btn { padding: 8px 5px;}
.cart-item-quantity .remove-item {margin-left:5px;}
.cart-sidebar-coupon__message {font-size:12px;}
.cart-actions .button.checkout {background: #f30000!important;font-weight: normal!important;font-size:16px;}
.cart-actions .button.view-cart {font-weight: normal!important;font-size:16px;}
.cart-sidebar-coupon__feedback .woocommerce-message {margin:0!important;}



@media screen and (max-width: 5120px) {}
@media screen and (max-width: 3840px) {}
@media screen and (max-width: 2560px) {}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) {
    .label-1 span,.discount-1 span {padding: 1px 10px;}
}
@media screen and (max-width: 1860px) {
    .header-nav-section-content { width: 80%;}
}
@media screen and (max-width: 1680px) {
    .header-nav-section-content { width: 90%;}
    .default-page-bottom-content {width:90%;}
}
@media screen and (max-width: 1580px) {}
@media screen and (max-width: 1440px) { 
    
}
@media screen and (max-width: 1366px) { 
    .header-nav-product-item {width: 49%;}
    .header-nav-product-item.mr0 {margin-right:1%;}
    .header-nav-product-item-pic {width: 20%;}
    .header-link i {width: 20px;height: 20px;}
}
@media screen and (max-width: 1280px) {
    .header-nav li {padding: 0 10px;}
    .header-content,.header-nav a {height: 70px;}
    .nav-sub-menu-list a {height: auto;}
}
@media screen and (max-width: 1152px) {
    
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {}
@media screen and (max-width: 880px) {

	.pcshow,.header-nav,.footer-nav,.footer-by,.header-content-center,.header-language-switcher{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}   
	.no-touch .mobile-nav {transform: translateX(0);opacity: 1;}  
	.header-logo a,.footer-logo { width: 140px;}
	.header-content { height: 60px;}
	.header-link li {margin: 0 10px;}
	.header-link i {width: 25px;height: 25px;}
	.footer-content-top {flex-wrap: wrap;padding: 15% 0;}
	.footer-right {margin-top: 10%;max-width: 100%;margin-left: 0;}
	.footer-content-center {padding: 5% 0;flex-wrap: wrap;}
	.header-announcement-bar-text,.header-announcement-bar-text * {font-size:12px;}
	.footer-content-top-left {width:100%;}
	.footer-right .title-1 {padding-right: 0px;}
	.detail .menu-toggle span.hamburger {filter: invert(1);}
	.magcubic-cart-sidebar {width: 100%!important;}
	.cart-sidebar-footer {padding: 20px 0!important;}
	.footer-right-icon li { max-width: 9%;}
	.footer-right-icon { width: 100%;justify-content: left;margin-top: 5%;}

	


}


 

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}