/** Shopify CDN: Minification failed

Line 872:16 Unexpected "{"

**/
@font-face {
    /* 重命名字体名 */
    font-family: 'Arial';
    /* 引入字体 */
    src: url('/cdn/shop/files/arial.ttf?v=1728885721');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* 重命名字体名 */
    font-family: 'Akzidenz-Grotesk BQ Condensed';
    /* 引入字体 */
    src: url('/cdn/shop/files/AkzidenzGrotesk-ExtraBoldCond_ce97ec3b-7666-4982-bc7f-99c84eed008d.otf?v=1728885720');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("https://cdn.shopify.com/s/files/1/0839/7783/0704/files/Roboto-Medium_1a5d5c23-5b2e-42d5-9017-ac4a116e59c3.ttf?v=1719371601");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("/cdn/shop/files/Roboto-Bold_6cfeba28-7d50-4b22-9003-4bb6a12f9db7.ttf?v=1728959764");
  font-weight: normal;
  font-style: normal;
}

a:not([href]){cursor:pointer}

/*reset*/
html {
    -webkit-text-size-adjust: 100%;
}

/*reset*/
html {
    max-width: 1080px;
    margin: 0 auto;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
    display: block
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
figure,
section,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}

fieldset,
img {
    border: 0 none
}

body {
    font-size: 62.5%;
    background-color: #fff;
    color: #333;
    /* max-width: 640px; */
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

table {
    border-collapse: collapse;
}

ul,
ol,
dd,
dt,
dl {
    list-style-type: none;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

a,
input,
select {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input,
img {
    border: none;
}

/* i,
em {
    font-style: normal;
} */

:focus {
    outline: none
}

select {
    background: none
}

/*iphone6*/
/* @media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2) {
    body {
        font-size: 14.5px;
    }
} */

/*iphone6plus*/
/* @media(min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    body {
        font-size: 15.5px;
    }
} */

/*原子类*/
.clear {
    clear: both;
}

.clear:after {
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

/* .fl {
    float: left;
}

.fr {
    float: right;
} */

.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

/*placeholder css*/
::-moz-placeholder {
    font-family: "Microsoft YaHei"
}

::-webkit-input-placeholder {
    font-family: "Microsoft YaHei"
}

:-ms-input-placeholder {
    font-family: "Microsoft YaHei"
}

/* product-recommendations.product-recommendations.page-width{display:none} */
.az_reviews{
  display:none
}
#root{
   
}

html,
body {
    height: 100%;
    width: 100%;
    -webkit-text-size-adjust: auto  !important;
    text-size-adjust:auto  !important;
    -moz-text-size-adjust:auto !important;
}

body {
    background: #fff;
    overflow-x: hidden;
}







.header {
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  width: 100%;
  padding: 0 70px;
}

.header img {
  width: 256px;
}

.header a:nth-child(1) {
  width: 252px;
  height: 66px;
  background: #21294b;
  border-radius: 10px;
  font-size: 34px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 66px;
  margin-right: 50px;
}
.sp-relative {
  position: relative;
}
.sp-flex-x {
  display: flex;
  align-items: center;
}
.sp-cart {
  width: 74px;
  height: 65px;
  background: url('/cdn/shop/files/20240918-certs.png?v=1728885771') no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sp-cart .icon {
  width: 56px;
}

.sp-cart .num {
  width: 41px;
  height: 41px;
  background: #cf0101;
  border: 3px solid #ffffff;
  line-height: 41px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  right: -12px;
  top: -12px;
  font-size: 30px;
  color: #ffffff;
  text-align: center;
}

.content {
  width: 100%;
  height: 1356px;
  background-image: url(/cdn/shop/files/iocn12.png?v=1685500913);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  padding-top: 57px;
}

.content h4 {
  width: 1010px;
  height: 91px;
  text-align: center;
  line-height: 91px;
  font-size: 43px;
  font-family: 096-CAI978;
  font-weight: bold;
  color: #ffffff;
  background-image: url(/cdn/shop/files/iocn18.png?v=1685500907);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  margin: 0 auto;
}

.content .span1 {
  display: block;
  font-size: 79px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #ffffff;
  line-height: 76px;
  padding-top: 110px;
  padding-left: 53px;
}

.content .span2 {
  display: block;
  font-size: 50px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #e19814;
  line-height: 76px;
  padding-top: 34px;
  padding-left: 53px;
}

.content .span3 {
  display: block;
  font-size: 41px;
  font-family: Roboto-Medium;
  font-weight: bold;
  text-decoration: line-through;
  color: #353535;
  opacity: 0.5;
  padding-top: 10px;
  padding-left: 53px;
}

.content .span4 {
  display: block;
  font-size: 108px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #1a1a1a;
  line-height: 126px;
  padding-left: 53px;
  padding-top: 10px;
}

.content a {
  display: block;
  width: 394px;
  height: 104px;
  font-size: 53px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #ffffff;
  line-height: 104px;
  background-image: url(/cdn/shop/files/iocn16.png?v=1685500907);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  text-align: center;
  margin-top: 35px;
  margin-left: 53px;
}

.section .section_top {
  display: block;
  font-size: 82px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #ffffff;
  line-height: 85px;
  text-align: center;
  background-color: #040919;
  padding: 70px 0;
}

.section img {
  display: block;
  width: 100%;
}

.section .section_box {
  display: block;
  width: 100%;
  height: 240px;
  font-size: 107px;
  font-family: Roboto-Bold;
  font-weight: bold;
  color: #f8af28;
  text-align: center;
  line-height: 240px;
  background-color: #fff;
}

div#root .header img {
    max-width: 300px;
}
.sectionn a {
  display: block;
  width: 438px;
  height: 116px;
  font-size: 53px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #ffffff;
  line-height: 116px;
  background-image: url(/cdn/shop/files/iocn15.png?v=1685500907);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  text-align: center;
  margin: 0 auto;
  margin-top: 53px;
}

.middle h4 {
  font-size: 76px;
  font-family: Roboto-Bold;
  font-weight: bold;
  color: #21294b;
  line-height: 82px;
  text-align: center;
  padding-top: 64px;
}

.middle .images1 {
  display: block;
  width: 925px;
  margin: 0 auto;
  margin-top: 50px;
}

.middle span {
  display: block;
  font-size: 115px;
  font-family: Roboto-Bold;
  font-weight: 900;
  color: #f8af28;
  line-height: 103px;
  padding-top: 85px;
  text-align: center;
}

.middle P {
  width: 878px;
  font-size: 40px;
  font-family: Roboto-Bold;
  font-weight: bold;
  color: #252e55;
  line-height: 47px;
  margin: 0 auto;
  text-align: center;
  padding-top: 37px;
}

.middle .images2 {
  display: block;
  width: 100%;
  margin-top: 60px;
}

.middle a {
  display: block;
  width: 438px;
  height: 116px;
  font-size: 53px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #ffffff;
  line-height: 116px;
  background-image: url(/cdn/shop/files/iocn15.png?v=1685500907);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  text-align: center;
  margin: 0 auto;
  margin-top: 64px;
}

.middle h5 {
  font-size: 80px;
  font-family: Roboto-Bold;
  font-weight: 900;
  color: #252e55;
  line-height: 103px;
  margin-top: 50px;
  text-align: center;
}

.middle .images3 {
  display: block;
  width: 975px;
  margin: 0 auto;
  margin-top: 50px;
}

.success {
  padding-top: 100px;
}

.success .success_top {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/cdn/shop/files/iocn22.png?v=1685500907);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}

.success .success_top span {
  font-size: 70px;
  font-family: Roboto-Medium;
  font-weight: 500;
  color: #242424;
}

.success .success_top p {
  font-family: Roboto-Medium;
  font-size: 70px;
  color: #242424;
  font-weight: 400;
}

.success img {
  display: block;
  width: 100%;
  margin-top: 80px;
}

.success .succe_a {
  display: block;
  width: 438px;
  height: 116px;
  font-size: 53px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #ffffff;
  line-height: 116px;
  background-image: url(/cdn/shop/files/iocn15.png?v=1685500907);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  text-align: center;
  margin: 0 auto;
  margin-top: 64px;
}

.checked {
  padding-top: 65px;
}

.checked .checked_top .checked_key {
  width: 100%;
  height: 135px;
  background-color: #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checked .checked_top .checked_key span {
  font-size: 55px;
  font-family: Roboto-Bold;
  font-weight: bold;
  color: #141414;
}

.checked .checked_top .checked_key p {
  font-size: 42px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #292929;
  padding-left: 30px;
  font-weight: 500;
}

.checked .checked_top img {
  display: block;
  width: 100%;
}

.checked .checked_box {
  padding-top: 20px;
}

.checked .checked_box img {
  display: block;
  width: 100%;
}

.checked .checked_box h4 {
  font-size: 50px;
  font-family: Roboto-Bold;
  font-weight: 500;
  color: #ffc439;
  text-align: center;
}

.checked .checked_box .checked_key {
  width: 100%;
  padding: 35px 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checked .checked_box .checked_key span {
  font-size: 55px;
  font-family: Roboto-Bold;
  font-weight: bold;
  color: #141414;
}

.checked .checked_box .checked_key p {
  font-size: 42px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #292929;
  padding-left: 30px;
  font-weight: 500;
}

.seperate {
  padding-top: 20px;
}

.seperate h4 {
  font-size: 88px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 124px;
  text-align: center;
  background: #2a2a2a;
}

.seperate .seperate_top {
  width: 904px;
  margin: 0 auto;
  padding-top: 50px;
}

.seperate .seperate_top img {
  width: 100%;
}

.seperate .seperate_key .span1 {
  display: block;
  font-size: 40px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #2a2a2a;
  text-align: center;
  padding-top: 22px;
}

.seperate .seperate_key div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.seperate .seperate_key div span {
  font-size: 90px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #e71515;
}

.seperate .seperate_key div p {
  font-size: 55px;
  font-family: Roboto-Medium;
  font-weight: 600;
  text-decoration: line-through;
  color: #2a2a2a;
  opacity: 0.5;
  padding-left: 40px;
}

.seperate .seperate_key .span2 {
  display: block;
  font-size: 48px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #2a2a2a;
  text-align: center;
  padding-top: 10px;
}

.seperate .seperate_box ul {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 20px;
}

.seperate .seperate_box ul li {
  padding: 0 30px;
}

.seperate .seperate_box ul li span {
  display: block;
  width: 106px;
  height: 106px;
  background: #40659a;
  border-radius: 50%;
  border: 7px solid #fff;
  margin: 0 auto;
}

.seperate .seperate_box ul li p {
  font-size: 28px;
  font-family: Roboto-Bold;
  font-weight: bold;
  color: #2a2a2a;
  padding-top: 14px;
  text-align: center;
}

.seperate .seperate_box ul li:nth-child(2) span {
  background: #274670;
}

.seperate .seperate_box ul li:nth-child(3) span {
  background: #162745;
}

.seperate .seperate_box ul .active span {
  border: 7px solid #000000;
}

.album {
  width: 876px;
  margin: 0 auto;
}

.album ul li {
  width: 876px;
  height: 98px;
  border: 3px solid #000000;
  border-radius: 15px;
  margin-top: 30px;
  padding: 0 25px;
  display: flex;
  align-items: center;
}

.album ul li span {
  font-size: 50px;
  font-family: Roboto-Bold;
  font-weight: bold;
  color: #000000;
  width: 150px;
  border-right: 4px solid rgba(0, 0, 0, 0.5);
}

.album ul li select {
  margin-left: 37px;
  border: 0;
  width: 628px;
  font-size: 40px;
  font-family: Roboto-Bold;
  font-weight: 500;
  color: #000000;
  background: url(/cdn/shop/files/iocn24.png?v=1685500907);
  background-size: 27px 17px;
  background-position: right;
  background-repeat: no-repeat;
}

.paging {
  padding-bottom: 60px;
}

.paging .paging_a {
  display: block;
  width: 922px;
  margin: 0 auto;
  margin-top: 60px;
}

.paging .paging_b {
  display: block;
  width: 979px;
  margin: 0 auto;
  margin-top: 50px;
}

.paging .paging_c {
  display: block;
  width: 1006px;
  margin: 0 auto;
  margin-top: 33px;
}

.num-warp {
  width: 473px;
  height: 116px;
  border-radius: 20px;
  border: 3px solid #bfbfbf;
  /* background: #eeeeee; */
  font-family: "Roboto-Medium";
  font-size: 50px;
  color: #000000;
  padding: 0px 40px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Roboto-Bold";
}

.num-warp span, {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  padding: 5px;
  cursor: pointer;
  flex-shrink: 0;
}
.num-warp input{
  outline: 0;
  border: none;
  text-align: center;
  box-sizing: border-box;
  width: 190px;
  height: 100%;
  color: #232326;
  background: #fff;
  /* vertical-align: middle; */
  padding: 0;
  font-family: "Roboto-Medium";
  font-size: 50px;
  /* border-left: 2px solid #646464;
  border-right: 2px solid #646464; */

  line-height: 40px;
}

.forum {
  display: flex;
  align-items: center;
  justify-content: center;
}

.forum .forum_a {
  width: 491px;
  height: 99px;
  border: 5px solid #4c7dc4;
  border-radius: 15px;
  font-size: 43px;
  font-family: Roboto-Medium;
  font-weight: bold;
  color: #4c7dc4;
  text-align: center;
  line-height: 89px;
}

.forum .forum_b {
  width: 100%;
  height: 140px;
  line-height: 99px;
  font-size: 43px;
  font-family: Roboto-Medium;
  font-weight: bold;
  margin: 25px 20px 32px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-image: url(/cdn/shop/files/iocn17.png?v=1685500907);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  color: #ffffff;
}

.modal {
  width: 1020px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/cdn/shop/files/iocn19.png?v=1685500907);
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  margin: 0 auto;
  margin-top: 36px;
}

.modal img {
  width: 64px;
  margin-right: 23px;
}

.modal span {
  font-size: 30px;
  font-family: Roboto-Bold;
  font-weight: 400;
  color: #191919;
}
.header .sp-cart.on {
  animation: shakeCart 3s infinite ease-in-out;
}
.product-select{
  margin: 0 30px;
}
.seperate .option-title {
      font-family: Roboto-Bold;
    font-size: 34px;
    font-weight: 700;
    color: #6a6a6a;
    margin: 20px 0 0px;
    text-transform: uppercase;
}
.seperate .opt-group {
  display: flex;
  /* gap: 22px 30px; */
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}

#Size,#Style {
  justify-content: flex-start;
}

#Size .option,
#Style .option{
    margin: 16px 16px 4px 0;
    padding: 26px 50px;
    border: 3px solid #0059db;
    background-color: rgb(var(--color-background));
    color: rgba(var(--color-foreground));
    border-radius: 50px;
    display: inline-block;
    font-size: 34px;
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    position: relative;
  font-family:Roboto-Bold;
}
#Size .option.active,
#Style .option.active{
        background-color: #0059db;
    color: white;
      border: 2px solid #0059db;
}

.seperate .option {
  border-radius: 10px;
  border: 3px solid #bcbcbc;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  font-family: 'Roboto-Bold';
  font-weight: 500;
  color: #353535;
  font-size: 36px;
  line-height: 1;
  overflow: hidden;
  position: relative;
}
.flex-bet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px;
}
.addCart {
  width: 499px;
  height: 116px;
  background: #ffffff;
  border-radius: 20px;
  border: 3px solid #bfbfbf;
  background-size: 100% 100%;
  font-family: "Roboto-Medium";
  font-size: 40px;
  color: #000000;
  gap: 24px;
  text-transform: uppercase;
}
.addCart img {
  width: 40px;
}
.btn-style {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.btn-style .icon {
  width: 34px;
  margin-left: 22px;
}
@keyframes shakeCart {
  0%,
  16% {
    transform: scale(1) rotate(0);
  }
  2% {
    transform: scale(1.1) rotate(0);
  }
  4%,
  8%,
  12% {
    transform: scale(1.1) rotate(-10deg);
  }
  6%,
  10%,
  14% {
    transform: scale(1.1) rotate(10deg);
  }
}
.lt_back_to_top{
  display:none!important;
}