/** Shopify CDN: Minification failed

Line 4350:15 Expected identifier but found whitespace
Line 4350:22 Unexpected ";"

**/
@font-face {
  font-family: 'Roboto';
  src: url('/cdn/shop/files/Roboto-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('/cdn/shop/files/Roboto-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('/cdn/shop/files/Roboto-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url('/cdn/shop/files/Roboto-BlackItalic.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Anton';
  src: url('/cdn/shop/files/Anton-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/cdn/shop/files/Poppins-Bold.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('/cdn/shop/files/Poppins-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('/cdn/shop/files/Poppins-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('/cdn/shop/files/Poppins-SemiBold.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url('/cdn/shop/files/RobotoCondensed-Bold.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url('/cdn/shop/files/RobotoCondensed-Light.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bacchus-Bold';
  src: url('/cdn/shop/files/Bacchus-Bold-2.ttf');
  font-weight: normal;
  font-style: normal;
}

/* Roboto 系列 */
@font-face {
  font-family: 'Roboto-Black';
  src: url('/cdn/shop/files/Roboto-Black_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-BoldCondensed';
  src: url('/cdn/shop/files/Roboto-BoldCondensed_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-BoldCondensedItalic';
  src: url('/cdn/shop/files/Roboto-BoldCondensedItalic_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-BoldItalic';
  src: url('/cdn/shop/files/Roboto-BoldItalic_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Condensed';
  src: url('/cdn/shop/files/Roboto-Condensed_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-CondensedItalic';
  src: url('/cdn/shop/files/Roboto-CondensedItalic_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Italic';
  src: url('/cdn/shop/files/Roboto-Italic_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('/cdn/shop/files/Roboto-Light_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-LightItalic';
  src: url('/cdn/shop/files/Roboto-LightItalic_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url('/cdn/shop/files/Roboto-MediumItalic_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Thin';
  src: url('/cdn/shop/files/Roboto-Thin_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-ThinItalic';
  src: url('/cdn/shop/files/Roboto-ThinItalic_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-BoldItalic';
  src: url('/cdn/shop/files/RobotoCondensed-BoldItalic.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-LightItalic';
  src: url('/cdn/shop/files/RobotoCondensed-LightItalic.ttf');
  font-weight: normal;
  font-style: normal;
}

/* Helvetica Neue 系列 */
@font-face {
  font-family: 'HelveticaNeue-UltraLight';
  src: url('/cdn/shop/files/Helvetica Neue UltraLight_0.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('/cdn/shop/files/HelveticaNeue-Bold.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-BoldCond';
  src: url('/cdn/shop/files/HelveticaNeue-BoldCond.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-BoldExt';
  src: url('/cdn/shop/files/HelveticaNeue-BoldExt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-BlackExt';
  src: url('/cdn/shop/files/HelveticaNeue-BlackExt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-ExtBlackCond';
  src: url('/cdn/shop/files/HelveticaNeue-ExtBlackCond.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-MediumExt';
  src: url('/cdn/shop/files/HelveticaNeue-MediumExt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Roman';
  src: url('/cdn/shop/files/HelveticaNeue-Roman.otf');
  font-weight: normal;
  font-style: normal;
}

/* Helvetica Neue LT Pro 系列 */
@font-face {
  font-family: 'HelveticaNeueLTPro-Bd';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-Bd.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-BdCn';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-BdCn.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-BdEx';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-BdEx.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-BdIt';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-BdIt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-BdOu';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-BdOu.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Blk';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-Blk.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-BlkCn';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-BlkCn.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-BlkEx';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-BlkEx.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-BlkIt';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-BlkIt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Cn';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-Cn.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Ex';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-Ex.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Hv';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-Hv.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-HvCn';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-HvCn.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-HvEx';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-HvEx.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-HvIt';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-HvIt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-It';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-It.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Lt';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-Lt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-LtCn';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-LtCn.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-LtEx';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-LtEx.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-LtIt';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-LtIt.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Md';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-Md.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-MdCn';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-MdCn.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-MdEx';
  src: url('/cdn/shop/files/HelveticaNeueLTPro-MdEx.otf');
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

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

input,
img {
  border: none;
}

li {
  list-style: none;
}

#root {
  position: relative;
  width: 1920px;
  /* background: url("/cdn/shop/files/20251216-bg-pc.png") no-repeat; */
  background-size: 100% 100%;
  font-family: Anton;
  line-height: auto;
}

.sp-uppercase {
  text-transform: uppercase;
}

.sp-relative {
  position: relative;
}

.sp-img {
  display: block;
  width: 100%;
}

.sp-flex-x {
  display: flex;
  align-items: center;
}

.flex-bet {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sp-bg {
}

.header-top {
  position: relative;
  z-index: 11;
  text-align: center;
  font-family: Roboto;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  width: 1920px;
  height: 25px;
  background-color: #fd9a00;
}

.header-top .swiper-slide div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.sp-ww {
  width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.sp-fixed {
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  animation: stuckMoveDown 0.6s;
  z-index: 10;
}

.sp-fixed .sp_header-content {
  width: 1920px;
  background-color: #fff;
  top: 0px;
  left: 0px;
  border-radius: 0px;
  padding: 0 130px;
}

.sp_header-wrap {
  position: relative;
}

.sp_header-content {
  position: fixed;
  top: 25px;
  left: 0px;
  width: 1920px;
  height: 85px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 4px 6px 0px rgba(72, 72, 72, 0.06);
  padding: 0 187px;
  box-sizing: border-box;
  font-size: 16px;
  color: #010100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 4;
}

.sp_header-content ul {
  display: flex;
  align-items: center;
  gap: 26px;
  font-family: Roboto;
}

.sp_header-content ul span {
  padding: 0 5px;
  height: 13px;
  background: #d72b2b;
  border-radius: 3px;
  font-size: 9px;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  /* margin-left: -4px; */
  vertical-align: middle;
  transform: translateY(-5px);
}

.sp_header-content .sp-logo {
  width: 123px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: Roboto;
  font-weight: bold;
  font-size: 54px;
  color: #111111;
  line-height: 78px;
}

.sp-cart {
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
}

.sp-cart .sp-icon {
  width: 100%;
}

.sp-cart .sp-num {
  position: absolute;
  right: -14px;
  top: -10px;
  width: 26px;
  height: 26px;
  background: #ff0000;
  border-radius: 50%;
  border: 3px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto-Medium;
  font-size: 19px;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
}

.sp-cart .sp-num.sp-gray {
  background-color: #858585;
}

.sp-top-btn {
  margin-right: 40px;
  width: 275px;
  height: 53px;
  background: #f65f00;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  animation: skip 4s infinite;
  width: 275px;
  height: 53px;
  background: #f65f00;
  border-radius: 10px;
  margin-left: 30px;
}

.sp-part-top {
  /* margin-top: 264px; */
}

.sp-price-group {
  display: flex;
  align-items: baseline;
}

.sp-price-group .sp-price2 {
  text-decoration: line-through;
}

.btn-style {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.sp-stroke {
  position: relative;
}

.sp-stroke::after {
  content: attr(data-title);
  -webkit-text-stroke: 0px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.sp-stroke::before {
  content: attr(data-title);
  -webkit-text-stroke: 0px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.sp-stroke-shadow {
  position: relative;
  z-index: 1;
}

.sp-stroke-shadow::before {
  content: attr(data-title);
  -webkit-text-stroke: 0px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  text-shadow: -6px 8px 0px rgba(16, 16, 16, 0.39);
  z-index: -1;
}

.sp-btn-box {
  position: absolute;
  top: 676px;
  left: 221px;
}

.sp-btn-style1 {
  width: 658px;
  height: 114px;
  background-size: 100% 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: skip 4s infinite;
  font-size: 38px;
  color: #ffffff;
  width: 525px;
  height: 81px;
  background: linear-gradient(179deg, #ffd800, #ff6000);
  border-radius: 41px;
  font-family: Roboto-Black;
  font-weight: 900;
  font-size: 30px;
  color: #ffffff;
}

.sp-button-box {
  position: relative;
  width: 492px;
  height: 100px;
  background: #fd4c00;
  border-radius: 50px;
  box-sizing: border-box;
  padding-left: 55px;
  display: flex;
  align-items: center;
  animation: skip 4s infinite;
  font-size: 38px;
  color: #ffffff;
}

.sp-button-box .sp-arrow {
  position: absolute;
  top: -5px;
  right: -5px;
}

.sp-title-wrap {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
}

.sp-title {
  font-size: 48px;
  color: #211b1d;
  line-height: 1;
}

.sp-sub-title {
  font-family: Roboto-Medium;
  font-size: 36px;
  color: #211b1d;
  line-height: 1;
}

.sp-part1 {
  margin-top: 85px;
  height: 778px;
  background: url('/cdn/shop/files/20251216-bg1-pc.png')
    no-repeat center;
  background-size: cover;
}

/* No.1徽章 */
.sp-part1 .sp-badge {
  position: absolute;
  top: 163px;
  left: 215px;
  width: 171px;
  height: 143px;
}

/* 副标题 */
.sp-part1 .sp-sub-text {
  position: absolute;
  top: 167px;
  left: 407px;
  font-family: HelveticaNeue-Roman;
  font-weight: 400;
  font-size: 27px;
  color: #ffffff;
  line-height: 72px;
  line-height: 1;
}

.sp-part1 .sp-sub-text div {
  opacity: 0.8;
}

/* 主标题 */
.sp-part1 .sp-main-title {
  position: absolute;
  top: 200px;
  left: 407px;
  font-family: HelveticaNeue-Bold;
  font-size: 48px;
  color: #ffffff;
  line-height: 50px;
}

/* 数据统计区域 */
.sp-part1 .sp-stats {
  position: absolute;
  left: 220px;
  top: 365px;
  display: flex;
  align-items: center;
  gap: 40px;
}

.sp-part1 .sp-stat-item {
  text-align: left;
}

.sp-part1 .sp-stat-num {
  font-family: Roboto;
  font-weight: bold;
  font-size: 36px;
  color: #fd9a00;
  line-height: 1;
}

.sp-part1 .sp-stat-label {
  margin-top: 8px;
  font-family: Roboto-Medium;
  font-weight: 500;
  font-size: 24px;
  color: #ffffff;
  line-height: 10px;
}

.sp-part1 .sp-stat-divider {
  width: 2px;
  height: 50px;
  background: #cccccc;
}

.sp-part1 .sp-p1-bottom {
  position: absolute;
  top: 775px;
  left: 0;
  width: 1920px;
  height: 116px;
  background: #ff7d13;
}

.sp-part1 .sp-p1-bottom img {
  width: 1470px;
  height: 41px;
  position: absolute;
  top: 36px;
  left: 225px;
}

/* 销量信息 */
.sp-part1 .sp-sold-info {
  position: absolute;
  top: 465px;
  left: 220px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Roboto-Medium;
  font-size: 25px;
  color: #ffffff;
}

.sp-part1 .sp-sold-info img {
  width: 28px;
}

/* 购买按钮 */
.sp-part1 .sp-btn-box {
  position: absolute;
  top: 522px;
  left: 220px;
}

.sp-part1 .sp-btn-style1 {
  width: 525px;
  height: 81px;
  background: linear-gradient(179deg, #ffd800, #ff6000);
  border-radius: 41px;
  font-family: Roboto;
  font-weight: 900;
  font-weight: bold;
  font-size: 30px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: skip 4s infinite;
}

.sp-part2 {
  height: 1418px;
  margin-top: 116px;
}

/* 主标题 */
.sp-part2 .sp-title {
  position: absolute;
  top: 95px;
  left: 0;
  width: 100%;
  text-align: center;
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  white-space: nowrap;
  font-weight: bold;
  font-size: 51px;
  color: #212121;
  line-height: 75px;
}

/* 四个症状卡片容器 */
.sp-part2 .sp-symptom-cards {
  position: absolute;
  top: 198px;
  left: 212px;
  display: flex;
  gap: 20px;
}

.sp-part2 .sp-symptom-card {
  width: 357px;
  text-align: center;
}

.sp-part2 .sp-symptom-card img {
  width: 357px;
  height: 316px;
  object-fit: cover;
  border-radius: 15px;
}

.sp-part2 .sp-symptom-label {
  margin-top: -58px;
  font-family: Roboto-Regular;

  font-weight: 400;
  font-size: 21px;
  color: #424242;
}

/* 左侧视频区域 */
.sp-part2 .sp-video {
  position: absolute;
  top: 573px;
  left: 220px;
  width: 706px;
  height: 700px;
  border-radius: 30px;
}

.sp-part2 .sp-video video {
  width: 706px;
  height: 700px;
  object-fit: cover;
  border-radius: 30px;
}

/* 右侧内容区域 */
.sp-part2 .sp-right-content {
  position: absolute;
  top: 595px;
  left: 983px;
  width: 695px;
}

/* 图标列表容器 */
.sp-part2 .sp-icon-box {
  margin-bottom: 25px;
}

.sp-part2 .sp-icon-list {
  width: 100%;
}

.sp-part2 .sp-icon-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.sp-part2 .sp-icon-labels span {
  font-family: Roboto-Regular;
  font-size: 14px;
  color: #333333;
  text-align: center;
  width: 13%;
}

/* 描述文字 */
.sp-part2 .sp-desc-text {
  font-family: Roboto-Regular;
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 24px;
  color: #212121;
  line-height: 35px;
}

/* 医生图片 */
.sp-part2 .sp-doctor-img {
  width: 726px;
  height: 469px;
}

.sp2-product {
  width: 661px;
  height: 531px;
  position: absolute;
  top: 1107px;
  left: 181px;
}

.sp-part3 {
  height: 680px;
  width: 1920px;
  height: 1016px;
  background: #ffe5bc30;
}

/* 主标题 */
.sp-part3 .sp-title {
  position: absolute;
  top: 103px;
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  white-space: nowrap;
  font-weight: bold;
  font-size: 50px;
  color: #212121;
  line-height: 1;
  width: 100%;
  text-align: center;
}

/* 图片 */
.sp-part3 .sp-images {
  position: absolute;
  top: 203px;
  left: 221px;
  width: 1477px;
  height: 482px;
}

/* 左侧文字 */
.sp-part3 .sp-left-content {
  position: absolute;
  top: 726px;
  left: 221px;
  width: 743px;
}

/* 右侧文字 */
.sp-part3 .sp-right-content {
  position: absolute;
  top: 726px;
  left: 996px;
  width: 686px;
}

.sp-part3 .sp-sub-title {
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 24px;
  color: #ff8c00;
  margin-bottom: 22px;
  font-weight: bold;
  font-size: 32px;
  color: #fd9a00;
  line-height: 1;
}

.sp-part3 .sp-desc {
  font-family: Roboto-Regular;
  font-weight: 400;
  font-size: 20px;
  color: #212121;
  line-height: 30px;
}

.sp-part3 .sp-highlight {
  color: #fd9a00;
}

/* 购买按钮 */
.sp-part3 .sp-btn-box {
  position: absolute;
  top: 872px;
  left: 692px;
}

.sp-part3 .sp-btn-style1 {
  width: 525px;
  height: 81px;
  font-family: Roboto-Black;
  font-weight: bold;
  font-size: 30px;
}

/* PC端隐藏轮播 */
.sp-part3 .sp-swiper3-m {
  display: none;
}

.sp-part3 .sp-info {
  position: absolute;
  top: 104px;
  left: 1374px;
  width: 276px;
  height: 43px;
  background: url('/cdn/shop/files/20251216-bg3-5-pc.png')
    no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-left: 62px;
  font-family: Roboto-Regular;
  font-size: 16px;
  color: #1c1c1c;
  display: flex;
  align-items: center;
}

.sp-part3 .sp-info2 {
  top: 155px;
  left: 1006px;
}

.sp-part3 .sp-info3 {
  top: 244px;
  left: 1083px;
  padding-left: 71px;
}

.sp-part3 .sp-info4 {
  top: 333px;
  left: 993px;
  padding-left: 51px;
}

.sp-part4 {
  height: 782px;
}

/* 背景图 */
.sp-part4 .sp-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 782px;
  object-fit: cover;
}

/* 主标题 */
.sp-part4 .sp-title {
  position: absolute;
  top: 140px;
  left: 222px;
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 55px;
  color: #ffffff;
  line-height: 61px;
}

/* 左侧内容区 */
.sp-part4 .sp-left-box {
  position: absolute;
  top: 296px;
  left: 200px;
  width: 400px;
}

.sp-part4 .sp-tuv {
  width: 600px;
  height: auto;
}

.sp-part4 .sp-uv-label {
  position: absolute;
  top: 220px;
  left: 216px;
  font-family: Roboto-Medium;
  font-size: 16px;
  font-weight: 500;
  font-size: 22px;
  color: #fd9a00;
  width: 100%;
}

.sp-part4 .sp-desc {
  font-family: Roboto-Regular;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.6;
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  width: 657px;
  margin-top: 20px;
}

.sp-part4 .sp-desc div {
  opacity: 0.8;
}

.sp-part5 {
  height: 1002px;
}

/* 底部三个特性 */
.sp-part5 .sp-features {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0 220px;
  width: 100%;
  height: 134px;
  background: linear-gradient(90deg, #ff7d13, #fd9a00);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 100px;
  box-sizing: border-box;
  padding-top: 20px;
}

.sp-part5 .sp-feature-item {
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 36px;
  color: #ffffff;
}

.sp-part5 .sp-features .sp-feature-item {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.3s;
}

.sp-part5 .sp-features .sp-feature-item.active {
  opacity: 1;
}

.sp-part5 .sp-features .sp-feature-item.active span {
  border-bottom: 3px solid #ff5a00;
  padding-bottom: 2px;
}

/* 左侧图片 */
.sp-part5 .sp-image {
  /* position: absolute; */
  top: 73px;
  left: 220px;
  width: 625px;
  height: auto;
  border-radius: 20px;
}

/* 右侧内容区 */
.sp-part5 .sp-right-content {
  /* position: absolute; */
  top: 190px;
  left: 922px;
  /* width: 600px; */
}

.sp5-swiper {
  position: absolute;
  top: 207px;
  left: 0;
  width: 1474px;
  height: 581px;
  overflow: hidden;
  border-radius: 30px;
}

.sp5-swiper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.08);
  pointer-events: none;
  z-index: 10;
}

.sp5-swiper .swiper-slide {
  width: 100%;
}

.sp5-box {
  width: 1474px;
  height: 581px;
  background: #ffffff;
  border-radius: 30px;
  display: flex;
  gap: 77px;
}

.sp-part5 .sp-title {
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 45px;
  color: #252525;
  line-height: 50px;
  padding-top: 80px;
}

.sp-part5 .sp-sub-title {
  /* margin-top:20px; */
  font-family: Roboto-Regular;
  font-weight: 400;
  font-size: 24px;
  color: #252525;
  line-height: 59px;
}

.sp-part5 .sp-line {
  margin-top: 36px;
  width: 564px;
  height: 1px;
  background: #fd9a00;
  display: block;
}

/* 特性列表 */
.sp-part5 .sp-feature-list {
  margin-top: 73px;
}

.sp-part5 .sp-feature-item {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}

.sp-part5 .sp-check {
  width: 25px;
  height: 18px;
  margin-right: 12px;
}

.sp-part5 .sp-highlight {
  font-family: Roboto;
  font-weight: bold;
  font-size: 18px;
  color: #fd9a00;
  margin-right: 8px;
  font-size: 30px;
  color: #fd9a00;
  line-height: 1;
}

.sp-part5 .sp-desc {
  font-family: Roboto-Regular;
  font-size: 20px;
  color: #3c3c3c;
  line-height: 1;
}

/* 购买按钮 */
.sp-part5 .sp-btn-box {
  position: absolute;
  top: 844px;
  left: 698px;
}

.sp-part5 .sp-btn-style1 {
  width: 525px;
  height: 81px;
  font-weight: bold;
}

.sp-part6 {
  width: 1920px;
  height: 790px;
  background: #ffe5bc30;
}

.sp-part6 .title {
  width: 100%;
  text-align: center;
  position: absolute;
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 50px;
  color: #212121;
  line-height: 1;
  top: 352px;
}

.sp-part6 .sub-title {
  width: 100%;
  text-align: center;
  position: absolute;
  font-family: Roboto-Regular;
  font-weight: 400;
  font-size: 20px;
  color: #212121;
  line-height: 25px;
  top: 418px;
}

.sp-part6 .sp6-image {
  width: 100%;
  position: absolute;
}

.sp-part6 .sp6-image1 {
  top: 90px;
  left: 130px;
  width: 246px;
  height: 232px;
}

.sp-part6 .sp6-image2 {
  top: 90px;
  left: 388px;
  width: 470px;
  height: 165px;
}

.sp-part6 .sp6-image3 {
  top: 90px;
  left: 870px;
  width: 322px;
  height: 165px;
}

.sp-part6 .sp6-image4 {
  left: 1203px;
  top: 90px;
  width: 588px;
  height: 165px;
}

.sp-part6 .sp6-image5 {
  top: 336px;
  width: 246px;
  height: 369px;
  left: 130px;
}

.sp-part6 .sp6-image6 {
  top: 539px;
  left: 388px;
  width: 339px;
  height: 166px;
}

.sp-part6 .sp6-image7 {
  top: 539px;
  left: 739px;
  width: 263px;
  height: 166px;
}

.sp-part6 .sp6-image8 {
  top: 539px;
  left: 1015px;
  width: 518px;
  height: 165px;
}

.sp-part6 .sp6-image9 {
  top: 266px;
  left: 1545px;
  width: 246px;
  height: 439px;
}

.sp-part8 {
  height: 820px;
}

.sp-part8 .sp-bg {
  position: absolute;
  top: 47px;
  left: 220px;
  width: 1478px;
  height: 383px;
}

.sp-part8 .sp-image {
  position: absolute;
  top: 47px;
  left: 220px;
}

.sp-part8 .sp-text .sp-num {
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 79px;
  filter: drop-shadow(0px 3px 0px #c49865);
  background: linear-gradient(90deg, #fefaf2 15%, #fef0d6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  line-height: 1;
  left: 704px;
  top: 118px;
}

.sp-part8 .sp-text .sp-text1 {
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 36px;
  color: #fbeece;
  line-height: 1;
  filter: drop-shadow(0px 3px 0px #c49865);
  background: linear-gradient(90deg, #fefaf2 15%, #fef0d6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: 200px;
  left: 704px;
}

.sp-part8 .sp-text .sp-text2 {
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 30px;
  color: #ffffff;
  line-height: 1;
  position: absolute;
  top: 278px;
  left: 704px;
}

.sp-part8 .sp-title {
  position: absolute;
  top: 58px;
  left: 940px;
  font-size: 60px;
  color: #211b1d;
  line-height: 1;
  top: 251px;
  left: 484px;
  position: absolute;
}

.sp-part8 .sp-text1 {
  position: absolute;
  top: 507px;
  left: 790px;
  font-family: Roboto-Medium;
  font-size: 24px;
  color: #211b1d;
  line-height: 44px;
  font-weight: 500;
  font-size: 30px;
  color: #212121;
}

.sp-part8 .sp-text1 div {
  display: flex;
  gap: 50px;
}

.sp-part8 .sp-text2 {
  position: absolute;
  top: 627px;
  left: 790px;
  font-family: Roboto-Regular;
  font-size: 30px;
  color: #222222;
  line-height: 43px;
}

.sp-part8 .sp-image1 {
  width: 434px;
  height: auto;
  position: absolute;
  top: 310px;
  left: 704px;
}

.sp-part8 .sp-image2 {
  width: 355px;
  height: 252px;
  position: absolute;
  top: 507px;
  left: 334px;
}

.sp-part8 .sp-text2 div {
  font-family: Roboto-Medium;
}

/* PC端隐藏促销区块 */
.sp-promo-section {
  display: none;
}

.sp_product_part {
  width: 100%;
  font-family: 'Roboto-Medium';
  box-sizing: border-box;
  position: relative;
  padding: 0px 260px 100px;
}

.sp_product_content {
  display: flex;
  gap: 40px;
  box-sizing: border-box;
}

.sp-color {
  color: #fd4c00;
}

.sp_product_part .sp-title {
  font-family: Poppins;
  font-size: 43px;
  color: #161614;
  line-height: 54px;
  font-style: italic;
  width: 1161px;
  text-align: center;
  margin: 0 auto 20px;
}

.sp-scroll-top .sp-product-top {
  background: url(/cdn/shop/files/20251216-pro-top-pc.png)
    no-repeat;
  height: 392px;
  width: 1920px;
  padding: 0;

  margin-bottom: 60px;
  padding-top: 60px;
  box-sizing: border-box;
}

.sp-scroll-top .sp-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 10px;
  font-family: HelveticaNeue-Roman;
  font-weight: 400;
  font-size: 23px;
  color: #ffea00;
  line-height: 54px;
  line-height: 1;
}

.sp-scroll-top .sp-info br,
.sp-scroll-top .sp-info2 br {
  display: none;
}

.sp-scroll-top .sp-info2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: HelveticaNeue-Bold;
  font-weight: bold;
  font-size: 30px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 28px;
}

.sp-scroll-top .sp-info2 span {
  font-family: Roboto;
}

.sp-scroll-top .sp-info3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: HelveticaNeue-Bold;
  font-size: 60px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 30px;
}

.sp-scroll-top .sp-info3 span {
  font-size: 78px;
}

.sp-scroll-top .sp-info4 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  margin-bottom: 40px;
}

.sp-scroll-top .sp-info4-item {
  display: flex;
  align-items: center;
  gap: 18px;
  font-family: HelveticaNeue-Roman;
  font-size: 24px;
  color: #ffffff;
}

.sp-scroll2 {
  width: 1080px !important;
  overflow: hidden;
  margin-left: -45px;
  margin-bottom: 50px;
  margin-top: 0px;
}

.sp-scroll2 .nav-imgs .nav-imgs-item {
  width: 1450px !important;
  display: flex;
  justify-content: space-around;
}

.sp-scroll2 .sp-p {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: HelveticaNeue-Roman;
  font-size: 30px;
  color: #ffffff;
}

.sp_product_part .sp-img-wrap {
  width: 860px;
  height: 629px;
  background: url('/cdn/shop/files/20251216-pro-bg.png')
    no-repeat;
  background-size: 100% 100%;
  padding: 150px 0px 0;
  user-select: none;
  box-sizing: border-box;
}

.sp_product_part .sp-img-wrap .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sp_product_part .sp-img-wrap .sp-img-p {
  -webkit-user-drag: none;
  display: block;
  width: 585px;
  height: 413px;
}

.sp_product_part .sp_product_inner {
  width: 560px;
}

.sp_product_part .sp-row1 {
  width: 440px;
  position: absolute;
  top: 10px;
  left: 16px;
  font-family: Roboto;
  font-size: 38px;
  text-align: center;
  color: #ffffff;
  line-height: 1.2;
  font-style: italic;
}

.sp_product_part .sp-row1 .sp-span {
  font-family: 'Roboto';
}

.sp_product_part .sp-row1 p {
  font-family: 'Roboto-Regular';
  font-size: 22px;
  font-style: normal;
  text-transform: none;
}

.sp_product_part .sp-clock-icon {
  width: 85px;
  position: absolute;
  top: 5px;
  left: 490px;
  animation: shakeCart 3s infinite ease-in-out;
}

.sp_product_part .sp-clock-s {
  position: absolute;
  right: 45px;
  top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  line-height: 1;
  box-sizing: border-box;
}

.sp_product_part .sp-clock-s .square {
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 10px;
  font-size: 40px;
  color: #3e1515;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Poppins-SemiBold';
  flex-shrink: 0;
  box-sizing: border-box;
}

.sp_product_part .sp-clock-s .dots {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  margin: 0 5px;
}

.sp_product_part .sp-clock-s .dot {
  width: 6px;
  height: 6px;
  background: #ffffff;
  border-radius: 50%;
}

.sp_product_part .sp-padding {
  box-sizing: border-box;
  padding: 0 0px;
  /* margin-top: 20px; */
}

.sp_product_part .option-title {
  width: 505px;
  font-size: 20px;
  color: #696969;
  font-family: 'Roboto-Medium';
  line-height: 1;
  margin: 20px 0px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sp_product_part .opt-group {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
  position: relative;
}

.sp_product_part .sp-option {
  position: relative;
  width: auto;
  height: 46px;
  background: #ffffff;
  border-radius: 23px;
  border: 1px solid #bebebe;
  font-family: Roboto;
  font-size: 20px;
  color: #282828;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
  user-select: none;
  padding: 0 35px;
}

.sp_product_part .sp-option.active {
  background: #1f1f1f;
  border-color: #1f1f1f;
  color: #ffffff;
}

.sp_product_part .sp-num .sp-option:nth-child(2) {
  width: 310px;
}

.sp_product_part .sp-num .sp-option:nth-child(3) {
  width: 491px;
}

.sp_product_part .sp-num .sp-option:nth-child(4) {
  width: 491px;
}

.sp_product_part .sp-option .sp-span {
  font-family: 'Roboto-Regular';
  margin-left: 5px;
}

.sp_product_part .sp-color .sp-option .sp-icon {
  position: static;
}

.sp_product_part .sp-option .sp-icon {
  width: 22px;
  margin-right: 10px;
}

.sp_product_part .title {
  margin-top: 20px;
}

.sp_product_part .sp-price-group {
  line-height: 1.1;
  margin-top: 20px;
  align-items: baseline;
  margin-bottom: 0px;
}

.sp_product_part .sp-price1 {
  font-family: 'Roboto';
  font-size: 44px;
  color: #ff0707;
}

.sp_product_part .sp-price2 {
  font-family: 'Roboto-Medium';
  font-size: 26px;
  color: #4b4b4b;
  margin-left: 22px;
}

.sp_product_part .sp-row {
  margin-left: 25px;
  display: flex;
  align-items: center;
}

.sp_product_part .sp-clock {
  height: 186px;
  animation: shakeCart 3s infinite ease-in-out;
  position: absolute;
  z-index: -1;
  top: -25px;
  right: 79px;
}

.sp_product_part .sp-row img {
  position: relative;
  z-index: 1;
  width: 28px;
  animation: shakeCart 3s infinite ease-in-out;
}

.sp_product_part .sp-row .sp-p {
  width: 143px;
  height: 28px;
  background: #eb031f;

  font-family: 'Poppins-SemiBold';
  font-size: 24px;
  color: #ffffff;
  line-height: 29px;
  text-align: center;
  margin-left: -20px;
  padding-left: 20px;
  box-sizing: border-box;
  transform: translateY(5px);
}

.sp_product_part .sp-quality-row {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 10px;
}

.sp_product_part .addCart {
  width: 290px;
  height: 50px;
  /* background: #eef9ff; */
  border-radius: 25px;
  border: 1px solid #bebebe;
  font-family: 'Poppins';
  box-sizing: border-box;
  font-size: 22px;
  color: #1f1f1f;
  gap: 14px;
  text-transform: uppercase;
}

.sp_product_part .addCart img {
  width: 24px;
}

.sp_product_part .sp-btn-style {
  width: 100%;
  height: 72px;
  background: #ff6c00;
  border-radius: 13px;
  cursor: pointer;
  margin: 22px auto 22px 0;
  font-size: 30px;
  font-family: 'Poppins';
  color: #fff;
  animation: skip 4s infinite;
  text-align: center;
}

.sp_product_part .sp-title-s {
  /* width: 487px; */
  font-family: Roboto;
  font-size: 30px;
  color: #161614;
  line-height: 48px;
}

.sp-tip5 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  color: #000000;
  font-family: 'Roboto-BlackItalic';
  font-style: italic;
}

.sp-tip5 img {
  width: 58px;
}

.sp-tip5 .sp-span {
  color: #cf2f29;
}

@keyframes skip {
  0%,
  10%,
  16%,
  27%,
  100% {
    transform: scale(1);
  }

  5%,
  13%,
  21% {
    transform: scale(0.9);
  }
}

@keyframes skip2 {
  0%,
  10%,
  16%,
  27%,
  100% {
    transform: scale(1);
  }

  5%,
  13%,
  21% {
    transform: scale(1.2);
  }
}

.addGroup {
  width: 230px;
  height: 50px;
  border-radius: 26px;
  border: 1px solid rgba(153, 153, 153, 0.96);
  padding: 0px 25px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background: #eeeeee; */
}

.addGroup .sp-reduce,
.addGroup .sp-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  padding: 4px;
  cursor: pointer;
  flex-shrink: 0;
}

.addGroup input {
  outline: 0;
  border: none;
  text-align: center;
  box-sizing: border-box;
  width: 130px;
  height: 100%;
  color: #232326;
  background: transparent;
  /* vertical-align: middle; */
  padding: 0;
  font-family: 'Roboto-Medium';
  font-size: 23px;
  color: #000000;
  /* border-left: 2px solid #646464;
  border-right: 2px solid #646464; */
  line-height: 40px;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.cart-btn .on {
  animation: scaleAni 1s ease-in-out forwards;
}

.sp_header-content .sp-cart.on,
.sp-btn-style2 .sp-cart.on {
  animation: shakeCart 3s infinite ease-in-out;
}

@keyframes shakeCart {
  0%,
  16% {
    transform: scale(1) rotate(0);
  }

  2% {
    transform: scale(1.2) rotate(0);
  }

  4%,
  8%,
  12% {
    transform: scale(1.2) rotate(-10deg);
  }

  6%,
  10%,
  14% {
    transform: scale(1.2) rotate(10deg);
  }
}

@keyframes scaleAni {
  from {
    transform: scale(1) rotate(0);
  }

  10% {
    transform: scale(1.2) rotate(0);
  }

  15% {
    transform: scale(1.2) rotate(-10deg);
  }

  20% {
    transform: scale(1.2) rotate(10deg);
  }

  25% {
    transform: scale(1.2) rotate(-10deg);
  }

  30% {
    transform: scale(1.2) rotate(10deg);
  }

  35% {
    transform: scale(1.2) rotate(-10deg);
  }

  40% {
    transform: scale(1.2) rotate(10deg);
  }

  45% {
    transform: scale(1.2) rotate(0);
  }

  50% {
    transform: scale(1) rotate(0);
  }

  to {
    transform: scale(1) rotate(0);
  }
}

.sp-footer-img {
  width: 504px;
  display: block;
  margin: 25px auto 20px;
}

.sp-footer-img2 {
  width: 475px;
  display: block;
}

.sp-footer-box1 {
  width: 100%;
  background: #daf1ff;
  border-radius: 10px;
  padding: 20px 40px 30px;
  box-sizing: border-box;
}

.sp-footer-box1 .sp-p {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: 'Roboto';
  font-size: 20px;
  color: #282828;
  margin-bottom: 20px;
}

.sp-footer-box1 .sp-icon {
  width: 25px;
}

.sp-footer-box2 {
  width: 100%;
  background: #fffdf0;
  border-radius: 10px;
  padding: 16px 41px;
  box-sizing: border-box;
  margin-top: 20px;
}

.sp-footer-box2 .sp-icon {
  width: 29px;
}

.sp-footer-box2 .sp-p {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: 'Roboto';
  font-size: 20px;
  color: #282828;
  margin-bottom: 20px;
}

.sp-footer-box2 .sp-li {
  font-size: 17px;
  color: #666666;
  font-family: 'Roboto-Regular';
  line-height: 1.2;
  margin-top: 10px;
}

.sp-footer-box2 span {
  font-family: 'Roboto';
}

.sp-circles {
  width: 95px;
  height: 95px;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: 'AkzidenzGroteskBQ-Bold';
  font-size: 28px;
  color: #fffefe;
  text-align: center;
  line-height: 1;
  box-sizing: border-box;
  flex-shrink: 0;
}

.sp-circles p {
  font-size: 57px;
}
#root div:empty {
  display: block;
}
.sp-circle1 {
  width: 51px;
  height: 45px;
  background-image: url('/cdn/shop/files/20251216-icon1.png');
}

.sp-circle2 {
  width: 49px;
  height: 49px;
  background-image: url('/cdn/shop/files/20251216-icon2.png');
}

.sp-circle3 {
  width: 48px;
  height: 42px;
  background-image: url('/cdn/shop/files/20251216-icon3.png');
}

.sp-circle4 {
  width: 49px;
  height: 49px;
  background-image: url('/cdn/shop/files/20251216-icon4.png');
}

.sp-circle-part {
  margin: 0 auto;
  width: 1920px;
  height: 201px;
  /* padding: 52px 0px; */
  background: url('/cdn/shop/files/20251216-bg9-pc.png')
    no-repeat !important;
  background-size: 100% 100% !important;
  padding: 0 348px;
}

/* .sp-circle-part .sp-title {
  font-family: "Poppins";
  margin-bottom: 70px;
  font-size: 50px;
  color: #ffffff;
  text-align: center;
} */
.sp-circle-part .sp-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* gap: 120px; */
  align-items: center;
  height: 100%;
}

.sp-circle-part .sp-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
}

.sp-circle-part .sp-item .sp-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.sp-circle-part .sp-item .sp-p1 {
  font-family: 'Roboto-Medium';
  font-size: 20px;
  color: #ffffff;
  line-height: 1.2;
  /* margin-bottom: 8px; */
}

.sp-circle-part .sp-item .sp-p2 {
  font-family: Roboto-Regular;
  font-size: 18px;
  color: #fd9a00;
  line-height: 1.2;
}

.sp-q-part {
  padding: 60px 260px 50px;
}

.sp-q-part .sp-btn-style1 {
  margin: 50px auto 0;
}

.sp-q-part .sp-title {
  font-size: 60px;
  color: #2d2d2d;
  line-height: 1.05;
  margin-bottom: 36px;
  text-align: center;
  font-family: HelveticaNeue-Bold;
}

.sp-q-part .gradually .sp-title span i {
  font-style: initial;
  font-family: Roboto-Bold;
  font-weight: 700;
}

.sp-q-part .sp-title .sp-span {
  font-family: Roboto;
  font-size: 25px;
  color: #fd9a00;
  margin: 0;
}

.sp-q-part .sp-box .sp-item {
  /* box-shadow: 1px 2px 27px 0px rgba(19, 17, 17, 0.06); */
  margin-bottom: 10px;
}

.sp-q-part .q-row {
  width: 100%;
  min-height: 70px;
  display: flex;
  align-items: center;

  font-family: 'Roboto-Medium';
  font-size: 24px;
  color: #282828;
  line-height: 1.2;
  cursor: pointer;
  padding-left: 30px;
  user-select: none;
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  padding-right: 160px;
}

.sp-q-part .q-row .sp-icon {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  display: block;
}

.sp-q-part .q-row .sp-icon::after {
  content: '+';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-family: 'Poppins-Medium';
  font-size: 35px;
  color: #696969;
}

.sp-q-part .sp-text {
  background: #fcfffa;
  border-radius: 0px 0px 20px 20px;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  font-family: 'Poppins-Regular';
  font-size: 22px;
  color: #4b4a4a;
  line-height: 35px;
  display: none;
  padding-bottom: 25px;
  padding-top: 25px;
  box-sizing: border-box;
  transition: all 0.3s;
  opacity: 0;
}

.sp-q-part .sp-show .q-row {
  color: #ffffff;
  background: #fd9a00;
  border-radius: 20px 20px 0px 0px;
}

.sp-q-part .sp-show .sp-icon {
}

.sp-q-part .sp-show .sp-icon::after {
  content: '-';
  color: #ffffff;
}

.sp-q-part .sp-show .sp-text {
  display: block;
  opacity: 1;
}

.sp-pop {
  width: 1080px;
  /* display: flex;
  flex-direction: column;
  align-items: center; */
  border-radius: 80px 80px 0px 0px;
  background-color: #fff;
  overflow-y: auto;
  padding: 60px 0px 0px;
  box-sizing: border-box;
  max-height: 90%;
  position: absolute;
  bottom: 0;
  animation: sp-fade-in 1.5s;
  display: none;
}

@keyframes sp-fade-in {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.sp-pop::-webkit-scrollbar {
  width: 0;
}

.sp-pop .product-part {
  padding-top: 40px;
}

.sp-pop .sp-pop-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Roboto-Regular';
  font-size: 65px;
  color: #ff0000;
  line-height: 66px;
  padding: 0 30px 20px;
  box-sizing: border-box;
  font-style: italic;
}

.sp_pc {
  display: block;
}

.sp_mobile {
  display: none;
}

@media only screen and (max-width: 1080px) {
  #root {
    width: 1080px;
    /* height: 16676px; */
    background: url('/cdn/shop/files/20251216-bg.png')
      no-repeat;
    background-size: 100% 100%;
    overflow-x: hidden;
  }

  .header-top {
    position: fixed;
    top: 0;
    left: 0;
    height: 60px;
    font-size: 28px;
    width: 1080px;
    z-index: 100;
  }

  .sp_pc {
    display: none;
  }

  .sp_mobile {
    display: block;
  }

  .sp_header {
    /* padding: 5px; */
  }

  .sp_header-content {
    position: initial;
    width: 1080px;
    height: 120px;
    padding: 0 50px;
    margin: 0 auto;
    justify-content: space-between;
  }

  .sp_header-content .sp-logo {
    width: 155px;
    position: unset;
    transform: unset;
  }

  .sp-top-btn {
    width: 354px;
    height: 68px;
    background: #fd4c00;
    border-radius: 36px;
    font-size: 35px;
    width: 354px;
    height: 68px;
    background: #f65f00;
    border-radius: 10px;
    margin: 0;
    margin-left: 38px;
  }

  .sp-cart {
    width: 55px;
  }

  .sp-cart .sp-icon {
  }

  .sp-cart .sp-num {
    width: 35px;
    height: 35px;
    border: none;
    font-size: 22px;
  }

  .sp-menu-btn {
    width: 52px;
    cursor: pointer;
    margin-right: 50px;
  }

  .sp-btn-box {
    top: 1466px;
    left: 51px;
  }

  .sp-btn-style1 {
    width: 1003px;
    height: 144px;
    background: linear-gradient(179deg, #ffd800, #ff6000);
    border-radius: 72px;
    font-size: 60px;
  }

  .sp-part1 {
    margin-top: 0px;
    height: 1636px;
    background: url('/cdn/shop/files/20251216-bg1.png')
      no-repeat center top;
    background-size: 100%;
    margin-bottom: 0;
  }

  /* No.1徽章 */
  .sp-part1 .sp-badge {
    top: 128px;
    left: 69px;
    width: 188px;
    height: 157px;
  }

  /* 副标题 */
  .sp-part1 .sp-sub-text {
    top: 128px;
    left: 288px;
    font-size: 30px;
  }

  /* 主标题 */
  .sp-part1 .sp-main-title {
    top: 165px;
    left: 288px;
    font-size: 66px;
    line-height: 61px;
  }

  /* 数据统计区域 */
  .sp-part1 .sp-stats {
    top: 352px;
    left: 91px;
    gap: 50px;
  }

  .sp-part1 .sp-stat-num {
    font-size: 58px;
  }

  .sp-part1 .sp-stat-label {
    font-size: 39px;
    margin-top: 13px;
  }

  .sp-part1 .sp-stat-divider {
    width: 2px;
    height: 60px;
    background: #cccccc;
  }

  /* As seen on 社交媒体图标区域 */

  /* 销量信息 */
  .sp-part1 .sp-sold-info {
    top: 1422px;
    left: 148px;
    font-size: 36px;
    gap: 40px;
    color: #1b1b1b;
  }

  .sp-part1 .sp-sold-info img {
    width: 61px;
    height: 55px;
  }

  /* 购买按钮 */
  .sp-part1 .sp-btn-box {
    top: 1492px;
    left: 39px;
    transform: translateX(-50%);
  }

  .sp-media {
    display: flex;
    gap: 27px;
    width: 100%;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 1306px;
    font-family: Roboto-Regular;
    font-weight: 400;
    font-size: 36px;
    color: #656565;
    line-height: 39px;
  }

  .sp-media img {
    width: 698px;
    height: 41px;
  }

  .sp-part1 .sp-btn-style1 {
    width: 1003px;
    height: 144px;
    font-size: 60px;
    border-radius: 72px;
  }

  /* 隐藏PC端底部条 */
  .sp-part1 .sp-p1-bottom {
    display: none;
  }

  .sp-title {
    font-size: 55px;
  }

  .sp-sub-title {
    font-size: 38px;
  }

  .sp-part2 {
    margin-top: 0px;
    height: 3238px;
    box-sizing: border-box;
  }

  /* 主标题 */
  .sp-part2 .sp-title {
    top: 104px;
    left: 0;
    font-size: 46px;
  }

  /* 四个症状卡片 - 2x2布局 */
  .sp-part2 .sp-symptom-cards {
    position: absolute;
    top: 207px;
    left: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 66px 21px;
    /* width: 1000px; */
  }

  .sp-part2 .sp-symptom-card {
    width: 498px;
  }

  .sp-part2 .sp-symptom-card img {
    width: 498px;
    height: 437px;
  }

  .sp-part2 .sp-symptom-label {
    margin-top: -90px;
    font-size: 30px;
  }

  /* 图标列表 */
  .sp-part2 .sp-icon-box {
    position: absolute;
    top: 2280px;
    left: 57px;
    width: 954px;
  }

  .sp-part2 .sp-icon-list {
    width: 100%;
  }

  .sp-part2 .sp-icon-labels {
    margin-top: 15px;
    width: 100%;
  }

  .sp-part2 .sp-icon-labels span {
    font-size: 30px;
    width: unset;
  }

  /* 描述文字 */
  .sp-part2 .sp-desc-text {
    position: absolute;
    top: 2524px;
    left: 40px;
    width: 1000px;
    line-height: 49px;
    font-size: 36px;
  }

  /* 视频区域 */
  .sp-part2 .sp-video {
    position: absolute;
    top: 1154px;
    left: 40px;
    width: 1002px;
    height: 943px;
    border-radius: 30px;
  }

  .sp-part2 .sp-video video {
    object-fit: cover;
    width: 1002px;
    height: 943px;
    border-radius: 30px;
  }

  /* 产品图片 */
  .sp-part2 .sp2-product {
    position: absolute;
    top: 1861px;
    left: 303px;
    width: 777px;
    height: 756px;
    z-index: 2;
  }

  /* 医生图片 */
  .sp-part2 .sp-doctor-img {
    position: absolute;
    top: 2679px;
    left: 38px;
    width: 1004px;
    height: 547px;
  }

  /* 右侧内容区域 - 移动端不需要 */
  .sp-part2 .sp-right-content {
    position: static;
    width: 100%;
  }

  .sp-part3 {
    width: 1080px;
    height: 1583px;
  }

  /* 主标题 */
  .sp-part3 .sp-title {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    text-align: center;
    white-space: normal;
    font-size: 60px;
    color: #212121;
    line-height: 69px;
  }

  /* 图片 - PC端用 */
  .sp-part3 .sp-images {
    display: none;
  }

  /* 图片轮播 - Swiper */
  .sp-part3 .sp-swiper3-m {
    display: block;
    position: absolute;
    top: 298px;
    left: 39px;
    width: 998px;
    height: auto;
  }

  .sp-part3 .sp-swiper3-m .swiper-slide img {
    width: 100%;
    height: auto;
  }

  .sp-part3 .sp-swiper3-m .sp-slide-content {
    text-align: center;
    padding: 100px 20px;
    box-sizing: border-box;
  }

  .sp-part3 .sp-swiper3-m .sp-slide-content .sp-sub-title {
    font-size: 40px;
    color: #fd9a00;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .sp-part3 .sp-swiper3-m .sp-slide-content .sp-desc {
    font-size: 32px;
    color: #212121;
    line-height: 1.5;
  }

  .sp-part3 .sp-swiper3-m .sp-slide-content .sp-highlight {
    color: #fd9a00;
  }

  #root .sp-part3 .sp-swiper3-m-pagination {
    position: relative;
    bottom: 400px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
  }

  #root .sp-part3 .sp-swiper3-m-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    background: #d9d9d9;
    opacity: 1;
  }

  #root .sp-part3 .sp-swiper3-m-pagination .swiper-pagination-bullet-active {
    background: #ff8c00;
  }

  /* 左侧文字 - 移动端隐藏（文字在Swiper里） */
  .sp-part3 .sp-left-content {
    display: none;
  }

  /* 右侧文字 - 移动端隐藏 */
  .sp-part3 .sp-right-content {
    display: none;
  }

  /* 购买按钮 */
  .sp-part3 .sp-btn-box {
    position: absolute;
    top: 1321px;
    left: 38px;
  }

  .sp-part3 .sp-btn-style1 {
    width: 1003px;
    height: 144px;
    font-size: 60px;
  }

  /* 隐藏旧元素 */
  .sp-part3 .sp-image,
  .sp-part3 .sp-image1,
  .sp-part3 .sp-image2,
  .sp-part3 .sp-text1,
  .sp-part3 .sp-text2,
  .sp-part3 .sp-info,
  .sp-part3 .sp-info2,
  .sp-part3 .sp-info3,
  .sp-part3 .sp-info4 {
    display: none;
  }

  .sp-part4 {
    height: 1583px;
    width: 1080px;
  }

  /* 背景图 */
  .sp-part4 .sp-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* 主标题 */
  .sp-part4 .sp-title {
    position: absolute;
    top: 122px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 60px;
    line-height: 69px;
  }

  /* 左侧内容区 */
  .sp-part4 .sp-left-box {
    position: absolute;
    top: 937px;
    left: 75px;
    width: 100%;
  }

  .sp-part4 .sp-tuv {
    width: 935px;
    height: auto;
  }

  .sp-part4 .sp-uv-label {
    position: absolute;
    top: 298px;
    left: 324px;
    width: 100%;
    font-size: 36px;
  }

  .sp-part4 .sp-desc {
    position: absolute;
    top: 422px;
    left: -72px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 32px;
    line-height: 47px;
  }

  .sp-part5 {
    height: 1702px;
  }

  /* 底部三个特性 */
  .sp-part5 .sp-features {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 178px;
    padding: 0 62px;
    padding-top: 20px;
    display: flex;
    align-items: center;
  }

  .sp-part5 .sp-features .sp-feature-item {
    font-size: 38px;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s;
    line-height: 1;
  }

  .sp-part5 .sp-features .sp-feature-item.active {
    opacity: 1;
  }

  .sp-part5 .sp-features .sp-feature-item.active span {
    border-bottom: 3px solid #ff5a00;
    padding-bottom: 5px;
  }

  /* 移动端图片 */
  .sp-part5 .sp-image {
    /* position: absolute;
    top: 40px;
    left: 40px;
    width: 1000px;
    height: auto;
    border-radius: 20px; */
    width: 996px;
    height: 624px;
  }

  .sp5-swiper-m {
    position: absolute;
    top: 257px;
    left: 0;
    width: 996px;
    height: 1132px;
    overflow: hidden;
    border-radius: 30px;
  }

  .sp5-swiper-m::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.08);
    pointer-events: none;
    z-index: 10;
  }

  .sp5-swiper-m .swiper-slide {
    width: 100%;
  }

  .sp-part5 .sp5-box {
    display: flex;
    flex-direction: column;
    width: 996px;
    height: 1132px;
    background: #ffffff;
    border-radius: 30px;
  }

  /* 移动端标题 */
  .sp-part5 .sp-title {
    position: absolute;
    top: 708px;
    left: 46px;
    font-size: 45px;
    line-height: 1;
    padding-top: 0;
  }

  /* 移动端副标题 */
  .sp-part5 .sp-sub-title {
    position: absolute;
    top: 780px;
    left: 46px;
    width: 100%;
    font-size: 36px;
    line-height: 1;
  }

  /* 隐藏分隔线 */
  .sp-part5 .sp-line {
    /* display: none; */
    width: 847px;
    height: 1px;
    background: #fd9a00;
    top: 927px;
    left: 46px;
    display: block;
  }

  /* 移动端特性列表 */
  .sp-part5 .sp-feature-list {
    position: absolute;
    top: 900px;
    left: 20px;
    width: 1000px;
    margin-top: 0;
  }

  .sp-part5 .sp-feature-item {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }

  .sp-part5 .sp-check {
    width: 31px;
    height: 23px;
    margin-right: 15px;
  }

  .sp-part5 .sp-highlight {
    font-size: 30px;
  }

  .sp-part5 .sp-desc {
    font-size: 30px;
  }

  /* 移动端购买按钮 */
  .sp-part5 .sp-btn-box {
    position: absolute;
    top: 1469px;
    left: 38px;
  }

  .sp-part5 .sp-btn-style1 {
    width: 1003px;
    height: 144px;
    font-size: 60px;
  }

  /* 隐藏右侧内容区的定位 */
  .sp-part5 .sp-right-content {
    position: static;
    top: auto;
    left: auto;
  }

  .sp-part6 {
    width: 1080px;
    height: 1438px;
  }

  .sp-part6 .title {
    font-size: 60px;

    top: 72px;
  }

  .sp-part6 .sub-title {
    font-size: 36px;
    line-height: 48px;
    top: 193px;
  }

  .sp-part6 .sp6-image {
    width: 100%;
    position: absolute;
  }

  .sp-part6 .sp6-image1 {
    top: 438px;
    left: 41px;
    width: 334px;
    height: 224px;
  }

  .sp-part6 .sp6-image2 {
    top: 438px;
    left: 384px;
    width: 288px;
    height: 224px;
  }

  .sp-part6 .sp6-image3 {
    top: 438px;
    left: 681px;
    width: 359px;
    height: 224px;
  }

  .sp-part6 .sp6-image4 {
    left: 41px;
    top: 671px;
    width: 287px;
    height: 232px;
  }

  .sp-part6 .sp6-image5 {
    top: 671px;
    width: 287px;
    height: 232px;
    left: 337px;
  }

  .sp-part6 .sp6-image6 {
    top: 671px;
    left: 633px;
    width: 406px;
    height: 474px;
  }

  .sp-part6 .sp6-image7 {
    top: 911px;
    left: 41px;
    width: 287px;
    height: 448px;
  }

  .sp-part6 .sp6-image8 {
    top: 911px;
    left: 337px;
    width: 287px;
    height: 232px;
  }

  .sp-part6 .sp6-image9 {
    top: 1154px;
    left: 337px;
    width: 702px;
    height: 205px;
  }

  .sp-part8 {
    height: 1035px;
  }

  .sp-part8 {
    height: 820px;
  }

  .sp-part8 .sp-image {
    position: absolute;
    top: 47px;
    left: 220px;
  }

  .sp-part8 .sp-text .sp-num {
    font-size: 60px;
    position: absolute;
    line-height: 1;
    left: 347px;
    top: 97px;
  }

  .sp-part8 .sp-text .sp-text1 {
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    font-size: 36px;
    color: #fbeece;
    line-height: 1;

    position: absolute;
    top: 159px;
    left: 347px;
  }

  .sp-part8 .sp-text .sp-text2 {
    font-size: 30px;
    line-height: 1;
    position: absolute;
    top: 248px;
    left: 347px;
  }

  .sp-part8 .sp-image1 {
    width: 434px;
    height: auto;
    position: absolute;
    top: 275px;
    left: 347px;
  }

  /* 
    .sp-part8 .sp-image2 {
        width: 402px;
        height: 516px;
        position: absolute;
        top: 432px;
        left: 310px;
    } */

  .sp-part8 .sp-image2 {
    /* width: 516px;
        height: 516px; */
    width: 450px;
    height: auto;
    position: absolute;
    top: 450px;
    left: 17px;
    left: 50px;
  }

  .sp-part8 .sp-bg {
    top: 52px;
    left: 41px;
    width: 1001px;
    height: 312px;
  }

  .sp-part8 .sp-image {
    top: 198px;
    left: 155px;
  }

  .sp-part8 .sp-title {
    top: 73px;
    left: 358px;
    font-size: 70px;
  }

  .sp-part8 .sp-text1 {
    top: 459px;
    left: 547px;
    font-size: 36px;
    line-height: 48px;
  }

  .sp-part8 .sp-text2 {
    top: 620px;
    left: 547px;
    font-size: 30px;
    line-height: 33px;
  }

  /* 移动端促销区块样式 */
  .sp-promo-section {
    display: block;
    position: relative;
    width: 1080px;
    height: 466px;
    box-sizing: border-box;
    background: url('/cdn/shop/files/sp-nav.png')
      no-repeat center top;
    background-size: cover;
    position: relative;
  }

  .sp-promo-title {
    font-family: HelveticaNeue-Bold;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 50px;
    left: 440px;
  }

  .sp-promo-discount {
    font-size: 100px;
    color: #ff4500;
    text-align: center;
    line-height: 1;
    top: 95px;
    left: 441px;
    position: absolute;
    font-family: Roboto;
    font-weight: bold;
    font-size: 71px;
    color: #ff4817;
    line-height: 79px;
    text-shadow: 4px 4px 0px #c56533;
    text-stroke: 2px #ffffff;
    -webkit-text-stroke: 2px #ffffff;
    font-weight: 1000;
  }

  .sp-promo-content {
  }

  .sp-promo-card {
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 30px 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    width: 680px;
  }

  .sp-promo-info {
    width: 100%;
  }

  .sp-promo-name {
    margin-bottom: 15px;
    position: absolute;
    top: 212px;
    left: 747px;
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    font-size: 30px;
    color: #343434;
    line-height: 26px;
    text-align: center;
  }

  .sp-promo-desc {
    font-family: Roboto-Regular;
    font-size: 28px;

    font-family: Roboto-Regular;
    font-size: 21px;
    color: #ff4817;
    line-height: 21px;
    line-height: 21px;
    position: absolute;
    left: 760px;
    top: 280px;
  }

  #root .sp-promo-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 257px;
    height: 60px;
    background: #ee0000;
    border-radius: 28px;
    font-family: HelveticaNeue-Bold;
    font-size: 31px;
    color: #ffffff;
    text-decoration: none;
    animation: skip 4s infinite;
    position: absolute;
    left: 739px;
    top: 349px;
  }

  .sp_product_part {
    padding: 0px 40px 100px;
  }

  .sp_product_content {
    flex-direction: column;
  }

  .sp-scroll-top .sp-info {
    font-size: 36px;
    margin-bottom: 16px;
    flex-direction: column;
    gap: 5px;
    text-align: center;
    line-height: 39px;
  }

  .sp-scroll-top .sp-info br,
  .sp-scroll-top .sp-info2 br {
    display: block;
  }

  .sp-scroll-top .sp-product-top {
    background: url(/cdn/shop/files/20251216-pro-top.png)
      no-repeat;
    height: 501px;
    width: 1080px;
    padding-top: 44px;
  }

  .sp-scroll-top .sp-info img {
    width: 130px;
    /* transform: translateY(-3px); */
    line-height: 50px;
  }

  .sp-scroll-top .sp-info2 {
    font-size: 42px;
    text-align: center;
    margin-bottom: 10px;
  }

  .sp-scroll-top .sp-info3 {
    font-size: 52px;
    margin-bottom: 10px;
  }

  .sp-scroll-top .sp-info3 span {
    font-size: 58px;
  }

  .sp-scroll-top .sp-info4 {
    font-size: 36px;
  }

  .sp_product_part .sp-img-wrap {
    width: 100%;
    height: 867px;
    background: url('/cdn/shop/files/20251216-pro-bg.png')
      no-repeat;
    background-size: 100% 100%;
    padding: 180px 0px 0;
  }

  .sp_product_part .sp-img-wrap .swiper-slide {
    height: 690px;
  }

  .sp_product_part .sp-img-wrap .sp-img-p {
    width: 700px;
    height: auto;
  }
  .sp-image-width img {
    width: 900px !important;
    height: auto;
  }
  .sp-image-width2 img {
    width: 900px !important;
    height: auto;
    transform: translateY(-20px) !important;
  }

  .sp_product_part .sp_product_inner {
    width: 100%;
  }

  .sp_product_part .sp-row1 {
    width: 500px;
    top: 24px;
    left: 37px;
    font-size: 40px;
  }

  .sp_product_part .sp-row1 p {
    font-size: 27px;
  }

  .sp_product_part .sp-clock-icon {
    width: 109px;

    top: 16px;
    left: 544px;
  }

  .sp_product_part .sp-clock-s {
    right: 58px;
    top: 28px;
  }

  .sp_product_part .sp-clock-s .square {
    width: 66px;
    height: 66px;
    font-size: 47px;
  }

  .sp_product_part .sp-clock-s .dots {
    gap: 10px;
    margin: 0 10px;
  }

  .sp_product_part .sp-clock-s .dot {
    width: 6px;
    height: 6px;
  }

  .sp_product_part .sp-padding {
    box-sizing: border-box;
    padding: 0 0px;
  }

  .sp_product_part .option-title {
    width: auto;
    font-size: 36px;
    margin: 37px 0px 30px;
  }

  .sp_product_part .option-title .sp-span {
    font-family: 'Roboto';
    color: #333333;
  }

  .sp_product_part .opt-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
  }

  .sp_product_part .sp-option {
    width: auto;
    height: 84px;
    background: #ffffff;
    border-radius: 44px;
    border: 1px solid #bebebe;
    font-size: 37px;
    padding: 0 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* box-sizing: border-box; */
  }

  .sp_product_part .sp-num .sp-option:nth-child(2) {
    width: 551px;
  }

  .sp_product_part .sp-num .sp-option:nth-child(3) {
    width: 872px;
  }

  .sp_product_part .sp-num .sp-option:nth-child(4) {
    width: 872px;
  }

  .sp_product_part .sp-option .sp-hot {
    width: 101px;
    position: absolute;
    right: -77px;
    top: -18px;
    z-index: 2;
  }

  .sp_product_part .sp-color .sp-option .sp-icon {
    position: static;
  }

  .sp_product_part .sp-option .sp-icon {
    width: 39px;
    margin-right: 16px;
  }

  .sp_product_part .sp-price-group {
    line-height: 1.1;
    margin-top: 35px;
    align-items: center;
    margin-bottom: 30px;
    justify-content: center;
  }

  .sp_product_part .sp-price1 {
    font-size: 80px;
  }

  .sp_product_part .sp-price2 {
    font-size: 46px;
  }

  .sp_product_part .sp-row {
    margin-left: 40px;
  }

  .sp_product_part .sp-clock {
    height: 186px;
    animation: shakeCart 3s infinite ease-in-out;
    position: absolute;
    z-index: -1;
    top: -25px;
    right: 79px;
  }

  .sp_product_part .sp-row img {
    width: 68px;
  }

  .sp_product_part .sp-row .sp-p {
    font-size: 51px;
    margin-left: -36px;
    padding-left: 36px;
    transform: translateY(5px);
    width: 272px;
    height: 56px;
    background: #fd771b;
    border-radius: 10px;
    line-height: 56px;
  }

  .sp_product_part .sp-quality-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .sp_product_part .addCart {
    width: 531px;
    height: 92px;
    border-radius: 44px;
    font-size: 40px;
    gap: 26px;
  }

  .sp_product_part .addCart img {
    width: 42px;
  }

  .sp_product_part .sp-btn-style {
    width: 100%;
    height: 132px;
    border-radius: 13px;
    margin: 40px auto 60px;
    font-size: 55px;
  }

  .sp_product_part .sp-title-s {
    /* width: 845px; */
    font-family: Poppins-SemiBold;
    font-size: 50px;
    color: #161614;
    line-height: 65px;
    text-align: center;
    margin: 0 auto;
  }

  .sp-tip5 {
    gap: 20px;
    font-size: 36px;
  }

  .sp-tip5 img {
    width: 103px;
  }

  .addGroup {
    width: 422px;
    height: 92px;
    padding: 0px 36px;
    border-radius: 45px;
  }

  .addGroup .sp-reduce,
  .addGroup .sp-add {
    width: 32px;
  }

  .addGroup input {
    width: 230px;
    font-size: 42px;
  }

  .sp-footer-img {
    width: 898px;
    margin: 80px auto 53px;
  }

  .sp-footer-img2 {
    width: 852px;
  }

  .sp-footer-box1 {
    width: 100%;
    padding: 35px 80px 55px;
    box-sizing: border-box;
  }

  .sp-footer-box1 .sp-p {
    gap: 12px;
    font-size: 36px;
    margin-bottom: 30px;
  }

  .sp-footer-box1 .sp-p img {
    width: 45px;
  }

  .sp-footer-box2 {
    width: 100%;
    padding: 30px 70px;
    margin-top: 26px;
  }

  .sp-footer-box2 .sp-p {
    gap: 12px;
    font-size: 36px;
    margin-bottom: 26px;
  }

  .sp-footer-box2 .sp-p img {
    width: 50px;
  }

  .sp-footer-box2 .sp-li {
    font-size: 31px;
    margin-top: 16px;
  }

  .sp-footer-box2 .sp-li p {
    text-align: left;
  }

  .sp-circle-part {
    width: 1080px;
    height: auto;
    padding: 80px 100px !important;
    background: url('/cdn/shop/files/20251216-bg9.png')
      no-repeat !important;
    background-size: cover !important;
    box-sizing: border-box;
  }

  .sp-circle-part .sp-title {
    margin-bottom: 68px;
    display: none;
  }

  .sp-circle-part .sp-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: flex-start;
  }

  .sp-circle-part .sp-content {
    padding: 0;
  }

  .sp-circle-part .sp-item {
    width: 50%;
    flex-direction: column;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .sp-circle-part .sp-item .sp-icon-wrap {
    width: 120px;
    height: 120px;
    transform: unset;
    position: unset;
    margin-bottom: 30px;
  }

  .sp-circle-part .sp-item .sp-p1 {
    font-family: 'Roboto-Medium';
    font-size: 36px;
    color: #ffffff;
    margin-bottom: 12px;
    text-align: center;
    padding: 0;
    font-weight: 700;
  }

  .sp-circle-part .sp-item .sp-p2 {
    font-family: 'Roboto-Regular';
    font-size: 30px;
    color: #fd9a00;
    text-align: center;
  }

  .sp-circle1 {
    width: 101px;
    height: 90px;
    background-image: url('/cdn/shop/files/20251216-icon1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .sp-circle2 {
    width: 95px;
    height: 97px;
    background-image: url('/cdn/shop/files/20251216-icon2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .sp-circle3 {
    width: 95px;
    height: 83px;
    background-image: url('/cdn/shop/files/20251216-icon3.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .sp-circle4 {
    width: 97px;
    height: 97px;
    background-image: url('/cdn/shop/files/20251216-icon4.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .sp-q-part {
    padding: 70px 40px 240px;
  }

  .sp-q-part .sp-btn-style1 {
    display: none;
  }

  .sp-q-part .sp-title {
    margin-bottom: 43px;
    font-family: Bacchus-Bold;
  }

  .sp-q-part .gradually .sp-title span i {
    font-style: normal;
  }

  .sp-q-part .sp-title .sp-span {
    font-size: 25px;
    color: #2d2d2d50;
    line-height: 54px;
    opacity: 0.5;
  }

  .sp-q-part .sp-box .sp-item {
    /* box-shadow: 1px 2px 27px 0px rgba(19, 17, 17, 0.06); */
    margin: 0 auto 15px;
  }

  .sp-q-part .q-row {
    font-size: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .sp-q-part .sp-text {
    padding-left: 22px;
    padding-right: 100px;
    font-size: 27px;
    color: #4b4a4a;
    line-height: 40px;
    background: #fff0d8;
    padding-bottom: 20px;
    padding-top: 12px;
  }

  .sp-q-part .q-row .sp-icon {
    right: 30px;
  }

  .sp-q-part .q-row .sp-icon::after {
    font-size: 50px;
  }

  .sp-btn-style2 {
    width: 1080px;
    height: 154px;
    display: none;
    z-index: 99;
    box-sizing: border-box;
    align-items: flex-end;
  }

  .sp-bottom-left {
    width: 397px;
    height: auto;
  }

  .sp-bottom-left img {
    width: 100%;
    display: block;
  }

  .sp-bottom-right {
    background: linear-gradient(90deg, #ff6a00, #ff4500);
    flex: 1;
    height: 154px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    gap: 10px;
    flex-direction: column;
    padding-left: 118px;
    padding-bottom: 10px;
  }

  .sp-btn-style2 .sp-cart-icon {
    width: 73px;
    height: 64px;
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sp-btn-style2 .sp-cart-icon img {
    width: 50px;
    height: 50px;
  }

  .sp-btn-style2 .sp-cart-icon .sp-num {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 36px;
    height: 36px;
    background: #fd9a00;
    border-radius: 50%;
    font-size: 22px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sp-btn-style2 .sp-btn-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .sp-btn-style2 .sp-t1 {
    font-family: 'HelveticaNeue-Bold';
    font-size: 52px;
    color: #ffffff;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .sp-btn-style2 .sp-t2 {
    font-family: 'HelveticaNeue-Bold';
    font-size: 28px;
    color: #ffffff;
    line-height: 1.2;
  }

  .sp-btn-style2 .sp-flex {
    display: flex;
    gap: 32px;
  }

  .sp-btn-style2.sp-fixed-bottom {
    position: fixed;
    bottom: 0;
    animation: stuckMoveUp 0.6s;
    display: flex;
  }

  .sp-menu-mask {
    background: rgba(11, 11, 11, 0.6);
    width: 100%;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
  }

  .sp-menu {
    width: 473px;
    -webkit-overflow-scrolling: touch;
    background-color: #f2f2f2;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 110px;
    box-sizing: border-box;
    animation: stuckMoveLeft 0.5s;
  }

  .sp-menu .sp-menu-item {
    width: 100%;
    height: 90px;
    border-bottom: 1px solid rgba(71, 71, 71, 0.14);

    font-family: 'Poppins';
    font-size: 33px;
    color: #636363;
  }

  .sp-menu .sp-menu-item a {
    width: 100%;
    height: 100%;
    padding-left: 55px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }

  .sp-menu .sp-menu-item a .sp-span {
    width: 60px;
    height: 28px;
    background: #d72b2b;
    border-radius: 3px;
    font-size: 19px;
    color: #ffffff;
    text-align: center;
    line-height: 28px;
    margin-left: 25px;
  }

  .sp-menu .sp-menu-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .sp-menu li .sp-row {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 42px;
    padding-left: 55px;
  }

  .sp-menu li .sp-row a img {
    width: 31px;
    height: 31px;
  }

  .sp-menu .sp-close-btn {
    position: absolute;
    top: 37px;
    right: 22px;
    width: 39px;
    cursor: pointer;
  }

  .sp-scroll-top {
    scroll-margin-top: 74px;
    padding-top: 00px;
  }

  .size-btn div {
    font-size: 37px;
    color: #2d2d2d;
    line-height: 40px;
  }

  .size-btn .sp-arrow-img {
    width: 24px;
  }
}

.sp-scroll-top {
  scroll-margin-top: 100px;
}

.gradually .sp-title span,
.gradually i {
  display: inline-block;
  position: relative;
  opacity: 0;
  font-style: normal;
}

.gradually .sp-sub-title {
  opacity: 0;
}

@keyframes swift-up-fade {
  0% {
    transform: translateY(0.8rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes swiper-up-fade {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

.sp-ani,
.sp-ani2 {
  opacity: 0;
}

@keyframes sp-fade-in {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes sp-fade-left {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes stuckMoveDown {
  0% {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes stuckMoveUp {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes stuckMoveLeft {
  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes stuckFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@supports (-webkit-touch-callout: none) {
  .sp-footer-box2 .sp-li {
    font-size: 16px !important;
    margin-top: 16px;
    /* font-size: 31px; */
    transform: scale(0.8) !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
    transform-origin: left center;
    white-space: nowrap;
  }
}
.sp_header-content .sp-logo img {
  width: 100%;
  height: auto;
}
@media (min-width: 750px) {
  .sp-part2 .sp-symptom-label {
    margin-top: -65px;
  }
  .sp-part4 .sp-uv-label {
    top: 210px;
  }
}
product-recommendations {
  display: none !important;
}
@media (max-width: 750px) {
  .ribbons-extensions-theme-plugins-app-embed-plus {
    zoom: 2.5;
  }
}
letter-spacing: normal;

.color-background-1 {
    display: none !important;
}