/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 392:0 Unexpected "<"

**/
<style>
/* CSS Document */
.footer .grid{
    letter-spacing:0;
}
.footer__content-bottom,.footer {
    letter-spacing:0;
    border-top: solid 1px rgba(var(--color-foreground),.08) !important;
}
  .footer__content-top .grid {
    row-gap: 12px !important;
    margin-bottom: 0 !important;
    padding: 0 10px !important;
    max-width: 1200px;
    margin: 0 auto;
    white-space: nowrap;
  }
  .footer-block__heading {
      font-size: 20px !important;
      margin-bottom: 20px !important;
  }
  .section-multicolumn-padding{
    max-width: 1200px;
  }
  .footer-paypal img{
    margin:0 auto;
  }
  .multicolumn-card__info {
    padding: 25px !important;
  }
  .page-width {
      padding: 0 !important;
  }
  footer.footer.color-background-1.gradient.section-footer-padding h4{
    padding-top:20px
  }
  .footer-block__details-content .list-menu__item--link {
      padding-top: 5px !important;
      padding-bottom: 5px !important;
      font-size: 18px !important;
  }
  .footer .grid{
    margin-bottom:10px !important;
  }
  .footer__localization:empty+.footer__column {
      padding-top: 10px !important;
  }
  .footer .grid{
    margin-bottom:0 !important;
  }
  .caption, small.copyright__content {
    font-size: 16px !important;
    line-height: inherit !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }
  footer.footer.color-background-1.gradient.section-footer-padding h4 {
      font-size: 18px;
  }
  .footer__localization:empty+.footer__column--info{
    margin:0;
    padding:0;
  }
  .footer__content-bottom{
    padding-bottom:0 !important;
  }

@media screen and (max-width: 749px){
  .footer__content-top {
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
  .multicolumn-list .grid__item{
      padding: 25px 0 !important;
  }
  .multicolumn-list:not(.slider) {
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
  .footer-block__heading {
      font-size: 18px !important;
  }
  
  .footer .grid {
    white-space:inherit !important;
  }
  .multicolumn-card__info {
      padding: 5px!important;
  }
  .footer-block__details-content .list-menu__item--link {
    font-size: 14px !important;
  }
}


*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "Roboto";color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "Roboto"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}
h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal;letter-spacing:0; }
em,i { font-style: normal; }

@font-face { font-family: 'Montserrat-Bold'; font-style: normal; font-weight: 400; src:url('https://cdn.shopify.com/s/files/1/0555/2783/3705/files/Montserrat-Bold.otf?v=1681877797');}

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src:url('https://cdn.shopify.com/s/files/1/0555/2783/3705/files/ROBOTO-MEDIUM.TTF?v=1681877797');}

.earphone-wrapper {
    letter-spacing: 0;
}
span.sp_h_cart_view {
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    border-radius: 50%;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    padding: 2px 5px;
}
.sp_pop_text {
	display: block;
	background-color: #000c;
	color: #fff;
	font-size: 18px;
	padding: 2%;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index:999;
    box-shadow: 0px 0px 7px 3px #fff;
	transform: translate(-50%,-50%);
}
.main-content > .card-spacing{margin-top:0;padding-top:0;}

.cont{ width:1200px; margin:0 auto; }
.cont img{ max-width: 100%; }

.topbar{ position: fixed; left:0; top: 0; width: 100%; z-index: 10; background-color: #fff; }
.topbar .line{ height: 104px; display: flex; align-items: center; justify-content: space-between; position: relative;}
.topbar .line .logoa{ float: left; width: 214px; margin-left: 5%; }
.topbar .line .logoa img{ display: block; width: 100%; }
.topbar .line .downa{ cursor: pointer !important;width: 354px; height: 62px; line-height: 62px; display: flex; align-items: center; justify-content: center; font-size: 34px; color: #fff; font-family: "Montserrat-Bold"; background-color: #D00F1D; border-radius: 62px; }
.topbar .line .downa img{ display: block; height: 38px; margin-left: 4px; }
.topbar .line .cara{ width: 72px; height: 62px;position:relative;/* margin-top: -31px; */}
.topbar .lineb{ background-color: #313131; height: 80px; padding: 0 26px; display: flex; align-items: center; justify-content: space-between; }
.topbar .lineb .tt{ display: block; height: 22px; }
.topbar .lineb .time{ display: flex; align-items: flex-start; justify-content: center; }
.topbar .lineb .time span{ height: 68px; width: 71px; background-image: url(https://cdn.shopify.com/s/files/1/0555/2783/3705/files/t4.png?v=1681875264); background-size: cover; font-size: 56px; text-align: center; color: #343434; line-height: 68px; font-weight: bold; }
.topbar .lineb .time i{ height: 68px; width: 33px; background-image: url(https://cdn.shopify.com/s/files/1/0555/2783/3705/files/t5.png?v=1681875263); background-size: auto 50%; background-position: center; background-repeat: no-repeat; }
.topbar .lineb .time em{ font-size: 14px; color:#fff; text-transform: uppercase; margin-right: 4px; }
.topbarH{ height: 184px; }

.buya{ display: block; width: 100%; cursor: pointer; }
.buya img{ display: block; width: 100%; }

.lists{ padding:100px 3.2%; background-image: url(https://cdn.shopify.com/s/files/1/0555/2783/3705/files/qticon7.png?v=1681875282); background-size: 100% auto; }
.lists h3{ font-family: "Montserrat-Bold"; font-size: 80px; color: #fff; text-transform: uppercase; line-height: 1.2; font-weight: bold; margin-bottom: 100px;letter-spacing: 0; }
.lists h3 i{ color: #FF2B2B; }

.lists .item{ display: flex; align-items: center; margin-bottom:60px; position: relative; }
.lists .item .tu{ display: block; width: 100%; width:58.5%; position: relative; z-index: 3; }
.lists .item .info{ position: absolute; right: 10px; bottom: 10px; width: 35%; height: 78%; display: flex; flex-direction: column; justify-content: center; text-align: center; width: 100%; right: 0px; bottom: 15px; padding-left: 55%; background-image: url(https://cdn.shopify.com/s/files/1/0555/2783/3705/files/icon05.png?v=1681875272); background-size: 100% 100%; padding-right:20px; }
.lists .item:nth-child(2) .info{background-image: url(https://cdn.shopify.com/s/files/1/0555/2783/3705/files/icon04.png?v=1681875264);}
.lists .item .info .color{ text-transform: uppercase;font-size: 56px; color: #fff; font-style: italic; font-weight: bold; line-height: initial;}
.lists .item .info .price{ font-size: 32px; color: #fff; font-weight: bold; display: flex; align-items: flex-end; justify-content: center; margin-top: 25px;letter-spacing:0 }
.lists .item .info .price i{ font-size: 14px; color: #fff; font-weight: normal; opacity: 0.3; text-decoration: line-through; }
.lists .item .info .price em{ font-size: 14px; color: #00FF42; margin-left: 2px; }
.lists .item .info .go{ background-color: #2179FE; height: 60px; line-height: 60px; font-size: 22px; color: #fff; text-align: center; border-radius: 60px; margin-top: 30px; font-weight: bold; cursor: pointer; text-transform: uppercase; }
.lists .item .info .add{ padding-left: 0.2rem;background-color:transparent; border:2px solid #fff; height: 60px; line-height: 56px; font-size: 22px; color: #fff; text-align: center; border-radius: 60px; margin-top: 30px; font-weight: bold; display: flex; align-items: center; justify-content: center; cursor: pointer; text-transform: uppercase; }
.lists .item .info .add img{ display: block; width: 22px; margin-left: 0;margin-right:0.2rem }

.descs{ padding: 60px 12%; font-size: 16px; color: #fff; line-height: 24px; background-color: #024DAA; }
.descs p{ padding-left: 30px; position: relative; margin-bottom: 10px; }
.descs p:before{ position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; content: ""; }

.why{ background-color: #0d111d; background-image: url(https://cdn.shoplazza.com/21efa4c6c81bda390ef1cf498b2a0edf.png); background-size: 100% auto; background-position: left bottom; background-repeat: no-repeat; position: relative; padding: 100px 7.5%; }
.why h3{ text-align: center; font-size: 55px; color: #fff; font-family: "Montserrat-Bold"; font-weight: bold; line-height: 1.4; text-transform: uppercase; }
.why h4{ letter-spacing:0;font-size: 70px; color: #fff; font-weight: bold; font-family: "Montserrat-Bold"; line-height: 1.6; text-transform: uppercase; padding: 0 3%; }
.why h6{ text-align: center; font-size: 20px; color: #fff; line-height: 1.6; opacity: 0.4; margin-top: 60px; }
.why .pic{ display: block; width: 100%; margin:200px 0 300px; }
.why .pic img{ display: block; width: 100%; }
.why ul{ overflow: hidden; margin-top: 60px; padding: 0 3%;  }
.why ul li{ width: 45%; float: left; font-size: 16px; line-height: 1.6; color: #fff; opacity: 0.4; padding-top: 40px; position: relative; }
.why ul li:nth-child(2){ float: right; }
.why ul li:before{ content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 1px; background-color: #fff; }
.why .buya{ margin-top: 1500px; width: 90%; margin-left: auto; margin-right: auto; }

.design{ padding:100px 7.5%; background-color: #0D111D; }
.design h3{ font-size: 80px; color: #fff; text-transform: uppercase; line-height: 1.2; font-weight: bold; padding: 0 3%; font-family: "Montserrat-Bold"; }
.design .pic{ display: block; width: 100%; margin:100px 0 80px;}
.design .libs{ padding: 0 2%; }
.design .libs .lone{  display: flex; align-items: center; justify-content: space-between; text-transform: uppercase; }
.design .libs .lone .icon{ display: block; width: 60px; margin:0 30px; }
.design .libs .lone p{width: calc(100% - 120px); border-bottom: 1px solid rgba(255,255,255,0.05); line-height: 1.6; padding: 40px 0;}
.design .libs .lone p span{ display: block; font-size: 24px; color: #fff; font-family: "Montserrat-Bold"; }
.design .libs .lone p i{ display: block; font-size: 16px; color: #fff; opacity: 0.3; }
.design .libs .lone p i em{ font-size: 14px; color: #fff; opacity: 0.8; padding-left: 20px; }
.design .buya{ margin-top: 100px; width: 94%; margin-left: auto; margin-right: auto; }
.design .txtp{ font-size: 16px; line-height: 24px; color: #fff; opacity: 0.4; }

.pics{ position: relative; width: 100%; }
.pics .pic{ display: block; width: 100%; }
.pics .bot{ position: absolute; bottom: 100px; left: 0; width: 100%; padding: 0 7.5%;  }
.pics .bot .allt{ display: block; width: 100%; margin-top: 60px; }
.pics .bot .txta{ font-size: 28px; line-height: 1.3; font-weight: bold; color: #fff; text-transform: uppercase; padding-left: 5%; padding-right: 5%;  }
.pics .bot .txtb{ font-size: 16px; line-height: 1.5; color: #fff; opacity: 0.3; text-transform: uppercase; margin-top: 60px; padding-left: 5%; padding-right: 5%;  }
.pics .bot .txte{ font-size: 16px; line-height: 1.5; color: #fff; opacity: 0.3; text-transform: uppercase; margin-top: 60px; padding-left: 5%; padding-right: 5%;  }
.pics .bot .small{ font-size: 16px; line-height: 1.5; color: #fff;  margin-top: 60px; }
.pics .bot h4{ font-size: 50px; line-height: 1.5; color: #fff; font-weight: bold; text-transform: uppercase;font-family: "Montserrat-Bold";letter-spacing: 0;}
.pics .bot h4 i{color: #FFD012;}
.pics .bot .buya{ margin-top: 60px; width: 95%; margin:60px auto 0; }
.pics .bot .word{ font-size: 16px; color: #fff; line-height: 22px; }
.pics .bot .word p{ padding: 30px 0; opacity: 0.8; }
.pics .bot .word p.borb{ border-bottom: 1px solid rgba(255,255,255,0.2); }
.pics > h3{ font-size: 80px; color: #fff; text-transform: uppercase; line-height: 1.2; font-weight: bold; position: absolute; left: 0; top: 100px; padding: 0 9%; z-index: 2;font-family: "Montserrat-Bold";  }
.pics > h3.smh3{ font-size: 70px;letter-spacing:0; }
.pics > h3 span{font-size:0.2rem}
.pics .buya.right{ width: 48%; right: 7.5%; bottom: 100px; z-index: 3; position: absolute; }
.pics .buya.notall{ width: 94%; margin-left: auto; margin-right: auto; }

.foot{ padding:40px 3.2%;  }
.foot .allt{ display: block; width: 100%; }
.foot ul{ margin-top: 40px; }
.foot ul li{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 40px 0; }
.foot ul li img{ display: block; width: 11.34%; width: 60px; }
.foot ul li p{ display: block; width: 72%; width: calc(100% - 90px); font-size: 20px; line-height:1.6; color: #282828; }
.foot ul li:after{ height: 2px; background: linear-gradient(to right, #fff, #eee, #fff); position: absolute; left: 0; bottom: 0; width: 100%; content: ""; }

@media screen and (max-width: 1200px){
	.cont{ width: 100%; margin:0 auto; }
	body{ min-width: 320px; }

	.buya{ display: block; width: 100%; cursor: pointer; }
	.buya img{ display: block; width: 100%; }

	.lists{ padding:1rem 0.3rem 0.3rem; background-image: url(https://cdn.shopify.com/s/files/1/0555/2783/3705/files/qticon7.png?v=1681875282); background-size: 100% auto; }
	.lists h3{ font-size: 0.8rem; color: #fff; text-transform: uppercase; line-height: 1; font-weight: bold; margin-bottom: 1rem; padding:0 0.5rem; }
	.lists h3 i{ color: #FF2B2B; }
	.lists .item{ display: flex; align-items: center; margin-bottom:0.4rem; position: relative; }
	.lists .item .info{ position: absolute; right: 1%; bottom: 0; width: 35%; height: 81%; width: 100%; right: 0px; bottom: 0.12rem; padding-left: 55%; padding-right: 0.2rem; }
	.lists .item .info .color{ font-size: 0.56rem;  }
	.lists .item .info .price{ font-size: 0.4rem; margin-top:0;line-height: initial; }
	.lists .item .info .price i{ font-size: 0.24rem; }
	.lists .item .info .price em{ font-size: 0.24rem; }
	.lists .item .info .go{ height:0.64rem; line-height: 0.64rem; font-size: 0.28rem; margin-top: 0.12rem; }
	.lists .item .info .add{ border:0.02rem solid #fff; height:0.64rem; line-height: 0.25rem; font-size: 0.2rem; margin-top:0.12rem; }
	.lists .item .info .add img{ width:0.32rem; }

	.descs{ padding: 0.4rem 0.6rem; font-size: 0.26rem; color: #fff; line-height: 0.36rem; }
	.descs p{ padding-left: 20px; margin-bottom:0.1rem; }
	.descs p:before{ width: 4px; height: 4px; }

	.why{ padding: 1.5rem 0.3rem 0.7rem; }
	.why h3{ font-size: 0.42rem; line-height: 1.4; }
	.why h4{ font-size: 0.8rem; line-height: 1.1; }
	.why h6{ font-size: 0.28rem; line-height: 1.6; opacity: 0.4; margin-top: 0.5rem; }
	.why .pic{width: 100%; margin:1rem 0 1.5rem; }
	.why ul{ margin-top: 0.5rem;  }
	.why ul li{ width: 45%; font-size: 0.26rem; line-height: 1.6; padding-top: 0.4rem; }
	.why .buya{ margin-top: 10rem; }

	.design{ padding:1.2rem 0.3rem; }
	.design.ds2{ padding-bottom: 0.6rem; }
	.design h3{ font-size: 0.8rem; line-height: 1.2; }
	.design .pic{ width: 100%; margin:1.2rem 0 0.8rem;}
	.design .libs{}
	.design .libs .lone .icon{ width:0.5rem; margin:0 0.3rem; }
	.design .libs .lone p{width: calc(100% - 1.1rem);  padding: 0.4rem 0;}
	.design .libs .lone p span{ display: block; font-size:0.28rem; color: #fff; }
	.design .libs .lone p i{ display: block; font-size: 0.24rem; color: #fff; opacity: 0.3; }
	.design .libs .lone p i em{ font-size: 0.22rem; color: #fff; opacity: 0.8; padding-left: 20px; }
	.design .buya{ margin-top: 0.8rem; }
	.design .txtp{ font-size: 0.28rem; line-height: 0.36rem; color: #fff; opacity: 0.4; }

	.pics{ position: relative; width: 100%; }
	.pics .pic{ display: block; width: 100%; }
	.pics .bot{ position: absolute; bottom: 1rem; bottom: 0.8rem; left: 0; width: 100%; padding: 0 0.3rem;  }
	.pics .bot.downs{ bottom: 0.2rem; }
	.pics .bot.dn2{ bottom: 0.5rem; }
	.pics .bot .allt{ display: block; width: 90%; margin-left: auto; margin-right: auto; margin-top: 0.3rem; }
	.pics .bot .txta{ font-size: 0.24rem; line-height: 1.8;  }
	.pics .bot .txtb{ font-size: 0.22rem; line-height: 1.5; margin-top:0.3rem;  }
	.pics .bot .txte{ font-size: 0.22rem; line-height: 1.2; margin-top:0.6rem;  }
	.pics .bot .small{ font-size: 0.26rem; line-height: 1.2; color: #fff;  margin-top: 0.6rem; }
	.pics .bot h4{ font-size: 0.64rem; line-height: 1.2;}
	.pics .bot h4 i{color: #FFD012;}
	.pics .bot .buya{ width: 95%; margin:0.6rem auto 0; }
	.pics .bot .word{ font-size: 0.2rem; color: #fff; line-height: 0.32rem; }
	.pics .bot .word p{ padding: 0.25rem 0; font-size: 0.26rem; }
	.pics .bot .word p.borb{ border-bottom: 1px solid rgba(255,255,255,0.2); }
	.pics > h3{ font-size:0.6rem; left: 0; top: 0.8rem; padding: 0 0.5rem; z-index: 2; }
	.pics > h3.smh3{ font-size: 0.64rem; top: 0.7rem; }
	.pics > h3.st2{ top: 0.7rem; }
	.pics .buya.right{ width: 48%; right:0.3rem; bottom:0.6rem; }

	.foot{ padding:0.3rem;  }
	.foot .allt{ display: block; width: 100%; }
	.foot ul{ margin-top: 0.4rem; }
	.foot ul li{ padding: 0.4rem 0; }
	.foot ul li img{ width: 11.34%; width:0.86rem; }
	.foot ul li p{  width: 72%; width: calc(100% - 1.2rem); font-size: 0.24rem; line-height:1.6; color: #282828; }

.topbar .line{ height: 1.04rem; display: flex; align-items: center; justify-content: space-between; position: relative;}
.topbar .line .logoa{ float: left; width: 214px; width: 28.13%; margin-left: 0.3rem; }
.topbar .line .logoa img{ display: block; width: 100%; }
.topbar .line .downa{ width: 354px; width: 52%; height: 0.62rem; line-height: 0.62rem; display: flex; align-items: center; justify-content: center; font-size: 0.36rem; color: #fff; font-family: "Montserrat-Bold"; background-color: #D00F1D; border-radius: 62px; }
.topbar .line .downa img{ display: block; height: 0.36rem; margin-left: 0.04rem; margin-bottom: 0.04rem; }
.topbar .line .cara{ width: 9.6%; margin-top: 0; height:auto; transform: translateY(0); }
.topbar .lineb{ background-color: #313131; height: 0.8rem; padding: 0 0.26rem; display: flex; align-items: center; justify-content: space-between; }
.topbar .lineb .tt{ height: 0.22rem; }
.topbar .lineb .time{ display: flex; align-items: flex-start; justify-content: center; }
.topbar .lineb .time span{ height: 0.68rem; width: 0.71rem; font-size: 0.56rem; text-align: center; color: #343434; line-height: 0.68rem; font-weight: bold; }
.topbar .lineb .time i{ height: 0.68rem; width: 0.33rem;}
.topbar .lineb .time em{ font-size: 12px; color:#fff; text-transform: uppercase; margin-right: 0.04rem; }
.topbarH{ height: 1.84rem;display:block !important }
}

.tw-pr-5 {
    padding-right: 15px;
}
.tw-mb-2 {
    margin-bottom: 5px;
}
@media (min-width: 960px){
	.lg\:tw-pb-2 {
		padding-bottom: 5px;
	}
	.tw-container {
		padding-left: 25px;
		padding-right: 25px;
	}
	.lg\:tw-mb-6 {
		margin-bottom: 15px;
	}
	.lg\:tw-space-x-18>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-right: calc(45px * var(--tw-space-x-reverse));
		margin-left: calc(45px * calc(1 - var(--tw-space-x-reverse)));
	}
	.lg\:tw-mb-4 {
		margin-bottom: 10px;
	}
	.lg\:tw-mb-2 {
		margin-bottom: 5px;
	}
	.lg\:tw-space-y-2>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(5px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(5px * var(--tw-space-y-reverse));
	}
	.tw-h-6 {
		height: 15px;
	}
	.lg\:tw-mr-2 {
		margin-right: 5px;
	}
}
@media (max-width: 959.98px){
	.md\:tw-py-5 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.md\:tw-container {
		padding-left: 10px;
		padding-right: 10px;
	}
	.md\:tw-mx-2 {
		margin-left: 5px;
		margin-right: 5px;
	}
	.tw-h-6 {
		height: 15px;
	}
	.md\:tw-pb-5 {
		padding-bottom: 12px;
	}
}
footer,product-recommendations {
    display: none !important;
}
</style>