@charset "utf-8";

/* 公共样式 - start */
body,
input,
textarea {
  font-family: "baisheng-Regular", "PingFang SC", "Microsoft YaHei" !important;
}

/* wow弹窗字体引入 */
.altumcode {
  --fontFamily: "baisheng-Regular", "PingFang SC", "Microsoft YaHei" !important;
}

@font-face {
  font-family: "baisheng-Bold";
  src:
    url("../fonts/Jost-Bold.woff2") format("woff2"),
    url("../fonts/Jost-Bold.woff") format("woff"),
    url("../fonts/Jost-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "baisheng-Media";
  src:
    /* url("../fonts/Jost-Media.woff2") format("woff2"), */
    url("../fonts/JostMedium.woff2") format("woff2"),
    url("../fonts/JostMedium.woff") format("woff");
}

@font-face {
  font-family: "baisheng-BoldItalic";
  src:
    url("../fonts/Jost-BoldItalic.woff2") format("woff2"),
    url("../fonts/Jost-BoldItalic.woff") format("woff")
}

@font-face {
  font-family: "baisheng-Light";
  src:
    url("../fonts/Jost-Light.woff2") format("woff2"),
    url("../fonts/Jost-Light.woff") format("woff")
}

@font-face {
  font-family: "baisheng-Regular";
  src:
    url("../fonts/Jost-Regular.woff2") format("woff2"),
    url("../fonts/Jost-Regular.woff") format("woff")
}

@font-face {
  font-family: "baisheng-SemiBold";
  src:
    url("../fonts/Jost-SemiBold.woff2") format("woff2"),
    url("../fonts/Jost-SemiBold.woff") format("woff")
}

@font-face {
  font-family: "RobotoRegular";
  src:
    url("../fonts/RobotoRegular/RobotoRegular.woff2") format("woff2"),
    url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff");
}

@font-face {
  font-family: "RobotoMedium";
  src:
    url("../fonts/RobotoMedium/RobotoMedium.woff2") format("woff2"),
    url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff");
}

@font-face {
  font-family: "RobotoBold";
  src:
    url("../fonts/RobotoBold/RobotoBold.woff2") format("woff2"),
    url("../fonts/RobotoBold/RobotoBold.woff") format("woff");
}

@font-face {
  font-family: "RobotoLight";
  src:
    url("../fonts/RobotoLight/RobotoLight.woff2") format("woff2"),
    url("../fonts/RobotoLight/RobotoLight.woff") format("woff");
}

@font-face {
  font-family: "RobotoBlack";
  src:
    url("../fonts/RobotoBlack/RobotoBlack.woff2") format("woff2"),
    url("../fonts/RobotoBlack/RobotoBlack.woff") format("woff");
}

html {
  font-size: 100px;
}

/* a[href=""],a[href='']{
    cursor:default
} */
.mod-form input:-webkit-autofill,
.mod-form input:-webkit-autofill:hover,
.mod-form input:-webkit-autofill:focus,
.mod-form input:-webkit-autofill:active {
  -webkit-text-fill-color: #333 !important;
}

:root {
  /* 字号 */
  --font234: 2.34rem;
  --font150: 1.5rem;
  --font134: 1.34rem;
  --font120: 1.2rem;
  --font112: 1.12rem;
  --font108: 1.08rem;
  --font100: 1rem;
  --font98: 0.98rem;
  --font96: 0.96rem;
  --font94: 0.94rem;
  --font92: 0.92rem;
  --font90: 0.9rem;
  --font88: 0.88rem;
  --font86: 0.86rem;
  --font84: 0.84rem;
  --font82: 0.82rem;
  --font80: 0.8rem;
  --font78: 0.78rem;
  --font76: 0.76rem;
  --font74: 0.74rem;
  --font72: 0.72rem;
  --font70: 0.7rem;
  --font68: 0.68rem;
  --font66: 0.66rem;
  --font64: 0.64rem;
  --font62: 0.62rem;
  --font60: 0.6rem;
  --font58: 0.58rem;
  --font56: 0.56rem;
  --font54: 0.54rem;
  --font52: 0.52rem;
  --font50: 0.5rem;
  --font48: 0.48rem;
  --font46: 0.46rem;
  --font44: 0.44rem;
  --font42: 0.42rem;
  --font40: 0.4rem;
  --font38: 0.38rem;
  --font36: 0.36rem;
  --font34: 0.34rem;
  --font32: 0.32rem;
  --font30: 0.3rem;
  --font28: 0.28rem;
  --font26: 0.26rem;
  --font24: 0.24rem;
  --font22: 0.22rem;
  --font20: 0.2rem;
  --font18: 0.18rem;
  --font16: 0.16rem;
  --font14: 0.14rem;
  --font12: 0.12rem;
  /* 间距 */
  --space250: 2.5rem;
  --space240: 2.4rem;
  --space230: 2.3rem;
  --space220: 2.2rem;
  --space210: 2.1rem;
  --space200: 2rem;
  --space190: 1.9rem;
  --space180: 1.8rem;
  --space170: 1.7rem;
  --space160: 1.6rem;
  --space150: 1.5rem;
  --space140: 1.4rem;
  --space130: 1.3rem;
  --space120: 1.2rem;
  --space110: 1.1rem;
  --space100: 1rem;
  --space90: 0.9rem;
  --space80: 0.8rem;
  --space70: 0.7rem;
  --space60: 0.6rem;
  --space50: 0.5rem;
  --space40: 0.4rem;
  --space30: 0.3rem;
  --space20: 0.2rem;
}

:root {
  /* 行高 */
  --line12: 1.2;
  --line13: 1.3;
  --line14: 1.4;
  --line15: 1.5;
  --line16: 1.6;
  --line165: 1.65;
  --line17: 1.7;
  --line175: 1.75;
  --line18: 1.8;
  /* 导航-高度 */
  --headh: 100px;
  /* 颜色 */
  --color000: #000;
  --color333: #333;
  --color666: #666;
  --color999: #999;
  --colorfff: #fff;
  --colormain: #ee0528;
  --color0C0: #0c0d0d;
  --color232: #232a3c;
  --color090: #090c0d;
  --colorf5f: #f5f5f5;
  --colorbf1: #bf1d2c;
  --color23C: #23c8da;
  --color64E: #64e53d;
  --color41B: #41bdad;
  --colorbj: ;
  /* 板块间距 */
  --space40: 0.4rem;
  /* 段落间距 */
  --parpspace16: 0.16rem;
  --parpspace12: 0.12rem;
  --parpspace10: 0.1rem;
  /* 特殊字体或粗细 */
  --bold: "baisheng-Bold";
  --talic: "baisheng-BoldItalic";
  --light: "baisheng-Light";
  --seimibold: "baisheng-SemiBold";
  --transition: all 0.4s ease;
  --transition1: all 0.8s var(--bezier1);
  --transition2:
    transform 1.5s var(--bezier2), -webkit-transform 1.5s var(--bezier2),
    opacity 1.2s var(--bezier2), color 0.3s var(--bezier2);
  --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
  /* 等于gsap的sine.out */
  --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);
  /* 等于gsap的expo.inOut */
  --bezier2: cubic-bezier(0.38, 0, 0, 1);
}

/* 规范字号 */
.std-font60,
.std-font60 p {
  font-size: var(--font60);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font42,
.std-font42 p,
.yxedr-active h2 {
  font-size: var(--font42);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font36,
.std-font36 p,
.yxedr-active h3 {
  font-size: var(--font36);
  color: var(--color000);
  line-height: var(--line13);
}

.std-font24,
.std-font24 p,
.yxedr-active h4 {
  font-size: var(--font24);
  color: var(--color000);
  line-height: var(--line14);
}

.std-font20,
.std-font20 p,
.yxedr-active h5 {
  font-size: var(--font20);
  color: var(--color000);
  line-height: var(--line15);
}

.std-text18,
.std-text18 p {
  font-size: var(--font18);
  color: var(--color000);
  line-height: var(--line165);
}

.std-text16,
.std-text16 p {
  font-size: var(--font16);
  color: var(--color000);
  line-height: var(--line17);
}

/* 规范字号 */
.std-font134,
.std-font134 p {
  font-size: var(--font134);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font120,
.std-font120 p {
  font-size: var(--font120);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font86,
.std-font86 p {
  font-size: var(--font86);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font72,
.std-font72 p {
  font-size: var(--font72);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font56,
.std-font56 p {
  font-size: var(--font56);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font50,
.std-font50 p {
  font-size: var(--font50);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font44,
.std-font44 p {
  font-size: var(--font44);
  color: var(--color000);
  line-height: var(--line12);
}

.std-font40,
.std-font40 p {
  font-size: var(--font40);
  color: var(--color000);
  line-height: var(--line13);
}

.std-font30,
.std-font30 p {
  font-size: var(--font30);
  color: var(--color000);
  line-height: var(--line14);
}

.std-font26,
.std-font26 p {
  font-size: var(--font26);
  color: var(--color000);
  line-height: var(--line14);
}

.std-text14,
.std-text14 p {
  font-size: var(--font14);
  color: var(--color000);
  line-height: var(--line17);
}

.yxedr-active,
.yxedr-active p {
  font-size: var(--font18);
  color: var(--color666);
  line-height: var(--line16);
}

.yxedr-active p {
  margin-bottom: 0.75em;
}

.yxedr-active>p:last-child {
  margin-bottom: 0;
}

.std-padd160 {
  padding: var(--space160) 0;
}

.demo-hidden {
  display: none;
}

.button-demo-section {
  background: #6b6b6b;
}

.std-padd160t {
  padding-top: var(--space160);
}

.std-padd160-bot {
  padding-bottom: var(--space160);
}

.std-padding120t {
  padding-top: var(--space120);
}

.std-padding120 {
  padding-bottom: var(--space120);
}

.std-padding100t {
  padding-top: var(--space100);
}

.std-padding100 {
  padding-bottom: var(--space100);
}

.std-margin40 {
  margin-bottom: var(--space40);
}

.std-padding40 {
  padding-bottom: var(--space40);
}

.yxedr-active h2,
.yxedr-active h3 {
  margin-bottom: var(--parpspace16);
}

.yxedr-active h4 {
  margin-bottom: var(--parpspace12);
}

.yxedr-active h5 {
  margin-bottom: var(--parpspace10);
}

/*分享翻译*/
.ys-wechat-cont-parga p::before {
  content: "分享到 - 微信";
  /* content: 'Share the - WeChat'; */
}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
  color: rgba(255, 255, 255, 0.2) !important;
  white-space: nowrap;
}

/*导航默认选中*/
.yxnav-active1 {}

.yxnav-active2 {}

/* 轮播初始隐藏 */
.ys-ban-li:not(:first-child) {
  display: none;
}

/* 省略号 */
.line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 侧边锚点隐藏 */
.mod-anchor {
  opacity: 0;
  transform: translateX(-50%);
  transition: var(--transition);
  position: fixed;
  z-index: 20;
}

.mod-anchor.on1 {
  opacity: 1;
  transform: translateX(0%);
}

.mod-anchor ul {
  transition: var(--transition);
}

.mod-anchor:not(.act) ul {
  opacity: 1;
  transform: translateX(0%);
}

.mod-anchor.act ul {
  opacity: 0;
  transform: translateX(-50%);
}

/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev,
.mod-arrows1 .slick-next {}

/* 载入 */
.ys-upfade1 {
  opacity: 0;
  transform-origin: 0% 50%;
  -webkit-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0);
  transition: var(--transition2);
  will-change: transform, opacity;
}

.ys-upfade1.ys-fade-true {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0px, 0);
}

/* 首页banner载入 */
.ys-ban-li.act .ys-ban-title {
  animation: ysfadeInUp 0.8s ease-in-out both;
}

.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-title {
  animation-delay: 0.4s;
}

/* 首页 - start */
.text-center {
  text-align: center;
}

.ys-page-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home-main {
  color: #101216;
  background: #fff;
}

.home-header {
  position: relative;
  z-index: 80;
}

.home-header .ys-hd-pc {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  width: 100%;
  height: var(--headh);
  color: #fff;
  background: rgba(9, 12, 13, 0);
  transition: var(--transition);
}

.ys-hd-pc::before {
  background: #232a3c;
}

.home-header .ys-hd-pc.isfixed,
.home-header .ys-hd-pc.ishover,
.home-header .ys-hd-pc.has-search,
.ys-page-wrap.act .home-header .ys-hd-pc {
  background: var(--color0C0);
  box-shadow: none;
}

.home-header-core {
  position: relative;
  height: 100%;
  padding: 0 1.58rem;
}

/* .home-header-brand {
  position: absolute;
  top: 0.16rem;
  left: 1.6rem;
  display: flex;
  align-items: center;
  font-size: var(--font16);
  font-weight: 700;
  line-height: 1.2;
} */
.home-header-brand .std-text16,
.home-header-nav .std-text18,
.home-header-dealer,
.home-header-lang .std-text14,
.home-main .home-header-brand a,
.home-main .home-header-lang a {
  color: #fff;
}

.home-header-logo {
  position: absolute;
  left: 1.6rem;
  bottom: 0.18rem;
  width: 1.57rem;
}

.home-header-logo img,
.ys-phnav-logo img,
.home-footer-logo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.home-header-nav {
  position: absolute;
  right: 2.58rem;
  bottom: 0.23rem;
  left: 7.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}

.home-header-nav .head-nav-item {
  flex: 0 0 auto;
}

.home-header-nav .head-nav-item-nub {
  line-height: 1;
}

.home-header-nav .head-nav-item-title {
  display: block;
  padding: 0;
  margin: 0;
  font-size: var(--font18);
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  transition: var(--transition);
}

.home-header .ys-hd-pc.isfixed .head-nav-item-title,
.home-header .ys-hd-pc.ishover .head-nav-item-title,
.home-header .ys-hd-pc.has-search .head-nav-item-title,
.ys-page-wrap.act .home-header .ys-hd-pc .head-nav-item-title,
.home-header-nav .head-nav-item.yxnav-active1 .head-nav-item-title {
  color: #fff !important;
}

.home-header-tools {
  position: absolute;
  top: 0.12rem;
  right: 1.58rem;
  display: flex;
  align-items: center;
}

.home-header-tools>*+* {
  margin-left: 0.28rem;
}

.home-header-dealer {
  display: flex;
  align-items: center;
  font-size: var(--font18);
  font-weight: 700;
  line-height: 1.2;
}

.home-header-dealer>*+* {
  margin-left: 0.08rem;
}

.home-header-dealer .std-text16,
.home-main .home-header-dealer em {
  font-style: normal;
}

.home-header-dealer .ys-imgbox-contain {
  width: 0.24rem;
  height: 0.24rem;
}

.home-header-dealer .ys-imgbox-contain img,
.home-header-search .ys-imgbox-contain img,
.home-header-lang .ys-imgbox-contain img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home-header-search {
  position: relative;
}

.home-header-search .head-search-btn {
  position: relative;
  width: 0.28rem;
  height: 0.28rem;
  cursor: pointer;
}

.home-header-search-icon {
  width: 100%;
  height: 100%;
}

.home-header-close {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.24rem;
  height: 0.24rem;
  opacity: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: var(--transition);
}

.home-header-close::before,
.home-header-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}

.home-header-close::after {
  transform: rotate(90deg);
}

.home-header-search.act .home-header-search-icon {
  opacity: 0;
}

.home-header-search.act .home-header-close {
  opacity: 1;
}

.home-header-search .yx-search3xlbox {
  position: absolute;
  top: 0.48rem;
  right: 0;
  display: none;
  width: 3.2rem;
  padding: 0.16rem;
  background: rgba(35, 42, 60, 0.96);
  border-radius: 0.02rem;
}

.home-header-search.act .yx-search3xlbox {
  display: block;
}

.home-header-search input {
  width: 100%;
  height: 0.42rem;
  padding: 0 0.16rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.home-header-lang {
  position: relative;
  padding-left: 0.2rem;
  border-left: 1px solid rgba(255, 255, 255, 0.28);
}

.home-header-lang .head-lang-top {
  width: 0.42rem;
  height: 0.28rem;
  cursor: pointer;
}

.home-header-lang .head-lang-top::after {
  content: "";
  position: absolute;
  top: 0.11rem;
  right: 0;
  border-top: 0.05rem solid #fff;
  border-right: 0.04rem solid transparent;
  border-left: 0.04rem solid transparent;
}

.home-header-lang .ys-imgbox-contain {
  width: 0.28rem;
  height: 0.18rem;
}

.home-header-lang .head-lang-down {
  position: absolute;
  top: 0.42rem;
  right: 0;
  display: none;
  width: 0.82rem;
  padding: 0.1rem 0;
  background: rgba(35, 42, 60, 0.96);
}

.home-header-lang:hover .head-lang-down {
  display: block;
}

.home-header-lang li .std-text14,
.home-main .home-header-lang li a {
  display: block;
  padding: 0.06rem 0.16rem;
  font-size: var(--font14);
  line-height: 1.3;
}

.ys-hd-ph {
  display: none;
}

.home-hero {
  position: relative;
  height: 235vh;
  --hero-progress: 0;
  background: #071014;
}

.home-hero-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  background: #071014;
}

.home-hero-image,
.home-hero-slider,
.home-hero-shade {
  position: absolute;
  inset: 0;
}

.home-hero-image {
  z-index: 1;
  transition: all 0.8s ease;
}

.home-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(calc(1 + var(--hero-progress) * 0.18));
  transform-origin: center center;
}

.home-hero-ph {
  display: none;
}

.home-hero-shade {
  z-index: 2;
  background: linear-gradient(180deg,
      rgba(9, 12, 13, 0.2) 0%,
      rgba(9, 12, 13, 0.05) 42%,
      rgba(9, 12, 13, 0.32) 100%);
  pointer-events: none;
}

.home-hero-copy {
  position: absolute;
  left: 1.58rem;
  bottom: 1.08rem;
  z-index: 3;
  color: #fff;
  transition: all 0.55s ease;
}

.home-hero-eyebrow {
  margin-bottom: 0.14rem;
  font-size: var(--font16);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
}

.home-hero-title {
  max-width: 7.6rem;
  font-size: var(--font64);
  font-weight: 700;
  line-height: 1.05;
}

.home-hero-copy-second {
  opacity: 0;
  transform: translateY(0.28rem);
}

.home-hero.is-second .home-hero-copy-first {
  opacity: 0;
  transform: translateY(-0.28rem);
}

.home-hero.is-second .home-hero-copy-second {
  opacity: 1;
  transform: translateY(0);
}

.home-hero.is-slider .home-hero-image,
.home-hero.is-slider .home-hero-shade,
.home-hero.is-slider .home-hero-copy {
  opacity: 0;
}

.home-hero-slider {
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transition: all 0.7s ease;
}

.home-hero.is-slider .home-hero-slider {
  opacity: 1;
  pointer-events: auto;
}

.home-hero-slider .ys-ban-slick,
.home-hero-slider .slick-list,
.home-hero-slider .slick-track,
.home-hero-slider .ys-ban-li,
.home-hero-slider .ys-ban-imgbox {
  height: 100%;
}

.home-hero-slider .ys-ban-imgbox {
  position: relative;
  overflow: hidden;
}

.home-hero-slider .ys-ban-imgbox img,
.home-hero-slider .ys-ban-imgbox video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-hero-slider .ys-ban-video {
  position: absolute;
  inset: 0;
}

.home-hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 0.46rem;
  height: 0.46rem;
  margin-top: -0.23rem;
  font-size: 0;
  background: rgba(35, 42, 60, 0.78) url("../images/home_arrow_white.svg") center / 0.18rem auto no-repeat;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}

.home-hero-slider .slick-prev {
  left: 0.5rem;
  transform: rotate(180deg);
}

.home-hero-slider .slick-next {
  right: 0.5rem;
}

.home-hero-slider .slick-dots {
  position: absolute;
  right: 1.58rem;
  bottom: 0.46rem;
  z-index: 6;
  display: flex;
}

.home-hero-slider .slick-dots>*+* {
  margin-left: 0.12rem;
}

.home-hero-slider .slick-dots button {
  display: block;
  width: 0.32rem;
  height: 0.03rem;
  padding: 0;
  font-size: 0;
  background: rgba(255, 255, 255, 0.38);
  border: 0;
}

.home-hero-slider .slick-active button {
  background: #fff;
}

.home-product {
  background: var(--colorf5f);
  overflow: visible;
  position: relative;
}

.home-product-inof {
  margin: 0;
}

.home-product-item {
  position: relative;
  display: flex;
  overflow: hidden;
  background: var(--colorf5f);
  color: #101216;
  min-height: 150vh;
}

.home-product-diesel {
  --home-accent: var(--colorbf1);
}

.home-product-gasoline,
.home-product-electric {
  --home-accent: var(--color23C);
}

.home-product-trolling {
  --home-accent: var(--color64E);
}

.home-product-bgword {
  position: absolute;
  top: 50%;
  right: 0.72rem;
  left: 0.72rem;
  z-index: 0;
  width: auto;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: 0;
  color: rgba(16, 18, 22, 0.08);
  transform: translateY(-50%);
  pointer-events: none;
}

.home-product-bgword span,
.home-product-bgword em {
  display: block;
  font-style: normal;
}

.home-product-bgword em {
  width: max-content;
  margin-left: 3rem;
  color: transparent;
  text-align: left;
  -webkit-text-stroke: 1px var(--home-accent);
}

.home-product-img {
  z-index: 1;
  flex: 0 0 4.75rem;
  max-width: 4.75rem;
  margin-right: auto;
  margin-left: auto;
}

.home-product-diesel .home-product-img,
.home-product-gasoline .home-product-img {
  flex-basis: 2.86rem;
  max-width: 2.86rem;
}

.home-product-electric .home-product-img {
  flex-basis: 3.3rem;
  max-width: 3.3rem;
}

.home-product-trolling .home-product-img {
  flex-basis: 2.45rem;
  max-width: 2.45rem;
}

.home-product-diesel .home-product-img>img:first-child,
.home-product-gasoline .home-product-img>img:first-child,
.home-product-trolling .home-product-img>img:first-child {
  height: 100%;
  opacity: 0;
  object-fit: cover;
}

.home-product-gasoline .home-product-img img:nth-child(2) {
  object-fit: cover;
  object-position: 72% 50%;
}

.home-product-trolling .home-product-img img:nth-child(2) {
  object-fit: cover;
  object-position: 42% 50%;
}

.home-product-mark {
  width: 0.36rem;
  height: 0.02rem;
  margin-bottom: 0.16rem;
  background: var(--home-accent);
}

.home-product-copy h2 {
  margin-bottom: 0.22rem;
  font-size: var(--font30);
  color: inherit;
}

.home-product-btns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.36rem;
}

.home-product-btns>*+* {
  margin-top: 0.1rem;
}

.std-btn-link {
  display: inline-flex;
  align-items: center;
  min-height: 0.32rem;
  padding: 0.06rem 0.14rem 0.06rem 0.18rem;
  font-size: var(--font12);
  font-weight: 700;
  line-height: 1.25;
  color: currentColor;
  border: 1px solid currentColor;
  border-radius: 0.18rem;
  transition: var(--transition);
}

.std-btn-link-solid {
  color: #fff;
  background: var(--home-accent);
  border-color: var(--home-accent);
}

.std-btn-link-green {
  color: #101216;
}

.std-btn-link-dark {
  color: #fff;
  background: #101216;
  border-color: #101216;
}

.std-btn-link-img {
  position: relative;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.08rem;
  overflow: hidden;
}

.std-btn-link-img img {
  transition: var(--transition);
}

.std-btn-link-img img:nth-child(2) {
  opacity: 0;
}

.std-btn1 {
  display: inline-flex;
  cursor: pointer;
}

.std-btn1-link {
  display: inline-flex;
  align-items: center;
  color: currentColor;
  transition: var(--transition);
}

.std-btn1-link .std-text16 {
  color: inherit;
}

.std-btn1-icon {
  display: block;
  width: 0.09rem;
  margin-left: 0.12rem;
}

.std-btn1-icon img {
  width: 100%;
  transform: rotate(90deg);
  transition: var(--transition);
}

.std-btn1-icon img:nth-child(2) {
  opacity: 0;
}

.std-btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.34rem;
  border: 1px solid #000;
  border-radius: 50%;
  transition: var(--transition);
}

.std-btn2-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.16rem;
  transition: var(--transition);
}

.std-btn2-icon img {
  width: 100%;
  transition: var(--transition);
  transform: scale(1) !important;
}

.std-btn2-icon img:nth-child(2) {
  opacity: 0;
}

.home-product-points {
  display: flex;
  flex-direction: column;
}

.home-product-points>*+* {
  margin-top: 0.1rem;
}

.home-product-points li {
  position: relative;
  padding-left: 0.14rem;
  font-size: var(--font14);
  line-height: 1.45;
}

.home-product-points li::before {
  content: "";
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 0.04rem;
  height: 0.04rem;
  background: var(--home-accent);
  border-radius: 50%;
}

.home-lineup {
  overflow: visible;
  background: #fff;
  position: relative;
  margin-top: -50vh;
}

.home-lineup-head {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  /* text-align: center; */
  border-bottom: 1px solid rgba(16, 18, 22, 0.16);
}

.home-lineup-head .std-font42 {
  margin-bottom: 0.14rem;
  font-family: var(--bold);
}

.home-lineup-copy p {
  font-size: var(--font18);
  line-height: 1.3;
  color: #666;
}

.home-lineup-inof {
  margin: 0;
}

.home-lineup-item {
  border-bottom: 1px solid rgba(16, 18, 22, 0.16);
}

.home-lineup-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* width: 10.8rem; */
  height: 0.72rem;
  margin: 0 auto;
}

.home-lineup-bar h3 {
  font-size: var(--font22);
}

.home-lineup-more {
  display: flex;
  align-items: center;
  font-size: var(--font14);
  font-weight: 700;
  line-height: 1.3;
  color: #101216;
}

.home-lineup-more>*+* {
  margin-left: 0.12rem;
}

.home-lineup-more img {
  width: 0.18rem;
}

.home-lineup-visual {
  position: relative;
  height: 2.45rem;
  overflow: hidden;
}

/* .home-lineup-img {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition:var(--transition);
} */
.home-lineup-img,
.home-lineup-img img {
  width: 100vw;
}

.home-lineup-img.is-active {
  opacity: 1;
  pointer-events: auto;
}

.home-lineup-img img:nth-child(2) {
  object-fit: cover;
}

.home-mission {
  position: relative;
  background: #fff;
}

.home-mission-box {
  position: relative;
  z-index: 3;
}

.home-mission-bg {
  position: absolute;
  top: 0.34rem;
  right: 0.66rem;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1;
  color: rgba(16, 18, 22, 0.035);
  pointer-events: none;
}

.home-mission .ys-cont1600 {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.home-mission-box-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  z-index: 3;
}

.home-mission-copy {
  margin-bottom: var(--space50);
}

.home-mission-item:not(:last-child) {
  margin-bottom: var(--space40);
}

.home-mission-item .std-font42 {
  margin-bottom: 0.16rem;
  font-family: var(--bold);
}

.home-mission-text,
.home-mission-text p {
  font-size: var(--font18);
  color: #555;
}

.home-mission-img {
  position: relative;
  pointer-events: none;
  transform: translateX(20%);
  transition: all 0.8s ease;
  transition-delay: 0.6s;
  margin-top: 1.1rem;
}

.home-number {
  position: relative;
  padding: var(--space140) 0;
  overflow: hidden;
  color: #fff;
  background: var(--color232);
}

.home-number-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-number-bg::after {
  content: "";
  background: linear-gradient(0deg,
      rgba(35, 42, 60, 0.8) 0%,
      rgba(35, 42, 60, 0.8) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-number-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-number-inof {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  margin: 0 calc(-1 * var(--space40)) -0.3rem;
}

.home-number-inof-nub {
  position: relative;
  height: 100%;
  padding: 0 var(--space40);
  width: 33.333333%;
  margin-bottom: 0.3rem;
}

.home-number-inof-nub:nth-child(2n-1) {
  margin-top: var(--space50);
}

.home-number-inof strong {
  display: block;
  font-size: var(--font46);
  font-style: italic;
  color: #fff;
}

.home-dealer {
  position: relative;
  overflow: hidden;
  text-align: center;
  background: #fff;
}

.home-dealer-bg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.home-dealer-bg img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.home-dealer-core {
  position: relative;
  z-index: 1;
}

.home-dealer-text,
.home-dealer-text p {
  color: #666;
  line-height: 1.3;
}

.home-dealer-inof {
  display: flex;
  justify-content: center;
  margin: 0 -0.1rem;
}

.home-dealer-img {
  width: 2rem;
  margin: 0 auto 0.16rem;
}

.home-dealer-img img {
  transition: var(--transition);
}

.home-dealer-img img:nth-child(2) {
  opacity: 0;
}

.home-showcase {
  position: relative;
  overflow: visible;
  color: #fff;
  background: var(--color232);
  z-index: 5;
}

.home-showcase-img {
  position: relative;
}

.home-showcase-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(255, 255, 255, 0) 51.15%);
}

.home-showcase-img img:nth-child(2) {
  object-fit: cover;
}

.home-showcase-copy {
  position: absolute;
  width: 100%;
  top: var(--space120);
  z-index: 2;
}

.home-showcase-copy .std-font42 {
  margin-bottom: 0.18rem;
  font-family: var(--bold);
  color: #fff;
  margin-bottom: var(--space30);
}

.home-showcase-tag {
  display: inline-block;
  padding: 0.08rem 0.32rem;
  line-height: 1.8;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  color: #fff;
}

.mod-power {
  position: absolute;
  /* right: 0; */
  bottom: -0.1rem;
  z-index: 3;
  font-size: 0.72rem;
  font-family: var(--bold);
  font-style: italic;
  white-space: nowrap;
  font-size: var(--font150);
  line-height: var(--line12);
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  text-align: right;
}

.mod-power-mode {
  mix-blend-mode: exclusion;
}

.mod-power-normal {
  z-index: -1;
}

.home-showcase-box {
  position: relative;
}

.mod-power-mode-hidden {
  overflow: hidden;
}

.home-showcase-box-top {
  overflow: hidden;
}

.home-news {
  background: #fff;
  position: relative;
  z-index: 3;
  padding: var(--space210) 0 var(--space180);
}

.home-news-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}

.home-news-head .std-font42 {
  font-family: var(--bold);
}

.home-news-arrows {
  display: flex;
  align-items: center;
}

.home-news-arrows>*+* {
  margin-left: 0.14rem;
}

.home-news-prev,
.home-news-next {
  width: 0.34rem;
  height: 0.34rem;
  background: #fff url("../images/home_arrow_dark.svg") center / 0.16rem auto no-repeat;
  border: 1px solid rgba(16, 18, 22, 0.18);
  border-radius: 50%;
  cursor: pointer;
}

.home-news-prev {
  transform: rotate(180deg);
}

.home-news-slick {
  margin: 0 -0.16rem;
}

.home-news-item {
  padding: 0 0.16rem;
}

.home-news-item:not(:first-child) {
  display: none;
}

.home-news-slick.slick-initialized .home-news-item {
  display: block;
}

.home-news-item a {
  display: block;
  color: #101216;
}

.home-news-img {
  margin-bottom: 0.19rem;
  border-radius: 0.1rem;
  overflow: hidden;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.home-news-img img:nth-child(2) {
  object-fit: cover;
}

.home-news-item .std-font20 {
  margin-bottom: 0.19rem;
  line-height: 1.5;
  transition: var(--transition);
}

.home-footer {
  position: relative;
  overflow: hidden;
  padding: 1rem 0 0.4rem;
  color: #fff;
  background: var(--color232);
}

.home-footer-mark {
  position: absolute;
  left: 1rem;
  bottom: 0.18rem;
  width: 2.95rem;
  opacity: 0.12;
}

.home-footer-mark img {
  display: block;
  width: 100%;
}

.home-footer .ys-cont1600 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.home-footer-logo {
  margin-bottom: 0;
}

.home-footer-logo a {
  display: block;
  width: 1.54rem;
}

.home-footer-main {
  display: flex;
  align-items: flex-start;
}

.home-footer-main>*+* {
  margin-left: 0.72rem;
}

.home-footer-nav {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  width: auto;
}

.ys-footer-box-top {
  margin-bottom: var(--space150);
}

.home-footer-nav ul:not(:last-child) {
  margin-bottom: var(--space60);
}

.yfbr-bot {
  width: 66%;
}

.yfbr-bot .std-text18 {
  font-family: var(--bold);
  color: #fff;
  margin-bottom: 0.17rem;
}

.home-footer-nav>li>.std-text16 {
  display: block;
  margin-bottom: 0.16rem;
  font-size: var(--font16);
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

.home-footer-subscribe-copy input {
  width: 100%;
  padding-right: 1.2rem;
  font-size: var(--font16);
  height: 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  color: #fff;
}

.home-footer-subscribe-copy input ::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

.home-footer-nav>li>a {
  font-size: var(--font18);
  line-height: 1.3;
  color: #fff;
  font-family: var(--bold);
  margin-bottom: 0.25rem;
}

.home-footer-nav ul li:not(:last-child) {
  margin-bottom: 0.16rem;
}

.home-footer-nav>li>a p {
  font-size: var(--font14);
  font-family: "baisheng-Regular";
  color: rgba(255, 255, 255, 0.7);
}

.home-footer-nav li li .std-text14 {
  display: block;
  font-size: var(--font14);
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0;
}

.home-footer-nav li li a {
  font-size: var(--font16);
  color: rgba(255, 255, 255, 0.7);
}

.home-footer-subscribe {
  position: relative;
}

.home-footer-subscribe-copy .std-text16,
.home-footer-subscribe-copy .std-text14,
.home-main .home-footer-subscribe-copy strong,
.home-main .home-footer-subscribe-copy span {
  display: block;
}

.home-footer-subscribe-copy .std-text16,
.home-main .home-footer-subscribe-copy strong {
  margin-bottom: 0.08rem;
  font-size: var(--font16);
  line-height: 1.3;
}

.home-footer-subscribe-copy .std-text14,
.home-main .home-footer-subscribe-copy span {
  padding-bottom: 0.12rem;
  font-size: var(--font14);
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.62);
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.home-footer-subscribe-btn {
  display: inline-block;
  line-height: 1.4;
  color: #fff;
  padding: 3.5px 0.265rem;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  font-size: var(--font14);
  line-height: 1.8;
  position: absolute;
  bottom: 0.13rem;
  right: 0;
  cursor: pointer;
}

.home-footer-links {
  display: flex;
  margin: 0 -0.16rem;
  /* margin-top: 0.36rem; */
}

.home-footer-links li {
  padding: 0 0.16rem;
  position: relative;
}

.home-footer-links li::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 0.16rem;
  opacity: 0.2;
  background: #cdcdcd;
  content: "";
}

.home-footer-links .std-text14 {
  font-size: var(--font14);
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.68);
}

.home-footer-links a {
  color: #6c747a;
  font-size: var(--font16);
  line-height: var(--line12);
}

.home-footer-bottom {
  display: flex;
  flex-direction: column;
}

.home-footer-follow .std-text18 {
  color: #fff;
  font-family: var(--bold);
  width: 100%;
  margin-bottom: 0.25rem;
}

.home-footer-follow .std-text14,
.home-main .home-footer-follow strong {
  font-size: var(--font14);
  line-height: 1.3;
  color: #fff;
}

.home-footer-follow a {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 0.24rem; */
}

.footer-share {
  --width1: 24px;
}

.home-footer-follow img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.footer-text-copy,
.home-footer .footer-text p {
  display: flex;
  font-size: var(--font14);
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.56);
}

.footer-text a {
  margin-left: 0.18rem;
}

.home-footer .footer-text .std-text14,
.home-main .home-footer .footer-text a {
  color: rgba(255, 255, 255, 0.56);
}

.ys-nybanner h1 {
  font-family: var(--bold);
}

/* 首页 - end */
/* 公共样式 - end */
/* 按钮 */
.mod-btn {
  display: inline-flex;
}

.mod-btn-link {
  display: flex;
  align-items: center;
  padding: 0.08rem 0.24rem 0.08rem 0.32rem;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #000;
  transition: var(--transition);
}

.mod-btn-link span {
  display: block;
  color: var(--colorfff);
  padding-right: 0.1rem;
  font-size: var(--font16);
  line-height: 1.8;
  transition: var(--transition);
  white-space: nowrap;
}

.mod-btn-link-icon {
  width: 0.24rem;
  flex-shrink: 0;
}

.mod-btn-link-icon img {
  transform: scale(1) !important;
}

.mod-btn.on .mod-btn-link-icon img:nth-child(2) {
  opacity: 0;
}

.mod-btn.act .mod-btn-link {
  background: transparent;
}

.mod-switch {
  transition: var(--transition);
  display: flex;
  align-items: center;
}

.mod-switch-btn {
  width: 0.34rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #000;
  transition: var(--transition);
  cursor: pointer;
}

.mod-switch-btn-icon img {
  width: 0.16rem;
}

.mod-switch-prev {
  margin-right: 0.2rem;
}

.msta-btn {
  width: 0.24rem;
  cursor: pointer;
  transition: var(--transition);
}

.msta-btn img {
  transform: scale(1) !important;
  transition: var(--transition);
}

.msta-btn img:nth-child(1) {
  opacity: 0;
}

.mod-switch-top-arrows {
  display: flex;
  transition: var(--transition);
}

.mod-switch-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.mod-switch-top .std-font42 {
  padding-right: 0.2rem;
  font-family: var(--bold);
}

.msta-prev {
  margin-right: 0.25rem;
}

/* 按钮-end */
/* 首页-start */
.ys-banner {
  position: sticky;
  top: 0;
}

.home-product-item:nth-child(2n) {
  background: var(--color0C0);
}

.home-product-item {
  position: sticky;
  top: 0;
}

.ys-banner .ys-ban-imgbox img {
  height: 100vh;
  object-fit: cover;
}

.ys-ban-dots {
  bottom: 0.6rem;
}

.ys-bandots-container {
  display: flex;
  justify-content: center;
}

.ys-bandots-li {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  line-height: 14px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  margin-right: 15px;
  cursor: pointer;
}

.ys-bandots-li {
  margin: 0 8px;
}

.ys-bandots-li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.5);
  transition: var(--transition);
  opacity: 0;
  box-sizing: border-box;
}

.ys-bandots-li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  /* opacity: 0; */
}

.ys-bandots-li.act::before {
  opacity: 1;
}

.ys-bandots-li svg {
  fill: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.ys-bandots-li.act svg {
  opacity: 1;
}

.ys-bandots-li.act::after {
  opacity: 0;
}

.ys-ban-li.slick-current .ys-ban-imgbox .ys-ban-imgbox-sacle {
  animation: mysacle 5s ease both;
}

.ys-ban-li.slick-current .ys-ban-imgbox video {
  animation: mysacle1 5s ease both;
}

@keyframes mysacle {
  0% {
    transform: scale(1.15);
  }
}

@keyframes mysacle1 {
  0% {
    transform: translate(-50%, -50%) scale(1.15);
  }
}

.ys-ban-imgbox-posit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12;
}

.ys-banner .ys-ban-title {
  color: var(--colorfff);
  font-size: var(--font60);
  font-family: var(--bold);
}

.home-product-item-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: calc(100vh - var(--headh));
  top: var(--headh);
  align-items: center;
  margin: 0 auto;
  position: relative;
}

.hpib-le {
  /* position: relative; */
  width: 50%;
}

.hpib-le-bg {
  position: absolute;
  top: var(--space180);
  /* right: 0; */
  left: 0;
  line-height: 1.2;
  font-size: 1.8rem;
  font-family: var(--bold);
  color: #d7d7d7;
  transform: translateX(-100%);
  transition: var(--transition1);
  transition-delay: 0.4s;
}

.hpib-le-bg span {
  display: block;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #bf1d2c;
  font-family: normal;
  font-weight: bold;
  color: transparent;
  padding-left: 3.2rem;
}

.hpib-ri {
  width: 35.6%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem 0 0.8rem;
}

.hpib-ri-title {
  position: relative;
  font-family: var(--bold);
  line-height: 1.42;
  margin-bottom: 0.42rem;
}

.hpib-ri-title::after {
  position: absolute;
  top: -0.16rem;
  content: "";
  background: var(--colorbf1);
  left: 0;
  width: 0.36rem;
  height: 6px;
}

.hpib-ri-bot-item,
.hpib-ri-bot-item p {
  line-height: var(--line12);
  color: var(--color000);
}

.hpib-ri-bot-item {
  padding-left: 0.24rem;
  position: relative;
}

.hpib-ri-bot-item:not(:last-child) {
  margin-bottom: 0.24rem;
}

.hpib-ri-top {
  margin-bottom: 0.4rem;
}

.hpib-ri-top-wrap {
  display: flex;
  flex-direction: column;
}

.hrtw-item:not(:last-child) {
  margin-bottom: 0.16rem;
}

.hpib-ri-bot-item::after {
  position: absolute;
  content: "";
  background: var(--vicolor);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  height: 2px;
}

.home-product-item .mod-btn .mod-btn-link-icon img:nth-child(2) {
  opacity: 0;
}

.home-product-item:nth-child(2n) .mod-btn .mod-btn-link-icon img:nth-child(2) {
  opacity: 1;
}

.home-product-item:nth-child(2n) .mod-btn .mod-btn-link-icon img:nth-child(1) {
  opacity: 0;
}

.home-product-item:nth-child(2n-1) .mod-btn.act .mod-btn-link {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.home-product-item:nth-child(2n-1) .mod-btn.act .mod-btn-link span {
  color: var(--color000);
}

.home-product-item:nth-child(2n) .hpib-cont {
  flex-direction: row-reverse;
}

.home-product-item:nth-child(2n) .hpib-ri-title {
  color: var(--colorfff);
}

.home-product-item:nth-child(2n) .hpib-le-bg {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  font-family: normal;
  font-weight: bold;
  color: transparent;
  transform: translateX(100%);
  left: auto;
  right: 0;
}

.home-product-item:nth-child(2n) .hpib-le-bg span {
  -webkit-text-stroke-color: var(--vicolor);
  color: var(--vicolor);
}

.hpib-ri-title::after {
  background: var(--vicolor);
}

.hpib-le-bg span {
  -webkit-text-stroke-color: var(--vicolor);
}

.home-product-item:nth-child(2n) .hpib-ri-bot-item,
.home-product-item:nth-child(2n) .hpib-ri-bot-item p {
  color: var(--colorfff);
}

/* .home-product-item:last-child {
  min-height: 100vh;
} */
.home-lineup-item {
  /* position: sticky;
  top: calc(var(--headh) + 1.3rem); */
  background: var(--colorfff);
}

.home-lineup-head {
  padding-bottom: 0.5rem;
  /* height: 1.3rem;
  position: sticky;
  top: var(--headh); */
}

/* 首页-end */
/* Outboard Engine Overview - start */
.outboard-main {
  color: #080404;
  background: #fff;
}

.outboard-main .ys-flex-pos-center {
  z-index: 3;
}

/* .outboard-main .home-header .ys-hd-pc {
  background: rgba(12, 13, 13, 0.12);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
} */
.outboard-main .ys-nyban-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33.4%;
  z-index: 1;
  opacity: 0.5;
  background: linear-gradient(0deg, rgba(35, 42, 60, 0) 0%, #232a3c 100%);
}

.outboard-main .ys-nyban-img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  z-index: 1;
  background: linear-gradient(0deg, #0c0d0d 0%, rgba(12, 13, 13, 0) 100%);
}

.outboard-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: var(--color0C0);
}

.outboard-hero-media img {
  display: block;
  width: 100%;
  height: auto;
}

.outboard-hero-ph {
  display: none;
}

.outboard-hero-mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg,
      rgba(12, 13, 13, 0.2) 0%,
      rgba(12, 13, 13, 0.06) 34%,
      rgba(12, 13, 13, 0.98) 100%),
    linear-gradient(90deg, rgba(12, 13, 13, 0.42) 0%, rgba(12, 13, 13, 0) 55%);
  pointer-events: none;
}

.outboard-bread {
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.outboard-bread>*+* {
  margin-left: 0.06rem;
}

.outboard-bread-item {
  display: flex;
  align-items: center;
}

.outboard-bread-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.1rem;
  margin-left: 0.06rem;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0.5;
  transform: rotate(45deg);
}

.outboard-bread .std-text16 {
  line-height: 1.875;
  color: rgba(255, 255, 255, 0.5);
}

.outboard-bread-item:last-child .std-text16 {
  color: rgba(255, 255, 255, 0.9);
}

.outboard-hero-copy {
  position: absolute;
  top: 3.22rem;
  left: 50%;
  z-index: 2;
  width: calc(100% - 3.2rem);
  max-width: 1600px;
  color: #fff;
  transform: translateX(-50%);
}

.outboard-hero-eyebrow {
  margin-bottom: 0.24rem;
  font-family: var(--light);
  line-height: 1.3;
  color: #fff;
}

.outboard-hero-title {
  width: 56.66%;
  font-family: var(--bold);
  line-height: 1.3;
  color: #fff;
}

.outboard-types {
  overflow: visible;
  color: #fff;
  background: var(--color0C0);
}

.outboard-type-inof {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.16rem;
  margin-bottom: -0.42rem;
}

.outboard-type-item {
  display: flex;
  flex-direction: column;
  width: 33.333333%;
  padding: 0 0.16rem;
  margin-bottom: 0.42rem;
}

.outboard-type-img {
  margin-bottom: 0.38rem;
  background: #1b1d20;
  border-radius: 0.1rem;
}

.outboard-type-img img:nth-child(2) {
  object-fit: cover;
}

.outboard-type-copy {
  margin-bottom: var(--space60);
  padding-right: 0.52rem;
  flex-grow: 1;
}

.outboard-type-copy .std-font36 {
  margin-bottom: 0.24rem;
  font-family: var(--bold);
  line-height: 1.2;
  color: #fff;
}

.outboard-type-text,
.outboard-type-text .std-text18 {
  font-size: var(--font18);
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
}

.outboard-engines {
  overflow: visible;
  background: #fff;
}

.outboard-engines .std-font42,
.outboard-series .std-font50 {
  font-family: var(--bold);
  text-align: center;
}

.outboard-engines .std-font42 {
  margin-bottom: var(--space60);
}

.outboard-engine-inof {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.16rem;
}

.fs-products .outboard-engine-inof {
  margin-bottom: 0.48rem;
}

.outboard-engine-item {
  width: 25%;
  padding: 0 0.16rem;
  margin-bottom: 0.32rem;
}

.outboard-engines.is-expanded .outboard-engine-item:nth-child(n + 9) {
  display: block;
}

.outboard-engine-link {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.4rem 0.38rem;
  color: #000;
  border-radius: 0.1rem;
  overflow: hidden;
  background: #f0f1f2;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}

.fs-products .outboard-engine-link {
  padding: 0.52rem 0.4rem 0.38rem;
}

.outboard-engine-img {
  z-index: 1;
  width: 82%;
  margin: 0 auto 0.55rem;
  flex: none;
}

.fs-products .outboard-engine-img {
  margin: 0 auto 0.5rem;
}

.outboard-engine-img img:nth-child(2) {
  object-fit: contain;
}

.outboard-engine-copy {
  position: relative;
  z-index: 1;
  padding-right: 0.12rem;
}

.outboard-engine-copy .std-font20 {
  margin-bottom: 0.16rem;
  overflow: hidden;
  font-family: var(--seimibold);
  line-height: var(--line15);
  color: #000;
  transition: var(--transition);
}

.outboard-engine-copy .std-text16,
.outboard-engine-copy .std-text16 p {
  line-height: var(--line15);
  color: #666;
  transition: var(--transition);
}

.outboard-engine-arrow {
  position: relative;
  flex-shrink: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2);
  color: #000;
  width: 0.34rem;
  height: 0.34rem;
}

.outboard-engine-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.28rem auto 0;
  font-size: var(--font16);
  line-height: 1.65;
  color: #000;
  cursor: pointer;
}

.outboard-engine-more-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.outboard-engine-more-box.act .outboard-engine-more-icon img {
  transform: rotate(180deg);
}

.outboard-engine-more-icon {
  width: 8px;
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
}

.outboard-engine-more-icon img {
  width: 100%;
  transition: var(--transition);
}

.outboard-engine-more .std-text16 {
  padding-right: 0.08rem;
}

.outboard-series {
  overflow: visible;
  background: #fff;
}

.outboard-series .ys-cont1600 {
  border-top: 1px solid rgba(8, 4, 4, 0.2);
}

.outboard-series .std-font50 {
  margin-bottom: var(--space60);
  line-height: 1.4;
  color: #080404;
}

.outboard-series-inof {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -0.16rem;
  margin-bottom: -0.32rem;
}

.outboard-series-item {
  --series-color: var(--colormain);
  width: 25%;
  padding: 0 0.16rem;
  margin-bottom: 0.32rem;
}

.outboard-series-diesel {
  --series-color: var(--colorbf1);
}

.outboard-series-fourstroke,
.outboard-series-twostroke {
  --series-color: var(--color23C);
}

.outboard-series-electric {
  --series-color: var(--color41B);
}

.outboard-series-trolling {
  --series-color: var(--color64E);
}

.outboard-series-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.36rem 0.4rem;
  color: #000;
  background: #f0f1f2;
  border-radius: 0.08rem;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
}

.outboard-series-link::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: var(--transition);
}

.outboard-series-link .std-font24 {
  padding-right: 0.2rem;
  display: -webkit-box;
  min-height: 2.8em;
  overflow: hidden;
  font-family: var(--bold);
  line-height: 1.4;
  color: #000;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: var(--transition);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}

.outboard-series-item.is-active .outboard-series-link {
  color: #fff;
  background: var(--vicolor1);
}

.outboard-series-item.is-active .outboard-series-link .std-font24 {
  color: #fff;
}

.outboard-series-icon {
  width: 0.34rem;
  height: 0.34rem;
  flex-shrink: 0;
  z-index: 3;
}

.outboard-series-item.is-active .outboard-series-icon {
  color: #000;
  background: #fff;
  border-color: #fff;
}

.outboard-showcase .home-showcase-tag {
  padding: 0.08rem 0.32rem;
  font-size: var(--font18);
  line-height: 1.8;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.outboard-showcase .home-showcase-slogan {
  bottom: -0.38rem;
  left: calc(50% + 1.59rem);
  font-size: 1.5rem;
  color: #fff;
  mix-blend-mode: exclusion;
  transform: translateX(-50%);
}

.outboard-dealer {
  padding: 1.6rem 0.3rem 1.35rem;
}

.outboard-dealer .home-dealer-inof {
  margin-top: 0.72rem;
}

.outboard-dealer .home-dealer-inof>*+* {
  margin-left: 1.6rem;
}

.outboard-dealer-region-item {
  width: 2rem;
}

.outboard-dealer .home-dealer-img {
  width: 2rem;
  margin-bottom: 0.16rem;
}

/* Outboard Engine Overview - end */
/* FourStroke Products - start */
.fs-main {
  --series-color: var(--color23C);
  color: #080404;
  background: #fff;
}

.fs-main .home-header .ys-hd-pc {
  background: rgba(12, 13, 13, 0.12);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.fs-main .ys-nybanner {
  overflow: visible;
}

.fs-main .mod-power {
  transition: var(--transition);
  transition-delay: 0.5s;
  font-size: var(--font120);
}

.fs-main .ys-nyban-img img {
  min-height: 100vh;
  object-fit: cover;
}

.fs-bread,
.fs-filter-inof,
.fs-product-inof,
.fs-action-inof,
.fs-page .pc-fenye {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fs-hero {
  position: relative;
  overflow: visible;
  color: #fff;
  background: var(--color0C0);
}

.fs-hero-media img {
  display: block;
  width: 100%;
  height: auto;
}

.fs-hero-ph {
  display: none;
}

.fs-bread {
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.fs-bread>*+* {
  margin-left: 0.06rem;
}

.fs-bread-item {
  display: flex;
  align-items: center;
}

.fs-bread-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.1rem;
  margin-left: 0.06rem;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0.5;
  transform: rotate(45deg);
}

.fs-bread .std-text16 {
  line-height: 1.875;
  color: rgba(255, 255, 255, 0.5);
}

.fs-bread-item:last-child .std-text16 {
  color: rgba(255, 255, 255, 0.9);
}

.fs-hero-title {
  --title-drop: 0px;
  position: absolute;
  right: 0.52rem;
  bottom: -0.36rem;
  z-index: 3;
  font-family: var(--talic);
  font-size: 1.2rem;
  font-weight: 700;
  font-style: italic;
  color: #fff;
  white-space: nowrap;
  mix-blend-mode: exclusion;
  transform: translate(0, var(--title-drop));
  animation: fsTitleIn 1.1s var(--bezier2) both;
  pointer-events: none;
}

@keyframes fsTitleIn {
  0% {
    opacity: 0;
    transform: translate(18%, var(--title-drop));
  }

  100% {
    opacity: 1;
    transform: translate(0, var(--title-drop));
  }
}

.fs-products {
  overflow: visible;
  background: #fff;
}

.fs-products-core {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fs-filter {
  width: 20.625%;
  position: sticky;
  top: 120px;
}

.fs-product-main {
  width: 74.5%;
}

/* .parts-main .fs-product-main {
  width: 100%;
} */

.fs-filter .std-font26 {
  margin-bottom: 0.43rem;
  font-family: var(--bold);
  line-height: var(--line12);
}

.fs-filter-search {
  position: relative;
  --right: 0.16rem;
  --width1: 0.24rem;
}

.fs-filter-top {
  padding-bottom: var(--space50);
  margin-bottom: 0.45rem;
  border-bottom: 1px solid #d9d9d9;
}

.fs-search-input input {
  width: 100%;
  font-size: var(--font16);
  line-height: 1.5;
  color: #000;
  background: transparent;
  border-radius: 0.1rem;
  border: 1px solid #d9d9d9;
  height: 44px;
  padding-left: 0.17rem;
  padding-right: calc(var(--width1) + var(--right) + 0.2rem);
}

.fs-filter-search input::placeholder {
  color: #999;
}

.fs-search-icon {
  width: var(--width1);
  flex: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--right);
  cursor: pointer;
}

.fs-search-icon img {
  width: 100%;
}

.fs-filter-inof {
  display: flex;
  flex-direction: column;
}

.fs-filter-item {
  width: 100%;
}

.fs-filter-item:not(:last-child) {
  margin-bottom: 0.28rem;
}

.fs-filter-item .std-text18 {
  display: block;
  line-height: var(--line12);
  transition: var(--transition);
}

.fs-filter-item.act .std-text18 {
  color: var(--vicolor);
}

.fs-product-intro {
  width: 74%;
  margin-bottom: 0.72rem;
}

.fs-product-intro,
.fs-product-intro .std-text16 {
  font-family: var(--light);
  font-size: var(--font16);
  line-height: var(--line15);
  color: #37474f;
}

.fs-product-inof {
  --gap1: 0.16rem;
  --gap2: 0.32rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}

.fs-product-item {
  width: 33.333333%;
  padding: 0 var(--gap1);
  margin-bottom: var(--gap2);
}

.fs-product-link {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.4rem 0.4rem;
  color: #000;
  overflow: hidden;
  background: #f0f1f2 url("../images/b1_product_h.png") center / 100% 100% no-repeat;
  border-radius: 0.1rem;
  transition: var(--transition);
}

.fs-product-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  background:
    radial-gradient(55% 82% at 52% 44%,
      rgba(0, 0, 0, 0.06) 0%,
      rgba(0, 0, 0, 0.035) 34%,
      rgba(255, 255, 255, 0) 35%),
    linear-gradient(115deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 62%);
  transition: var(--transition);
  pointer-events: none;
}

.fs-product-img {
  z-index: 1;
  width: 78.72%;
  margin: 0 auto;
}

.fs-product-img img:nth-child(2) {
  object-fit: contain;
}

.fs-product-copy {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-right: 0.52rem;
}

.fs-product-copy .std-font20 {
  margin-bottom: 0.16rem;
  font-family: var(--seimibold);
  transition: var(--transition);
}

.fs-product-copy .std-text16 {
  line-height: 1.5;
  color: #666;
  transition: var(--transition);
}

.fs-product-arrow {
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.34rem;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid currentColor;
  border-radius: 50%;
  transition: var(--transition);
}

.fs-product-arrow img {
  width: 0.16rem;
  transform: rotate(0deg);
}

.fs-page .pc-fenye {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fs-page .pc-fenye>*+* {
  margin-left: 0.3rem;
}

.fs-page .comp-tabli {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--light);
  font-size: var(--font16);
  line-height: 1.2;
  color: #000;
}

.fs-page .comp-first,
.fs-page .comp-prev {
  display: none;
}

.fs-page .activepage {
  width: 0.4rem;
  color: #fff;
  background: #000;
  border-radius: 50%;
}

.fs-page-link {
  color: inherit;
}

.fs-page .next,
.fs-page .end {
  position: relative;
  display: block;
  width: 0.2rem;
}

.fs-page .next::before,
.fs-page .end::before,
.fs-page .end::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.07rem;
  height: 0.07rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translateY(-50%) rotate(45deg);
}

.fs-page .next::before {
  left: 0.01rem;
}

.fs-page .end::before {
  left: 0;
}

.fs-page .end::after {
  right: 0;
}

.fs-actions {
  overflow: visible;
  background: #fff;
  position: relative;
}

.fs-actions-title {
  margin-bottom: 0.62rem;
  font-family: var(--bold);
  line-height: 1.25;
  color: #000;
}

.fs-actions-title img {
  width: 1.77rem;
  margin-bottom: 0.15rem;
}

.fs-action-inof {
  --gap1: 0.16rem;
  --gap2: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}

.fs-action-item {
  width: 33.333333%;
  padding: 0 var(--gap1);
  margin-bottom: var(--gap2);
}

.fs-action-link {
  display: flex;
  align-items: center;
  padding-top: 0.48rem;
  transition: var(--transition);
  border-top: 1px solid #969898;
}

.fs-action-icon {
  width: 0.72rem;
  flex: none;
}

.fs-action-icon img {
  transform: scale(1) !important;
  transition: var(--transition);
}

.fs-action-icon img:nth-child(2) {
  opacity: 0;
}

.fs-action-copy {
  display: flex;
  flex-direction: column;
  padding-left: 0.4rem;
  transition: var(--transition);
}

.fs-action-copy .std-font24 {
  font-family: var(--bold);
  line-height: var(--line12);
  transition: var(--transition);
  color: #a1a3a3;
  margin-bottom: 0.06rem;
}

.fs-action-copy .std-text16,
.fs-action-copy .std-text16 p {
  font-style: normal;
  line-height: var(--line15);
  color: #969898;
  transition: var(--transition);
}

/* FourStroke Products - end */
/* Parts List - start */
.parts-main {
  --parts-accent: #cb191d;
  color: #080404;
  background: #fff;
}

.parts-main .home-header .ys-hd-pc {
  background: rgba(12, 13, 13, 0.12);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.parts-bread,
.parts-filter-inof,
.parts-product-inof,
.parts-page .pc-fenye {
  margin: 0;
  padding: 0;
  list-style: none;
}

.parts-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #798475;
}

.parts-hero-media {
  position: relative;
}

.parts-hero-media img,
.parts-hero-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.parts-hero-media img {
  display: block;
  object-fit: cover;
}

.parts-hero-ph {
  display: none;
}

.parts-hero-shade {
  z-index: 1;
  background:
    linear-gradient(90deg,
      #798475 0%,
      rgba(121, 132, 117, 0.78) 18%,
      rgba(121, 132, 117, 0) 36%),
    linear-gradient(270deg,
      #798475 0%,
      rgba(141, 152, 138, 0.76) 13%,
      rgba(141, 152, 138, 0) 32%),
    linear-gradient(180deg,
      rgba(12, 13, 13, 0.22) 0%,
      rgba(12, 13, 13, 0) 45%,
      rgba(12, 13, 13, 0.18) 100%);
  pointer-events: none;
}

.parts-bread {
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.parts-bread>*+* {
  margin-left: 0.06rem;
}

.parts-bread-item {
  display: flex;
  align-items: center;
}

.parts-bread-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.1rem;
  margin-left: 0.06rem;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0.5;
  transform: rotate(45deg);
}

.parts-bread .std-text16 {
  line-height: 1.875;
  color: rgba(255, 255, 255, 0.5);
}

.parts-bread-item:last-child .std-text16 {
  color: rgba(255, 255, 255, 0.9);
}

.parts-hero-copy {
  position: absolute;
  left: 1.6rem;
  bottom: 1.42rem;
  z-index: 2;
}

.parts-hero-title {
  font-family: var(--bold);
  font-weight: 700;
  color: #fff;
}

.parts-products {
  overflow: visible;
  background: #fff;
  padding-top: var(--space130);
}

.parts-products-core {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.parts-filter {
  flex: 0 0 20.625%;
}

.parts-filter-head .std-font26 {
  margin-bottom: 0.45rem;
  font-family: var(--bold);
  line-height: 1.35;
}

.parts-filter-toggle {
  display: none;
}

.parts-filter-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.1rem 0.16rem 0.1rem 0.17rem;
  border: 1px solid #d9d9d9;
  border-radius: 0.1rem;
}

.parts-filter-search:focus-within,
.parts-filter-search.has-value {
  border-color: var(--parts-accent);
}

.parts-filter-search input {
  min-width: 0;
  padding: 0;
  font-size: var(--font16);
  line-height: 1.5;
  color: #000;
  background: transparent;
  border: 0;
  outline: 0;
}

.parts-filter-search input::placeholder {
  color: #909090;
}

.parts-search-icon {
  flex: 0 0 0.24rem;
  width: 0.24rem;
}

.parts-filter-panel {
  margin-top: 0.42rem;
}

.parts-filter-group {
  padding: 0.32rem 0;
  border-top: 1px solid #d9d9d9;
}

.parts-filter-group:last-child {
  border-bottom: 1px solid #d9d9d9;
}

.parts-filter-group-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.parts-filter-group-hd .std-font20 {
  font-family: var(--bold);
  line-height: 1.45;
}

.parts-filter-toggle-icon {
  position: relative;
  flex: 0 0 0.16rem;
  width: 0.16rem;
}

.parts-filter-toggle-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.08rem;
  height: 0.08rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translate(-50%, -62%) rotate(135deg);
  transition: var(--transition);
}

.parts-filter-group.is-open .parts-filter-toggle-icon::before {
  transform: translate(-50%, -38%) rotate(-45deg);
}

.parts-filter-inof {
  display: none;
  flex-direction: column;
  padding-top: 0.24rem;
}

.parts-filter-inof>*+* {
  margin-top: 0.24rem;
}

.parts-filter-group.is-open .parts-filter-inof {
  display: flex;
}

.parts-filter-item .std-text18 {
  display: block;
  line-height: 1.45;
  transition: var(--transition);
}

.parts-filter-item.is-active .std-text18 {
  color: var(--parts-accent);
}

.parts-product-inof {
  --gap1: 0.16rem;
  --gap2: 0.32rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}

.parts-product-item {
  width: 33.333333%;
  padding: 0 var(--gap1);
  margin-bottom: var(--gap2);
}

.parts-product-link {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.58rem 0.4rem 0.4rem;
  color: #000;
  overflow: hidden;
  background: #f5f5f5 url("../images/b1_product_h.png") center / 100% 100% no-repeat;
  border-radius: 0.1rem;
  transition: var(--transition);
}

.parts-product-link::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  background:
    radial-gradient(55% 82% at 52% 44%,
      rgba(0, 0, 0, 0.06) 0%,
      rgba(0, 0, 0, 0.035) 34%,
      rgba(255, 255, 255, 0) 35%),
    linear-gradient(115deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 62%);
  transition: var(--transition);
}

.parts-product-img {
  z-index: 1;
  width: 78.72%;
  margin: 0 auto;
}

.parts-product-img img:nth-child(2) {
  object-fit: contain;
}

.parts-product-copy {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-right: 0.52rem;
}

.parts-product-copy .std-font20 {
  font-family: var(--seimibold);
  line-height: 1.2;
  transition: var(--transition);
}

.parts-product-arrow {
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.34rem;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid currentColor;
  border-radius: 50%;
  transition: var(--transition);
}

.parts-product-arrow img {
  width: 0.16rem;
  transform: rotate(0deg);
}

.parts-page {
  margin-top: 0.72rem;
}

.parts-page .pc-fenye {
  display: flex;
  align-items: center;
  justify-content: center;
}

.parts-page .pc-fenye>*+* {
  margin-left: 0.3rem;
}

.parts-page .comp-tabli {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--light);
  font-size: var(--font16);
  line-height: 1.2;
  color: #000;
}

.parts-page .comp-first,
.parts-page .comp-prev {
  display: none;
}

.parts-page .activepage {
  width: 0.4rem;
  color: #fff;
  background: #000;
  border-radius: 50%;
}

.parts-page-link {
  color: inherit;
}

.parts-page .next,
.parts-page .end {
  position: relative;
  display: block;
  width: 0.2rem;
}

.parts-page .next::before,
.parts-page .end::before,
.parts-page .end::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.07rem;
  height: 0.07rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: translateY(-50%) rotate(45deg);
}

.parts-page .next::before {
  left: 0.01rem;
}

.parts-page .end::before {
  left: 0;
}

.parts-page .end::after {
  right: 0;
}

/* Parts List - end */
/* Find a dealer - start */
.dealer-main {
  color: #000;
  background: #fff;
}

.dealer-main .home-header .ys-hd-pc {
  background: rgba(35, 42, 60, 0.08);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.dealer-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: var(--color232);
}

.dealer-hero-media {
  position: relative;
}

.dealer-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(35, 42, 60, 0.38) 0%,
      rgba(35, 42, 60, 0.08) 45%,
      rgba(35, 42, 60, 0.14) 100%),
    rgba(35, 42, 60, 0.08);
  pointer-events: none;
}

.dealer-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.dealer-hero-ph {
  display: none;
}

.dealer-bread,
.dealer-filter-options,
.dealer-card-inof {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dealer-bread {
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  z-index: 2;
  justify-content: flex-start;
}

.dealer-bread>*+* {
  margin-left: 0.06rem;
}

.dealer-bread-item {
  display: flex;
  align-items: center;
}

.dealer-bread-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.1rem;
  margin-left: 0.06rem;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0.5;
  transform: rotate(45deg);
}

.dealer-bread .std-text16 {
  line-height: 1.875;
  color: rgba(255, 255, 255, 0.62);
}

.dealer-bread-item:last-child .std-text16 {
  color: rgba(255, 255, 255, 0.9);
}

.dealer-hero-copy {
  position: absolute;
  top: 2.9rem;
  left: 1.6rem;
  z-index: 2;
}

.dealer-hero-title {
  font-family: var(--bold);
  line-height: 1.65;
  color: #fff;
  text-transform: capitalize;
}

.dealer-section {
  overflow: visible;
  background: #fff;
}

.dealer-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  z-index: 5;
}

.dealer-filter-select {
  position: relative;
  z-index: 3;
  width: 60%;
}

.dealer-filter-select-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.12rem 0.15rem 0.12rem 0.2rem;
  color: #666;
  cursor: pointer;
  border: 1px solid #151515;
  border-radius: 0.1rem;
  transition: var(--transition);
}

.dealer-filter-value {
  display: block;
  line-height: 1.65;
  text-transform: capitalize;
}

.dealer-filter-select-icon {
  position: relative;
  display: block;
  width: 0.24rem;
  flex-shrink: 0;
}

.dealer-filter-select-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.08rem;
  height: 0.08rem;
  border-right: 1px solid #151515;
  border-bottom: 1px solid #151515;
  transform: translate(-50%, -65%) rotate(45deg);
  transition: var(--transition);
}

.dealer-filter-select.is-open .dealer-filter-select-icon::before {
  transform: translate(-50%, -35%) rotate(-135deg);
}

.dealer-filter-options {
  position: absolute;
  top: calc(100% + 0.08rem);
  left: 0;
  display: none;
  width: 100%;
  padding: 0.08rem 0;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0.1rem;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.08);
}

.dealer-filter-select.is-open .dealer-filter-options {
  display: block;
}

.dealer-filter-option {
  padding: 0.08rem 0.2rem;
  line-height: 1.45;
  color: #333;
  cursor: pointer;
  transition: var(--transition);
}

.dealer-filter-search {
  width: 31%;
}

.dealer-filter-search input {
  padding-left: 0.2rem;
}

.dealer-filter-search:focus-within,
.dealer-filter-search.has-value {
  border-color: #151515;
}

.dealer-filter-search input::placeholder {
  color: #909090;
}

.dealer-search-icon {
  display: block;
  width: 0.24rem;
  margin-left: 0.16rem;
  flex-shrink: 0;
}

.dealer-search-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dealer-filter-count {
  margin-top: 0.5rem;
  line-height: var(--line16);
  color: #666;
}

.dealer-card-inof {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem -0.16rem -0.32rem;
}

.dealer-card-item {
  padding: 0 0.16rem;
  margin-bottom: 0.32rem;
  width: 25%;
}

.dealer-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0.4rem 0.5rem;
  color: #000;
  background: #f5f5f5;
  border-radius: 0.1rem;
  transition: var(--transition);
}

.dealer-card-country span {
  position: relative;
  z-index: 1;
  padding: 0 0.15rem;
  line-height: 1.65;
  color: #333;
  border: 1px solid #333;
  border-radius: 0.2rem;
  transition: var(--transition);
  display: inline-block;
  font-size: var(--font16);
}

.dealer-card-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.47rem;
  transition: var(--transition);
  opacity: 0;
  pointer-events: none;
}

.dealer-card-bg img {
  width: 100%;
}

.dealer-card-number {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  margin-top: 0.23rem;
  line-height: 1.65;
}

.dealer-card-number,
.dealer-card-number p,
.dealer-card-number span {
  transition: var(--transition);
}

/* Find a dealer - end */
/* PARSUN - start */
.parsun-main {
  --home-navy: #232a3c;
  color: #000;
  background: #fff;
}

.parsun-main .home-header .ys-hd-pc {
  background: rgba(12, 13, 13, 0.22);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.parsun-bread,
.parsun-hero-points,
.parsun-presence-legend,
.parsun-history-inof,
.parsun-tech-inof,
.parsun-experience-slick,
.parsun-quality-inof {
  margin: 0;
  padding: 0;
  list-style: none;
}

.parsun-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: var(--home-navy);
}

.parsun-hero-media {
  position: relative;
  overflow: hidden;
  background: var(--color0C0);
}

.parsun-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(12, 13, 13, 0.28) 0%,
      rgba(12, 13, 13, 0.04) 46%,
      rgba(35, 42, 60, 0.18) 100%);
  pointer-events: none;
}

.parsun-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.parsun-hero-ph {
  display: none;
}

.parsun-bread {
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.parsun-bread>*+* {
  margin-left: 0.06rem;
}

.parsun-bread-item {
  display: flex;
  align-items: center;
}

.parsun-bread-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.05rem;
  margin-left: 0.06rem;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0.5;
  transform: rotate(45deg);
}

.parsun-bread .std-text16 {
  line-height: 1.875;
  color: rgba(255, 255, 255, 0.55);
}

.parsun-bread-item:last-child .std-text16 {
  color: rgba(255, 255, 255, 0.95);
}

.parsun-hero-info {
  position: relative;
  z-index: 2;
  margin-top: -0.06rem;
  padding: 0.18rem 0 1.18rem;
  background: var(--home-navy);
}

.parsun-since {
  display: flex;
  align-items: flex-end;
}

.parsun-since .std-font86 {
  padding-bottom: 0.12rem;
  font-family: var(--talic);
  font-size: 0.86rem;
  font-weight: normal;
  line-height: 1;
  color: rgba(255, 255, 255, 0.82);
}

.parsun-hero-line {
  width: 100%;
  height: 1px;
  margin-top: 0.26rem;
  background: rgba(255, 255, 255, 0.28);
}

.parsun-hero-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 0.62rem;
}

.parsun-hero-body>*+* {
  margin-left: 0.6rem;
}

.parsun-hero-arrow {
  position: relative;
  width: 0.5rem;
  margin-left: 0.04rem;
}

.parsun-hero-arrow::before {
  content: "";
  position: absolute;
  top: 0.02rem;
  left: 50%;
  width: 1px;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0.7);
}

.parsun-hero-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.03rem;
  width: 0.12rem;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  transform: translateX(-50%) rotate(45deg);
}

.parsun-hero-points {
  width: 58%;
}

.parsun-hero-points .std-font20 {
  position: relative;
  padding-left: 0.24rem;
  margin-bottom: 0.24rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
}

.parsun-hero-points .std-font20:last-child {
  margin-bottom: 0;
}

.parsun-hero-points .std-font20::before {
  content: "";
  position: absolute;
  top: 0.14rem;
  left: 0;
  width: 0.08rem;
  height: 2px;
  background: #df2630;
}

.parsun-presence {
  background: #fff;
  position: relative;
}

.parsun-presence .ys-cont1600 {
  position: relative;
}

.parsun-presence .std-font42 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-family: var(--bold);
  line-height: var(--line12);
}

.parsun-presence-visual {
  position: relative;
  padding-top: 0.34rem;
}

.parsun-presence-map {
  position: relative;
  width: 100%;
  overflow: hidden;
  background:
    radial-gradient(circle at 28% 38%,
      rgba(35, 42, 60, 0.08) 0 1px,
      transparent 1px 8px),
    radial-gradient(circle at 65% 42%,
      rgba(35, 42, 60, 0.1) 0 1px,
      transparent 1px 7px),
    radial-gradient(circle at 73% 56%,
      rgba(203, 25, 29, 0.16) 0 1px,
      transparent 1px 9px),
    linear-gradient(90deg,
      transparent 0%,
      rgba(35, 42, 60, 0.04) 50%,
      transparent 100%);
  background-size:
    0.1rem 0.1rem,
    0.1rem 0.1rem,
    0.11rem 0.11rem,
    100% 100%;
}

.parsun-presence-map::before,
.parsun-presence-map::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.parsun-presence-map::before {
  inset: 12% 10% 14% 8%;
  background:
    radial-gradient(ellipse at 18% 32%,
      rgba(86, 109, 137, 0.16) 0 12%,
      transparent 13%),
    radial-gradient(ellipse at 45% 24%,
      rgba(86, 109, 137, 0.12) 0 10%,
      transparent 11%),
    radial-gradient(ellipse at 62% 30%,
      rgba(86, 109, 137, 0.16) 0 11%,
      transparent 12%),
    radial-gradient(ellipse at 76% 50%,
      rgba(203, 25, 29, 0.16) 0 11%,
      transparent 12%),
    radial-gradient(ellipse at 55% 63%,
      rgba(86, 109, 137, 0.12) 0 11%,
      transparent 12%);
  opacity: 0.95;
}

.parsun-presence-map::after {
  right: 18.8%;
  top: 40%;
  width: 2.2rem;
  background: radial-gradient(circle,
      rgba(203, 25, 29, 0.18) 0 15%,
      rgba(203, 25, 29, 0.1) 16% 31%,
      rgba(203, 25, 29, 0.04) 32% 50%,
      transparent 51%);
}

.parsun-map-point {
  position: absolute;
  z-index: 2;
  width: 0.22rem;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #3159d8;
}

.parsun-map-point-main {
  right: 24.4%;
  top: 49.4%;
  background: #cb191d;
}

.parsun-map-point-sub {
  right: 25.4%;
  top: 47.4%;
  background: #3159d8;
  transform: scale(0.8);
}

.parsun-map-label {
  position: absolute;
  z-index: 2;
  font-family: var(--bold);
  line-height: 1.35;
  color: #111;
}

.parsun-map-label-top {
  right: 17.8%;
  top: 40.5%;
}

.parsun-map-label-bottom {
  right: 14.8%;
  top: 56.6%;
}

.parsun-presence-legend {
  position: absolute;
  left: 0;
  bottom: 1.28rem;
  z-index: 2;
}

.ppvb-wrap-items-icon {
  width: 0.24rem;
}

.ppvb-wrap-items-icon img {
  width: 100%;
}

.ppvb-img {
  width: 100%;
}

.ppvb-img img {
  width: 100%;
}

.parsun-presence-legend-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.22rem;
  font-size: var(--font14);
  line-height: 1.35;
  color: #111;
}

.parsun-presence-legend-item img {
  width: 0.16rem;
}

.parsun-presence-visual-box {
  position: relative;
  z-index: 2;
}

.ppvb-wrap-items {
  position: absolute;
}

.ppvb-wrap-items-text {
  color: #000;
  font-family: var(--semibold);
}

.parsun-presence-legend-item span {
  padding-left: 0.16rem;
}

.parsun-presence-legend-item:last-child {
  margin-bottom: 0;
}

.parsun-presence-legend-dot {
  width: 0.1rem;
  margin-right: 0.14rem;
  background: #cb191d;
  border-radius: 50%;
}

.parsun-presence-legend-item:nth-child(2) .parsun-presence-legend-dot,
.parsun-presence-legend-item:nth-child(4) .parsun-presence-legend-dot {
  background: #3159d8;
}

.parsun-history {
  position: relative;
  background: #f5f5f5;
}

.parsun-history .ys-cont1600 {
  position: relative;
  z-index: 2;
}

.parsun-history .std-font36,
.parsun-tech .std-font36,
.parsun-experience .std-font36 {
  font-family: var(--bold);
  line-height: 1.35;
}

.parsun-history-inof {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}

.parsun-history-item {
  position: relative;
  width: 25%;
  transition: var(--transition);
  padding-left: 0.4rem;
}

.parsun-history-item:nth-child(2n) {
  margin-top: 0.75rem !important;
}

.parsun-history-item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: calc(100% - 0.16rem);
  background: url(../images/f1_cust_img04.svg) no-repeat;
  background-size: 100% 100%;
}

.parsun-history-icon {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  position: absolute;
  z-index: 5;
  opacity: 0;
  position: fixed;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.parsun-history-icon img {
  width: 100%;
}

.parsun-history-icon.active {
  opacity: 1;
}

.parsun-history-inof .std-font72 {
  display: block;
  margin-bottom: 0.14rem;
  font-family: var(--bold);
  line-height: 1.18;
}

.parsun-history-inof .std-text16 {
  line-height: 1.5;
  color: #111;
}

.parsun-history-wave {
  position: relative;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin-top: -0.84rem;
  pointer-events: none;
}

.parsun-history-wave::after {
  background: linear-gradient(180deg, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 80%;
}

.parsun-history-wave img {
  width: 100%;
}

.parsun-tech {
  overflow: visible;
  padding: 1.58rem 0;
  background: #fff;
}

.parsun-tech-core {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.parsun-tech-copy {
  width: 46.875%;
}

.parsun-tech .std-font36 {
  margin-bottom: 0.72rem;
}

.parsun-tech-select {
  display: none;
}

.parsun-tech-inof {
  border-top: 1px solid rgba(0, 0, 0, 0.28);
}

.parsun-tech-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.parsun-tech-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.24rem 0;
  cursor: pointer;
}

.parsun-tech-hd .std-font20 {
  font-family: var(--bold);
  line-height: 1.35;
  transition: var(--transition);
}

.parsun-tech-toggle {
  position: relative;
  flex-shrink: 0;
  width: 0.26rem;
  color: #000;
  transition: var(--transition);
}

.parsun-tech-toggle::before,
.parsun-tech-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.18rem;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%);
}

.parsun-tech-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.parsun-tech-item.is-active .parsun-tech-toggle::after {
  opacity: 0;
}

.parsun-tech-bd {
  display: none;
  padding: 0 0 0.34rem;
}

.parsun-tech-item.is-active .parsun-tech-bd {
  display: block;
}

.parsun-tech-bd .std-text16 {
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.62);
}

.parsun-tech-bd .std-text14 {
  display: block;
  margin-top: 0.3rem;
  font-style: normal;
  line-height: 1.35;
  color: rgba(0, 0, 0, 0.52);
}

.parsun-tech-img {
  overflow: hidden;
  border-radius: 0.04rem;
  width: 43.75%;
  pointer-events: none;
}

.parsun-tech-img .ys-imgbox-cover {
  border-radius: 0.1rem;
}

.parsun-tech-img .ys-imgbox-cover img {
  object-fit: cover;
}

.parsun-experience {
  overflow: hidden;
  padding: 0.95rem 0 1.2rem;
  color: #fff;
  background: var(--home-navy);
  position: relative;
}

.parsun-experience .ys-cont1600 {
  position: relative;
}

.parsun-experience .ys-cont1600::after {
  position: absolute;
  top: 50%;
  right: calc(-1 * var(--trans));
  transform: translateY(-50%);
  content: "";
  height: 100%;
  width: 15.4%;
  background: linear-gradient(90deg, rgba(33, 41, 62, 0) 0%, #21293e 100%);
  pointer-events: none;
}

.parsun-experience-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.6rem;
  position: relative;
  z-index: 6;
}

.parsun-experience-head .std-font42 {
  color: var(--colorfff);
}

.parsun-experience .std-font36 {
  color: #fff;
}

.parsun-experience-arrows {
  display: flex;
  align-items: center;
}

.parsun-experience-bot .std-font24 {
  color: #fff;
  margin-bottom: 0.16rem;
}

.parsun-experience-bot .std-text16,
.parsun-experience-bot .std-text16 p {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}

.parsun-experience-prev,
.parsun-experience-next {
  width: 0.36rem;
  cursor: pointer;
  background: transparent url("../images/home_arrow_white.svg") center / 0.16rem auto no-repeat;
  border-radius: 50%;
  transition: var(--transition);
}

.parsun-experience-prev {
  transform: rotate(180deg);
}

.parsun-experience-slick {
  margin: 0 -0.16rem;
}

.parsun-experience-item {
  padding: 0 0.16rem;
  width: 33.333333%;
}

.parsun-experience-item:not(:first-child) {
  display: none;
}

.slick-initialized .parsun-experience-item {
  display: block;
}

.parsun-experience-img {
  overflow: hidden;
  margin-bottom: 0.28rem;
  border-radius: 0.1rem;
}

.parsun-experience-img img:nth-child(2) {
  transition: var(--transition1);
}

.parsun-experience-slick .slick-list {
  overflow: visible;
}

.parsun-experience-item .std-font20 {
  margin-bottom: 0.16rem;
  font-family: var(--bold);
  line-height: 1.35;
  color: #fff;
}

.parsun-quality {
  overflow: hidden;
  padding: 1.6rem 0 1.5rem;
  background: #fff;
}

.parsun-quality-core {
  display: flex;
  align-items: flex-end;
  position: relative;
  justify-content: space-between;
  padding-top: 1rem;
  flex-wrap: wrap;
}

.parsun-quality-core .std-font42 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  font-family: var(--bold);
  line-height: 1.2;
  z-index: 3;
  width: 50%;
}

.parsun-quality-media {
  overflow: hidden;
  border-radius: 0.04rem;
  width: 33.75%;
  position: relative;
  z-index: 2;
}

.parsun-quality-media::after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 75.4%;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
}

.parsun-quality-media img:nth-child(2) {
  transition: var(--transition1);
}

.parsun-quality-copy {
  position: relative;
  width: 40.5%;
  z-index: 2;
}

.parsun-quality-mark {
  position: absolute;
  top: -0.48rem;
  right: 0;
  width: 66.875%;
  z-index: 1;
}

.parsun-quality .std-font36 {
  position: relative;
  z-index: 1;
  margin-bottom: 0.86rem;
  font-family: var(--bold);
  line-height: 1.25;
}

.parsun-quality-inof {
  position: relative;
  z-index: 1;
  max-width: 6.48rem;
}

.parsun-quality-item {
  display: flex;
  align-items: center;
  padding: 0.34rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.parsun-quality-item:first-child {
  border-top: 0;
}

.parsun-quality-icon {
  flex: 0 0 0.78rem;
  width: 0.78rem;
}

.parsun-quality-inof img {
  width: 100%;
  height: auto;
}

.parsun-quality-inof .std-font20 {
  min-width: 0;
  color: #231815;
  padding-left: 0.6rem;
}

/* PARSUN - end */
/* Product Detail - start */
.product-detail-main {
  --product-accent: var(--colorbf1);
  color: #080404;
  background: #fff;
}

.product-detail-main .home-header .ys-hd-pc {
  background: rgba(12, 13, 13, 0.12);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.product-detail-bread,
.product-detail-stats,
.product-detail-thumb-inof,
.product-detail-anchor-inof,
.product-detail-feature-slick,
.product-detail-performance-thumbs,
.product-detail-access-inof,
.product-detail-related-slick {
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-detail-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: var(--color0C0);
}

.product-detail-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(8, 11, 13, 0.2) 0%,
      rgba(8, 11, 13, 0.05) 45%,
      rgba(8, 11, 13, 0.42) 100%);
  pointer-events: none;
}

.product-detail-hero-media {
  position: relative;
  overflow: hidden;
}

.product-detail-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-detail-hero-ph {
  display: none;
}

.product-detail-bread {
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.product-detail-bread>*+* {
  margin-left: 0.06rem;
}

.product-detail-bread-item {
  display: flex;
  align-items: center;
}

.product-detail-bread-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.1rem;
  margin-left: 0.06rem;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0.5;
  transform: rotate(45deg);
}

.product-detail-bread .std-text16 {
  line-height: 1.875;
  color: rgba(255, 255, 255, 0.62);
}

.product-detail-bread-item:last-child .std-text16 {
  color: rgba(255, 255, 255, 0.95);
}

.product-detail-banner-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.47rem;
  z-index: 2;
}

.product-detail-banner .ys-nyban-img::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  opacity: 0.8;
  background: linear-gradient(0deg, #313233 0%, rgba(49, 50, 51, 0) 100%);
  width: 100vw;
  height: 35.4%;
}

.product-detail-stats {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 -0.875rem;
}

.product-detail-stat-item {
  padding: 0 0.875rem;
  width: 25%;
}

.product-detail-stats .std-font42 {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.08rem;
  font-family: var(--bold);
  line-height: 1;
  color: #fff;
}

.product-detail-stat-item.is-counting {
  border-top-color: rgba(255, 255, 255, 0.72);
}

.product-detail-stat-item.is-counted {
  border-top-color: rgba(255, 255, 255, 0.34);
}

@keyframes product-detail-stat-roll {
  0% {
    transform: translateY(0.18rem);
    opacity: 0;
  }

  58% {
    transform: translateY(-0.06rem);
    opacity: 1;
  }

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

.product-detail-stats .std-font42 em {
  margin-left: 0.04rem;
}

.product-detail-stats .std-text18 {
  padding-bottom: 0.05rem;
  font-style: normal;
  line-height: 1.2;
}

.product-detail-stats .std-text16 {
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.78);
}

.product-detail-engine {
  position: relative;
  background: var(--color0C0);
  padding-top: var(--space110);
  padding-bottom: var(--space30);
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.product-detail-engine-core {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pdec-le {
  display: flex;
  flex-direction: column;
  justify-content: center;
  --width: 58%;
  width: var(--width);
  position: relative;
}

.product-detail-engine-word {
  position: absolute;
  top: 1.2rem;
  left: -0.12rem;
  z-index: 0;
  font-family: var(--bold);
  font-size: 1.12rem;
  line-height: 1.02;
  letter-spacing: 0;
  pointer-events: none;
}

.product-detail-engine-word span,
.product-detail-engine-word em {
  display: block;
  color: transparent;
  font-size: inherit;
  line-height: inherit;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.16);
}

.product-detail-engine-word em {
  padding-left: 1.52rem;
  margin-top: -0.24rem;
  font-style: normal;
  color: var(--product-accent);
  -webkit-text-stroke: 0;
}

.product-detail-engine-gallery {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.product-detail-engine-slick {
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-detail-engine-item:not(:first-child) {
  display: none;
}

.slick-initialized .product-detail-engine-item {
  display: block;
}

.product-detail-engine-img {
  width: 4.76rem;
  margin: 0 auto;
}

.product-detail-engine-img img:nth-child(2) {
  object-fit: contain;
  transition: var(--transition1);
}

.product-detail-engine-arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 0.34rem;
  cursor: pointer;
  background: url("../images/home_arrow_white.svg") center / 0.16rem auto no-repeat;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}

.product-detail-engine-prev {
  left: 0.12rem;
  transform: translateY(-50%);
}

.product-detail-engine-next {
  right: 0.12rem;
  transform: translateY(-50%) rotate(180deg);
}

.product-detail-thumb-inof {
  position: absolute;
  left: 0;
  bottom: 0.36rem;
  z-index: 2;
  display: flex;
}

.product-detail-thumb-inof>*+* {
  margin-left: 0.1rem;
}

.product-detail-thumb-item {
  width: 0.78rem;
  padding: 0.06rem;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid transparent;
  transition: var(--transition);
}

.product-detail-thumb-item.is-active {
  background: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.35);
}

.product-detail-thumb-item img:nth-child(2) {
  object-fit: contain;
}

.product-detail-engine-copy {
  position: relative;
  z-index: 1;
  width: 33.125%;
}

.product-detail-engine-mark {
  width: 0.34rem;
  height: 0.06rem;
  margin-bottom: 0.18rem;
  background: var(--product-accent);
}

.product-detail-engine-copy .std-font36 {
  margin-bottom: 0.18rem;
  font-family: var(--bold);
  line-height: 1.18;
  text-transform: uppercase;
  color: #fff;
}

.product-detail-engine-copy .std-text18 {
  margin-bottom: 0.32rem;
  font-family: var(--bold);
  line-height: 1.35;
  color: #fff;
}

.product-detail-engine-line {
  width: 100%;
  height: 1px;
  margin: 0.54rem 0 0.36rem;
  background: rgba(255, 255, 255, 0.13);
}

.product-detail-engine-btns .mod-btn,
.product-detail-spec-btn,
.product-detail-modal-btn {
  cursor: pointer;
}

.product-detail-modal-btn {
  margin-top: 0.4rem;
}

.product-detail-anchor {
  position: sticky;
  top: 0;
  z-index: 40;
  overflow: visible;
  background: #fff;
}

.product-detail-anchor-core {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0.7rem;
  border-bottom: 1px solid #d8d8d8;
}

.product-detail-anchor-inof {
  display: flex;
  align-items: center;
  margin: 0 -0.4rem;
}

.pdac-le {
  padding-right: 0.4rem;
  flex: none;
}

.product-detail-anchor-inof .anchor-btn {
  padding: 0 0.4rem;
  color: #222;
  line-height: var(--line14);
  font-size: var(--font16);
  transition: var(--transition);
  cursor: pointer;
  position: relative;
}

.product-detail-anchor-inof .anchor-btn::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #e3e3e3;
  width: 1px;
  height: 100%;
  content: "";
}

.product-detail-anchor-inof .anchor-btn:last-child:after {
  opacity: 0;
}

.product-detail-anchor-inof .std-text16 {
  display: block;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.78);
  transition: var(--transition);
}

.product-detail-anchor-inof .is-active .std-text16 {
  color: var(--product-accent);
}

.product-detail-anchor-dealer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.07rem 0.2rem;
  line-height: 1.2;
  background: #000;
  flex: none;
  border-radius: 0.18rem;
}

.product-detail-anchor-dealer,
.product-detail-anchor-dealer p,
.product-detail-anchor-dealer a {
  color: #fff;
}

.product-detail-anchor-dealer img {
  width: 0.24rem;
  flex: none;
}

.product-detail-anchor-dealer a {
  padding-left: 0.1rem;
}

.product-detail-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.38rem;
}

.product-detail-section-head .std-font42 {
  font-family: var(--bold);
  line-height: 1.35;
  width: 100%;
  padding-right: 0.2rem;
}

.product-detail-section-head .mod-switch-top-arrows {
  width: 100%;
  justify-content: flex-end;
}

.product-detail-features {
  padding-top: var(--space80);
  background: #fff;
  position: relative;
}

.product-detail-features .ys-cont1600 {
  position: relative;
}

.product-detail-features .ys-cont1600::before {
  position: absolute;
  top: 50%;
  right: calc(-1 * var(--trans));
  width: 2.96rem;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  content: "";
  pointer-events: none;
  z-index: 5;
  transform: translateY(-50%);
}

.product-detail-feature-slick {
  margin: 0 -0.14rem;
}

.product-detail-feature-item {
  padding: 0 0.14rem;
  width: 50%;
}

.slick-initialized .product-detail-feature-item,
.slick-initialized .product-detail-related-item {
  display: block;
}

.product-detail-feature-img {
  overflow: hidden;
  margin-bottom: 0.24rem;
  border-radius: 0.1rem;
}

.product-detail-feature-img img:nth-child(2) {
  object-fit: cover;
  transition: var(--transition1);
}

.product-detail-feature-copy .std-font20 {
  margin-bottom: 0.16rem;
  font-family: var(--seimibold);
  line-height: var(--line13);
}

.product-detail-feature-copy .std-text16,
.product-detail-feature-copy .std-text16 p {
  line-height: var(--line14);
  color: #666;
}

.product-detail-feature-next img,
.product-detail-related-next img {
  transform: rotate(180deg);
}

.product-detail-performance {
  display: flex;
  overflow: visible;
  background: #f4f4f4;
  position: relative;
}

.product-detail-performance-media {
  background: #d9e1e5;
}

.product-detail-performance-media img:nth-child(2) {
  object-fit: cover;
}

.product-detail-performance-info .std-font42 {
  margin-bottom: 0.53rem;
  font-family: var(--bold);
  line-height: 1.2;
}

.product-detail-performance-thumbs {
  display: flex;
  align-items: center;
  margin: 0 -0.08rem;
  margin-bottom: 0.38rem;
}

.product-detail-performance-thumb {
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
}

.product-detail-performance-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -0.2rem;
}

.product-detail-performance-text {
  padding-top: 0.32rem;
  margin-top: 0.32rem;
  border-top: 1px solid #c8c8c8;
  padding-right: 0.71rem;
}

.product-detail-performance-meta .std-text16,
.product-detail-performance-meta .std-text16 p,
.product-detail-performance-meta .std-text16 span {
  display: block;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.62);
}

.product-detail-performance-meta .std-text16 {
  margin-bottom: 0.16rem;
}

.pdpm-nub {
  padding: 0 0.2rem;
  width: 50%;
  position: relative;
}

.pdpm-nub::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  content: "";
  width: 1px;
  height: 102%;
  background: #c8c8c8;
}

.product-detail-performance-meta .std-font36 {
  display: block;
  font-family: var(--bold);
  line-height: 1.3;
}

.product-detail-performance-text,
.product-detail-performance-text p {
  font-size: var(--font16);
  line-height: var(--line14);
  color: #666;
}

.product-detail-spec {
  overflow: visible;
  padding: 0.9rem 0 1.02rem;
  background: #fff;
  position: relative;
}

.product-detail-table-wrap {
  overflow-x: auto;
}

.product-detail-table {
  width: 100%;
  min-width: 10.8rem;
  border-collapse: collapse;
  table-layout: fixed;
  line-height: 1.45;
  color: rgba(0, 0, 0, 0.72);
}

.product-detail-table th,
.product-detail-table td {
  padding: 0.18rem 0.24rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #fff;
  background: #f1f1f1;
}

.product-detail-table thead th {
  font-family: var(--bold);
  color: #fff;
  background: #232a3c;
}

.product-detail-table tbody th {
  width: 23%;
  font-family: var(--bold);
  color: #000;
  background: #f7f7f7;
}

.product-detail-table .product-detail-spec-extra {
  display: none;
}

.product-detail-spec.is-expanded .product-detail-table .product-detail-spec-extra {
  display: table-row;
}

.product-detail-table-img {
  display: block;
  width: 0.58rem;
  margin: 0 auto 0.08rem;
}

.product-detail-table-img img:nth-child(2) {
  object-fit: contain;
}

.product-detail-expand {
  margin: 0.28rem auto 0;
  line-height: 1.4;
  cursor: pointer;
  transition: var(--transition);
}

.product-detail-expand-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-detail-spec.is-expanded .product-detail-expand {
  display: none;
}

.product-detail-accessories {
  overflow: visible;
  padding: 0.98rem 0 1.08rem;
  color: #fff;
  background: var(--color0C0);
  position: relative;
}

.product-detail-accessories .product-detail-section-head .std-font42 {
  color: #fff;
}

.product-detail-access-more {
  padding: 0.08rem 0.22rem;
  line-height: 1.3;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 0.18rem;
  cursor: pointer;
  transition: var(--transition);
}

.product-detail-access-inof {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.16rem -0.32rem;
}

.product-detail-access-item {
  width: 50%;
  padding: 0 0.16rem;
  margin-bottom: 0.32rem;
}

.pdai-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.3rem;
  padding-right: 0.6rem;
  background: #2d2d2d;
  border-radius: 0.08rem;
  transition: var(--transition);
}

.product-detail-access-extra {
  display: none;
}

.product-detail-accessories.is-expanded .product-detail-access-extra {
  display: flex;
}

.product-detail-accessories.is-expanded .product-detail-access-more {
  display: none;
}

.product-detail-access-img {
  width: 43%;
}

.product-detail-access-img img:nth-child(2) {
  object-fit: contain;
  transition: var(--transition1);
}

.product-detail-access-copy {
  width: 54%;
}

.product-detail-access-copy .std-font20 {
  font-family: var(--bold);
  line-height: var(--line12);
  color: #fff;
  margin-bottom: 0.16rem;
}

.pdac-text {
  margin-bottom: 0.3rem;
}

.product-detail-access-copy .pdac-text,
.product-detail-access-copy .pdac-text p {
  line-height: var(--line15);
  color: rgba(255, 255, 255, 0.8);
}

.product-detail-related {
  overflow: visible;
  padding: 0.9rem 0 1.02rem;
  background: #fff;
  position: relative;
}

.product-detail-related-slick {
  margin: 0 -0.16rem;
}

.product-detail-related-item {
  padding: 0 0.16rem;
}

.product-detail-related-link {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.42rem 0.36rem 0.36rem;
  overflow: hidden;
  color: #000;
  background: #f0f1f2 url("../images/b1_product_h.png") center / 100% 100% no-repeat;
  border-radius: 0.08rem;
  transition: var(--transition);
}

.product-detail-related-img {
  width: 78%;
  margin: 0 auto;
}

.product-detail-related-img img:nth-child(2) {
  object-fit: contain;
  transition: var(--transition1);
}

.product-detail-related-copy {
  margin-top: auto;
  padding-right: 0.42rem;
}

.product-detail-related-copy .std-font20 {
  margin-bottom: 0.12rem;
  font-family: var(--seimibold);
  line-height: 1.35;
  transition: var(--transition);
}

.product-detail-related-copy .std-text16 {
  line-height: 1.4;
  color: #666;
  transition: var(--transition);
}

.product-detail-related-arrow {
  position: absolute;
  right: 0.36rem;
  bottom: 0.36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.34rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  transition: var(--transition);
}

.product-detail-related-arrow img {
  width: 0.16rem;
  transform: rotate(-90deg);
}

.product-detail-showcase .home-showcase-slogan {
  left: 50%;
  bottom: -0.22rem;
  font-size: 1.34rem;
  color: #fff;
  transform: translateX(-50%);
}

.product-detail-showcase .home-showcase-tag {
  padding: 0.08rem 0.3rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.product-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 0.4rem;
}

.product-detail-modal.is-open {
  display: flex;
}

.product-detail-modal-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
}

.product-detail-modal-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(16rem, 100%);
  max-height: calc(100vh - 1.4rem);
  padding: 0.6rem;
  overflow: hidden;
  background: #fff;
  border-radius: 0.16rem;
}

.product-detail-modal-close {
  position: absolute;
  top: 0.28rem;
  right: 0.28rem;
  z-index: 2;
  width: 0.28rem;
  cursor: pointer;
  transition: var(--transition);
}

.product-detail-modal-close::before,
.product-detail-modal-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}

.product-detail-modal-close::before {
  transform: rotate(45deg);
}

.product-detail-modal-close::after {
  transform: rotate(-45deg);
}

.product-detail-modal-media {
  flex: 0 0 5.45rem;
  margin-right: 0.75rem;
  overflow: hidden;
  background: #dfe8ee;
  border-radius: 0.08rem;
}

.product-detail-modal-media img:nth-child(2) {
  object-fit: cover;
}

.product-detail-modal-content {
  min-width: 0;
  padding-top: 0.22rem;
}

.product-detail-modal-content .std-font26 {
  margin-bottom: 0.28rem;
  font-family: var(--bold);
  line-height: 1.35;
}

.product-detail-modal-scroll {
  max-height: calc(100vh - 2.76rem);
  overflow-y: auto;
  padding-right: 0.3rem;
}

.product-detail-modal-group,
.product-detail-modal-rpm {
  margin-bottom: 0.34rem;
}

.product-detail-modal-group .std-text18,
.product-detail-modal-rpm .std-text18 {
  padding-bottom: 0.12rem;
  font-family: var(--bold);
  line-height: 1.35;
  border-bottom: 1px solid #000;
}

.product-detail-modal-group dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.product-detail-modal-group dt,
.product-detail-modal-group dd {
  width: 50%;
  margin: 0;
  padding: 0.12rem 0;
  line-height: 1.4;
  color: #000;
  border-bottom: 1px solid #d8d8d8;
}

.product-detail-modal-group dd {
  color: rgba(0, 0, 0, 0.52);
}

.product-detail-modal-rpm table {
  width: 100%;
  border-collapse: collapse;
  line-height: 1.4;
  color: #000;
}

.product-detail-modal-rpm th,
.product-detail-modal-rpm td {
  padding: 0.13rem 0.1rem;
  text-align: left;
  border-bottom: 1px solid #d8d8d8;
}

.product-detail-modal-rpm th {
  font-family: var(--seimibold);
  font-weight: normal;
}

/* Product Detail - end */
/* Contact Us - start */
.contact-main {
  --home-navy: #232a3c;
  color: #151515;
  background: #fff;
}

.contact-main .home-header .ys-hd-pc {
  background: rgba(35, 42, 60, 0.98);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.contact-cont {
  display: flex;
  min-height: calc(var(--headh) + 9.4rem);
  padding-top: var(--headh);
  overflow: hidden;
  background: #fff;
}

.contact-left {
  position: relative;
  width: 30.625%;
  padding: 0.6rem 0.5rem;
  border-radius: 0.1rem;
  background: rgba(35, 42, 60, 0.2);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  -o-backdrop-filter: blur(25px);
  -ms-backdrop-filter: blur(25px);
  -moz-backdrop-filter: blur(25px);
}

.ccwb-img {
  width: 42%;
  position: relative;
  height: 100%;
}

.ccwb-img-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ccwb-ship {
  position: absolute;
  bottom: 0;
  right: -1.45rem;
  width: 100%;
}

.ccwb-ship img {
  width: 100%;
}

.contact-media {
  position: absolute;
  z-index: 0;
}

.contact-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(35, 42, 60, 0.05);
  pointer-events: none;
}

.contact-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.contact-media-ph {
  display: none;
}

.contact-bread,
.contact-info-inof,
.contact-form-inof,
.contact-form .ys-select-inof {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-bread {
  position: relative;
  z-index: 1;
  justify-content: flex-start;
  margin: 0.2rem 0 0 1.6rem;
}

.contact-bread>*+* {
  margin-left: 0.06rem;
}

.contact-bread-item {
  display: flex;
  align-items: center;
}

.contact-bread-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.1rem;
  margin-left: 0.06rem;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0.5;
  transform: rotate(45deg);
}

.contact-bread .std-text16 {
  line-height: 1.875;
  color: rgba(255, 255, 255, 0.5);
  transition: var(--transition);
}

.contact-bread-item:last-child .std-text16 {
  color: rgba(255, 255, 255, 0.9);
}

.contact-info-card {
  position: relative;
  z-index: 1;
  width: 60.493827%;
  margin: 1.85rem 0 0 19.753086%;
  padding: 0.6rem 0.5rem 0.55rem;
  color: #fff;
  background: rgba(35, 42, 60, 0.2);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius: 0.1rem;
}

.contact-info-item:not(:last-child) {
  padding-bottom: 0.3rem;
  margin-bottom: 0.32rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-info-inof .contact-info-item-tit {
  margin-bottom: 0.08rem;
  line-height: var(--line12);
  color: #fff;
}

.contact-info-value {
  font-family: var(--bold);
  line-height: var(--line13);
}

.contact-info-inof .std-text16 {
  transition: var(--transition);
}

.contact-right {
  background: #fff;
  width: 43.75%;
}

.contact-form-panel {
  width: 7rem;
  max-width: calc(100% - 0.8rem);
}

.contact-form-head {
  margin-bottom: 0.39rem;
  text-align: center;
}

.contact-form-head .std-font44 {
  margin-bottom: 0.24rem;
  font-family: var(--seimibold);
  color: #151515;
}

.contact-form-desc,
.contact-form-desc .std-text18 {
  font-size: var(--font18);
  line-height: 1.6;
  color: #666;
}

.contact-form-inof {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.08rem -0.16rem;
}

.contact-form-field {
  position: relative;
  padding: 0 0.08rem;
  margin-bottom: 0.16rem;
}

.contact-form-half {
  width: 50%;
}

.contact-form-wide,
.contact-form-code,
.contact-form-agree,
.contact-form-submit {
  width: 100%;
}

.contact-form .ys-fii-input,
.contact-form .ys-select-hd {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 0.5rem;
  padding: 0 0.15rem;
  color: #666;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid #ccc;
  border-radius: 0.04rem;
  transition: var(--transition);
}

.contact-form .ys-fii-input:focus-within,
.contact-form .ys-select.zindex .ys-select-hd {
  border-color: #999;
}

.contact-form :where(input, textarea) {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  font-size: var(--font16);
  line-height: 1.6;
  color: #333;
  background: transparent;
  border: 0;
}

.contact-form :where(input, textarea)::placeholder {
  color: #666;
  opacity: 1;
}

.contact-form textarea {
  min-height: 0.98rem;
  padding: 0.12rem 0;
  resize: vertical;
}

.contact-form-message .ys-fii-input {
  align-items: flex-start;
}

.contact-form-phone .ys-fii-input>*+* {
  margin-left: 0.14rem;
}

.contact-code-select {
  position: relative;
  flex: 0 0 0.5rem;
  width: 0.5rem;
}

.contact-form .contact-code-select .ys-select-hd {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
}

.contact-code-select .ys-select-show {
  color: #999;
}

.contact-form .ys-select {
  position: relative;
}

.contact-form .ys-select-show {
  cursor: pointer;
}

.contact-form .ys-select-xtbbox {
  position: relative;
  flex: 0 0 0.24rem;
  width: 0.24rem;
}

.contact-form .ys-select-xtbbox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.08rem;
  height: 0.08rem;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translate(-50%, -65%) rotate(45deg);
  transition: var(--transition);
}

.contact-form .ys-select.zindex .ys-select-xtbbox::before {
  transform: translate(-50%, -35%) rotate(-135deg);
}

.contact-form .ys-select-bd {
  position: absolute;
  top: calc(100% + 0.06rem);
  left: 0;
  z-index: 6;
  display: none;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0.04rem;
  box-shadow: 0 0.08rem 0.26rem rgba(0, 0, 0, 0.08);
}

.contact-code-select .ys-select-bd {
  width: 1rem;
}

.contact-form .ys-select-inof {
  max-height: 1.82rem;
  overflow: auto;
}

.contact-form .ys-select-li {
  padding: 0.1rem 0.15rem;
  font-size: var(--font16);
  line-height: 1.4;
  color: #333;
  cursor: pointer;
  transition: var(--transition);
}

.contact-form .ys-select-li.on {
  color: #cb191d;
}

.contact-form .ys-fic-auth {
  display: flex;
  align-items: center;
  width: 49%;
}

.contact-form .ys-fic-auth>*+* {
  margin-left: 0.16rem;
}

.contact-form .ys-fic-auth .ys-fii-input {
  min-width: 0;
}

.contact-form .ys-fic-auth-img {
  flex: 0 0 1.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0.46rem;
  overflow: hidden;
  color: #8f8f8f;
  background: #f0f0f0;
}

.contact-form .ys-fic-auth-img .std-font30 {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.06rem;
  transform: rotate(-6deg);
  user-select: none;
}

.contact-form .ys-fia-text {
  display: flex;
  align-items: flex-start;
}

.contact-form .ys-fia-text-btn {
  position: relative;
  flex: 0 0 0.12rem;
  width: 0.12rem;
  margin-top: 0.07rem;
  margin-right: 0.08rem;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0.02rem;
}

.contact-form .ys-fia-text-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.06rem;
  height: 0.035rem;
  border-left: 1px solid #cb191d;
  border-bottom: 1px solid #cb191d;
  opacity: 0;
  transform: translate(-50%, -58%) rotate(-45deg);
  transition: var(--transition);
}

.contact-form .ys-form-inof-agree.on .ys-fia-text-btn::after {
  opacity: 1;
}

.contact-form .ys-fia-text-word {
  font-family: var(--light);
  font-size: var(--font14);
  line-height: 2;
  color: #333;
}

.contact-form .ys-fia-text-word .std-text16 {
  color: #cb191d;
  text-decoration: underline;
  transition: var(--transition);
}

.contact-form-submit {
  display: flex;
  justify-content: center;
  padding-top: 0.33rem;
}

.contact-form .ys-fii-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0.46rem;
  padding: 0.12rem 0.6rem;
  font-size: var(--font16);
  line-height: 1.3;
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 0.5rem;
  transition: var(--transition);
}

.contact-form .ys-fii-tips {
  display: none;
  margin-top: 0.04rem;
  font-size: var(--font12);
  line-height: 1.3;
  color: #cb191d;
}

.contact-form .ys-form-empty>.ys-fii-tips {
  display: block;
}

/* Contact Us - end */
/* 首页 */
.home-mission-nub {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 55.7%;
  display: flex;
}

.home-mission-nub img:nth-child(1) {
  width: 63%;
}

.home-mission-nub img:nth-child(2) {
  width: 37%;
}

.home-mission-cont {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.home-mission-nub-le img:nth-child(2) {
  opacity: 0;
}

.home-mission-nub-ri img:nth-child(1) {
  opacity: 0;
}

.home-mission-nub-ri {
  z-index: 4;
}

.home-number-inof-nub p {
  color: var(--colorfff);
  font-family: "baisheng-Media";
  line-height: var(--line15);
  padding-bottom: 0.27rem;
  font-size: var(--font20);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.home-number-inof-nub span {
  font-size: var(--font96);
  line-height: var(--line12);
  font-family: var(--seimibold);
  color: #fff;
  font-style: italic;
  display: block;
  margin-bottom: 5px;
}

.home-dealer-core .std-font42 {
  font-family: var(--bold);
  margin-bottom: 0.16rem;
}

.home-dealer-core-top {
  margin-bottom: 0.56rem;
}

.home-dealer-inof-item {
  width: 25%;
  padding: 0 0.1rem;
}

.hdii-box .std-font20,
.hdii-box .std-font20 p {
  color: #666;
  line-height: var(--line15);
  transition: var(--transition);
}

.home-news .std-font42 {
  width: 100%;
  padding-right: 0;
}

.home-news .mod-switch-top-arrows {
  width: 100%;
  justify-content: flex-end;
}

.hnil-bot .std-font20 {
  padding-right: 0.84rem;
}

.hnil-bot .std-text18,
.hnil-bot .std-text18 p {
  color: #6c747a;
  line-height: var(--line15);
}

/* 首页-end */
/* footer */
.ys-footer-bg {
  opacity: 0.03;
  position: absolute;
  top: 0;
  left: 0;
  width: 37.3%;
  z-index: 1;
  pointer-events: none;
}

.ys-footer-bg img {
  width: 100%;
}

.ys-footer-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ys-footer-box-ri {
  width: 66%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ys-footer-box-le {
  width: 25.4%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer-text,
.footer-text p,
.footer-text span,
.footer-text a {
  font-size: var(--font16);
  line-height: var(--line12);
}

.home-footer-follow {
  margin-bottom: 0.1rem;
}

.ys-footer-box-middle {
  margin-bottom: var(--space50);
}

.home-footer-follow ul {
  margin: 0 -0.16rem;
  display: flex;
  flex-wrap: wrap;
}

.home-footer-follow ul li {
  padding: 0 0.16rem;
}

/* footer-end */
/* 面包屑 */
.mod-bread {
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.mod-bread2 {
  top: 20px;
}

.ys-bread-list,
.ys-bread-list a {
  color: #fff;
}

.ys-bread-list:not(:last-child) {
  opacity: 0.5;
}

.ys-bread-list::before {
  color: #fff;
}

/* 面包屑-end */
/* b1 */
.outboard-type-item-box {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  flex-direction: column;
}

.outboard-engine-link-bot {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.outboard-engines .outboard-engine-item:nth-child(n + 9) {
  display: none;
}

.mod-show {
  position: relative;
}

/* b1-end */
/* b2 */
.fs-products .outboard-engine-item {
  width: 25%;
}

/* 分页 */
.pc-fenye li {
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #000;
  text-align: center;
  margin: 0 7px;
}

.pc-fenye li.activepage {
  background: #000;
}

.pc-fenye li:hover {
  background: #000;
}

.comp-end:hover,
.comp-first:hover,
.comp-next:hover,
.comp-prev:hover,
.first_page:hover,
.last_page:hover,
.next_page:hover,
.prev_page:hover {
  color: #000 !important;
}

/* 分页-end */
.outboard-engine-link-bg {
  position: absolute;
  opacity: 0.2;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  pointer-events: none;
}

.outboard-engine-link-bg img {
  width: 100%;
}

/* b2-end */
/* c1 */
.parts-main .ys-nybanner .std-font56 {
  font-family: var(--bold);
  font-size: var(--font56);
}

.parts-products .outboard-engine-copy .std-font20 {
  margin-bottom: 0;
  line-height: var(--line12);
  min-height: 2.4em;
  display: flex;
  align-items: center;
}

.parts-products .outboard-engine-link-bot {
  align-items: center;
}

.parts-products .outboard-engine-img {
  margin: 0 auto 0.63rem;
  width: 100%;
}

.ppbi-cont-wrap-info:not(:last-child) {
  margin-bottom: 0.28rem;
}

.ppbi-top-icon {
  width: 0.16rem;
  transition: var(--transition);
}

.ppbi-top-icon img {
  width: 100%;
  transition: var(--transition);
}

.ppbi-top .ys-sit-name {
  padding-right: 0.2rem;
  color: #000;
  font-family: var(--bold);
}

.parts-products-bot-item {
  border-bottom: 1px solid #d9d9d9;
}

.ppbi-top {
  padding: 0.23rem 0;
  display: flex;
  align-items: center;
}

.parts-products .fs-filter-top {
  margin-bottom: 0;
  padding-bottom: 0.45rem;
}

.ppbi-cont {
  margin: 0.12rem 0 var(--space40);
}

.pcwi-link {
  transition: var(--transition);
  color: #000;
  line-height: var(--line12);
}

.ppbi-cont-wrap-info.act .pcwi-link {
  color: var(--vicolor1);
}

.parts-products-bot-item.on .ppbi-top-icon img {
  transform: rotate(180deg);
}

/* c1-end */
/* e1 */
.dealer-main .ys-nybanner .std-font44 {
  font-size: var(--font44);
  line-height: var(--line165);
}

.dealer-filter-select-wrap {
  margin: 0 -0.08rem;
  display: flex;
  flex-wrap: wrap;
}

.dealer-filter-select .dfsw-item {
  padding: 0 0.08rem;
}

.dealer-filter-select .ys-select-hd {
  border-radius: 0.1rem;
  border: 1px solid #151515;
  height: 50px;
  width: 2.64rem;
  padding-left: 0.2rem;
  padding-right: 0.15rem;
}

.dealer-filter-select .ys-select-hd input {
  font-size: var(--font16);
  color: #151515;
  line-height: var(--line165);
}

.dealer-filter-select .ys-select-hd input::placeholder {
  color: #666 !important;
}

.dealer-filter-select .ys-select-xtbbox {
  right: 0.15rem;
}

.dealer-filter-select .ys-select-bd {
  border-radius: 10px;
  border: 1px solid #999;
  background: #fff;
  top: calc(100% + 6px);
  padding: 0.12rem;
  padding-left: 0.2rem;
}

.dealer-filter-select .ys-select-inof {
  max-height: 2.18rem;
}

.dealer-filter-select .ys-select-li {
  color: #666;
  font-size: var(--font16);
  line-height: var(--line165);
}

.dealer-filter-select .ys-select-li:not(:last-child) {
  margin-bottom: 0.16rem;
}

.dealer-filter-select .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #e2e2e2;
}

.dealer-filter-select .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.dealer-filter-select .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.dealer-filter-select .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.dealer-filter-select .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
}

.dealer-card-number p {
  font-size: var(--font18);
  color: #666;
  line-height: var(--line165);
  transition: var(--transition);
}

.dealer-card-number p span {
  color: #000;
  padding-right: 3px;
}

.dealer-section .fs-search-input input {
  height: 50px;
}

/* e1_end */
/* g1 */
.contact-cont {
  position: relative;
}

.contact-cont-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.contact-cont-wrap-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.contact-info-value,
.contact-info-value a {
  line-height: var(--line13);
  color: var(--colorfff);
}

.contact-right label {
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(8px);
  padding-left: 0.16rem;
}

.contact-right .ys-fii-name {
  flex: none;
  margin-bottom: 0;
}

.contact-right .ys-fii-input {
  border: none;
}

.contact-right .ys-fii-tips {
  margin-top: 3px;
}

.contact-right .ys-fii-name span,
.contact-right .ys-fii-name {
  color: #666;
}

.choice-item .ys-fii-input .ys-select-show::placeholder {
  color: #666 !important;
}

.choice-item .ys-fii-input {
  border-radius: 4px;
  border: 1px solid #ccc !important;
  background: rgba(255, 255, 255, 0.06);
  /* backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  -o-backdrop-filter: blur(8px);
  -ms-backdrop-filter: blur(8px);
  -moz-backdrop-filter: blur(8px); */
}

.contact-main .icon-arrow-down {
  color: #666;
}

.contact-right .ys-form-inof-item.ys-form-inof-submit {
  justify-content: center;
}

.contact-right .ys-form-inof-item.ys-form-inof-submit .mod-btn-link {
  padding: 0 0.59rem;
  height: 46px;
  line-height: 46px;
}

.contact-right .ys-form-inof-item2 {
  position: relative;
  z-index: 6;
}

.contact-right .ys-form-inof-text label {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0.12rem;
}

.contact-right .ys-form-inof-text .ys-fii-input {
  height: 58px;
}

.contact-right .ys-form-inof-text .ys-fii-input textarea {
  padding: 0;
}

.contact-right .ys-form-inof .mCSB_outside+.mCSB_scrollTools {
  right: 0.12rem;
}

.choice-item .ys-checkbox-bd .ys-select-li {
  padding-right: 0.24rem;
}

.contact-right .ys-fii-input input {
  padding-right: 0.41rem;
}

.contact-right .ys-checkbox1-icon .iconfont::before {
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: var(--colormain);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contact-right .ys-checkbox1-icon {
  --width1: 14px;
  top: 4px;
}

.contact-right .ys-checkbox1-icon::before {
  border-radius: 2px;
}

.contact-right .ys-form {
  --space: 8px;
  --spacebot: 16px;
  --spacein: 17px;
  --height: 48px;
}

.contact-right .ys-checkbox1-font {
  line-height: var(--line165);
}

.contact-right .ys-fic-auth-img {
  margin-left: 0.16rem;
}

.contact-right .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.contact-right .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.contact-right .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.contact-right .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
}

.contact-right .ys-fia-text-btn {
  width: 12px;
  height: 12px;
  top: 7px;
}

.ys-form-inof-agree {
  margin-bottom: 0.5rem;
}

.ys-fia-text-word {
  font-size: var(--font14);
  font-family: var(--light);
}

.ys-fia-text-word a {
  text-decoration: underline;
  color: #cb191d;
}

.ys-form-inof-code {
  margin-bottom: 0.1rem;
}

/* g1-end */
/* 顶部导航 */
.ys-hd-pc-core {
  flex-direction: column;
}

.mod-header-bot {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.2rem;
  position: relative;
  z-index: 3;
}

.head-logo a,
.head-logo {
  line-height: calc(var(--headh) / 2 - 0.2rem);
}

.head-logo {
  width: 157px;
}

.head-nav-item-nub {
  line-height: calc(var(--headh) / 2 - 0.2rem);
}

.head-search-btn,
.head-lang-top {
  height: calc(var(--headh) / 2);
}

.head-other-dealer-text {
  color: var(--colorfff);
  position: relative;
  padding-left: 0.08rem;
}

.head-other-dealer-icon,
.head-lang-top-circle,
.head-search-btn {
  width: 0.24rem;
}

.head-other-dealer {
  height: calc(var(--headh) / 2);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.head-other-dealer {
  padding-right: 0.89rem;
}

.head-lang {
  margin-left: 0;
}

.head-search {
  padding-right: 0.4rem;
  margin-right: 0.4rem;
  position: relative;
}

.head-search::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 0.2rem;
  width: 1px;
  opacity: 0.2;
  background: #fff;
  content: "";
}

.head-nav-item-down {
  padding-top: 0.3rem;
  background: transparent;
  overflow: hidden;
}

.hnid-wrap {
  border-radius: 0.1rem;
  background: #232a3c;
  padding: 0.37rem 0.38rem 0.4rem 0.3rem;
}

.hwbi-link-text {
  color: var(--colorfff);
  white-space: nowrap;
  padding-right: 0.4rem;
  line-height: var(--line13);
}

.hwbi-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: var(--transition);
  padding: 0.13rem 0.12rem 0.1rem 0.2rem;
  border-radius: 50px;
  background: transparent;
}

.hnid-wrap-box-item.yxnav-active2 .hwbi-link {
  background: rgba(255, 255, 255, 0.1);
}

.head-nav-item-title {
  color: var(--colorfff) !important;
  font-size: var(--font18);
  font-family: var(--bold);
}

.hwbi-link-icon {
  width: 0.24rem;
  transition: var(--transition);
  flex: none;
  opacity: 0;
}

.hnid-wrap-box-item.yxnav-active2 .hwbi-link-icon {
  opacity: 1;
}

.hwbi-link-icon img {
  width: 100%;
}

.head-nav-item.yxnav-active1 .head-nav-item-title {
  color: var(--colorfff) !important;
}

.head-nav-item-title::after {
  position: absolute;
  content: "";
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 1px;
  background: var(--colorfff);
  content: "";
  transition: var(--transition);
}

.head-nav-item.yxnav-active1 .head-nav-item-title::after {
  width: 100%;
}

.head-nav {
  --gap1: 0;
  --gap2: 0.3rem;
}

.mod-header-top {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 5;
}

.home-header-brand {
  display: flex;
  align-items: center;
  margin: 0 -0.385rem;
  flex: none;
}

.home-header-brand,
.home-header-brand a {
  position: relative;
  color: var(--colorfff);
  font-size: var(--font14);
  font-family: var(--seimibold);
}

.home-header-brand a {
  display: inline-block;
  line-height: var(--line12);
  margin: 0 0.385rem;
  transform: translateY(-50%);
}

.head-other {
  padding-left: 0.2rem;
  flex: none;
}

.head-logo a {
  position: relative;
}

.hnid-wrap-box-item:not(:last-child) {
  margin-bottom: 0.07rem;
}

.hnid-wrap-tit {
  color: var(--colorfff);
  font-family: var(--bold);
  white-space: nowrap;
  font-size: var(--font16);
  padding-bottom: 0.2rem;
  margin-bottom: 0.16rem;
  position: relative;
}

.hnid-wrap-tit::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}

/* 顶部导航-end */
/* b3 */
.product-detail-main .ys-nyban-img img {
  height: 100vh;
  object-fit: cover;
}

.product-detail-table th:nth-child(1) {
  z-index: 4;
  text-align: left;
  position: sticky;
  left: 0;
  top: 0;
}

.product-detail-stat-item .ys-demo-num p {
  font-size: var(--font24);
  color: #fff;
  line-height: var(--line12);
  font-family: var(--semibold);
}

.product-detail-stat-item .ys-demo-num span {
  font-size: var(--font60);
}

.product-detail-stat-item .std-font20,
.product-detail-stat-item .std-font20 p {
  color: var(--colorfff);
  font-family: "baisheng-Media";
  line-height: var(--line14);
}

.product-detail-engine .hpib-le-bg {
  top: var(--space110);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #d7d7d7;
  font-family: normal;
  font-weight: bold;
  color: transparent;
  right: -0.56rem;
  pointer-events: none;
}

.product-detail-engine .hpib-le-bg span {
  -webkit-text-stroke-color: var(--vicolor);
  color: var(--vicolor);
  padding-left: 0;
  text-align: right;
  transform: translateX(0.52rem);
}

.product-detail-banner {
  position: sticky;
  top: 0;
}

.plcw-slick-item-img {
  padding: 0.15rem 0.14rem 0.14rem;
  border-radius: 4px;
  background: #fff;
  opacity: 0.5;
  cursor: pointer;
}

.plcw-slick-item.slick-current .plcw-slick-item-img {
  opacity: 1;
}

.plcw-slick {
  margin: 0 -4px;
}

.plcw-slick-item {
  padding: 0 4px;
  width: 33.333333%;
}

.pdec-le-cont-wrap {
  width: 34%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0c0d0d;
  z-index: 6;
}

.pdec-le-cont {
  position: relative;
  z-index: 3;
}

.pdec-le-cont-slick {
  margin: 0 -0.2rem;
  z-index: 3;
  pointer-events: none;
}

.plcs-item {
  padding: 0 0.2rem;
}

.pdec-ri .std-font42 {
  color: var(--colorfff);
  font-family: var(--bold);
  margin-bottom: 0.24rem;
}

.pdec-ri {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: var(--space110);
  padding-bottom: var(--space50);
}

.pdec-ri-top {
  padding-top: 0.13rem;
  position: relative;
}

.pdec-ri-top {
  margin-bottom: 1rem;
}

.pdec-ri-top::after {
  position: absolute;
  top: -6px;
  left: 0;
  width: 0.36rem;
  height: 6px;
  background: var(--vicolor);
  content: "";
}

.pdec-ri-tip {
  color: var(--colorfff);
  font-family: var(--bold);
  line-height: var(--line15);
  margin-bottom: 0.42rem;
}

.product-detail-engine-text,
.product-detail-engine-text p {
  color: var(--colorfff);
  line-height: var(--line15);
}

.pdec-ri-bottom {
  padding-top: 0.54rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.product-detail-engine-btns .mod-btn-link {
  padding: 0.08rem 0.24rem 0.08rem 0.16rem;
}

.product-detail-engine-btns {
  margin: 0 -4px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
}

.product-detail-engine-btns .mod-btn {
  padding: 0 4px;
  margin-bottom: 8px;
}

.product-detail-engine-btns .mod-btn.act1 .mod-btn-link {
  background: var(--vicolor);
}

.product-detail-engine-btns .mod-btn-link span {
  padding-right: 0;
  padding-left: 0.1rem;
}

.product-detail-main .home-showcase {
  padding-bottom: var(--space140);
  background: #fff;
}

.product-detail-features .std-font42 {
  margin-bottom: 0.08rem;
  padding-right: 0;
  width: 100%;
}

.product-detail-features .mod-switch-top-arrows {
  width: 100%;
  justify-content: flex-end;
}

.product-detail-features .mod-switch-top {
  margin-bottom: 0.28rem;
  position: relative;
  z-index: 6;
}

.product-detail-feature-slick .slick-list {
  overflow: visible;
}

.pdfs-wrap {
  width: 77.5%;
}

.product-detail-feature-copy {
  padding-right: 1.06rem;
}

.pdec-le-btns {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 5;
  overflow: hidden;
  cursor: none;
}

.pdec-le-btn {
  width: 50%;
  height: 100%;
}

.pdec-le-btn.slick-arrow.slick-disabled {
  pointer-events: all !important;
}

.product-detail-engine-icon {
  width: 60px;
  height: 60px;
  background: url(../images/b3_cust_icon01.svg) no-repeat center;
  z-index: 8;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.product-detail-engine-icon.right {
  background: url(../images/b3_cust_icon02.svg) no-repeat center;
}

.product-detail-engine-icon.active {
  opacity: 1;
}

.product-detail-performance-le {
  width: 44.5%;
}

.product-detail-performance-info {
  width: 55.5%;
}

.product-detail-performance-info .ys-cont1360 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: flex-end;
}

.pdpi-wrap {
  width: 44%;
  margin-bottom: 0.16rem;
}

.product-detail-performance-thumb {
  padding: 0 0.08rem;
  width: 12.5%;
}

.product-detail-performance-thumb .ys-imgbox-cover {
  border-radius: 4px;
}

.product-detail-performance-thumb {
  opacity: 0.3;
  transition: var(--transition);
}

.product-detail-performance-thumb.slick-current {
  opacity: 1;
}

.product-detail-modal-pop {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-right: 0.73rem !important;
}

.product-detail-modal .ys-modal-content {
  width: 85vw;
  max-width: 1600px;
  margin: auto;
  --place: calc(50vw - 800px);
  --cont: 1600px;
  padding: 0.6rem;
  padding-top: 0.27rem;
  padding-right: 0.32rem;
  max-height: 50vh;
  padding-bottom: 0.22rem;
}

.product-detail-modal .ys-modal-close {
  margin-top: 0.16rem;
  margin-right: 0.16rem;
}

.pdmp-le {
  width: 38%;
  border-radius: 0.1rem;
  overflow: hidden;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  position: sticky;
  top: 0;
}

.pdmp-ri {
  width: 57%;
  padding-top: 0.38rem;
}

.pdmp-ri .std-font24 {
  font-family: var(--bold);
  margin-bottom: 0.3rem;
}

.pdmp-ri-box h6 {
  font-family: var(--seimibold);
  line-height: var(--line13);
  font-size: var(--font18);
  color: #000;
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #000;
}

.pdmp-ri-box td,
.pdmp-ri-box th {
  border: none;
  border-bottom: 1px solid #d8d8d8;
  padding: 0.12rem;
  padding-left: 0;
  width: 50%;
  color: #000;
  line-height: var(--line14);
  font-size: var(--font16);
}

.pdmp-ri-box td:nth-child(2) {
  color: #666;
}

.pdmp-ri-box table {
  margin-bottom: 0.3rem;
}

.product-detail-modal .mCSB_inside>.mCSB_container {
  overflow: visible;
}

.pdmp-ri-box table:last-child {
  margin-bottom: 0.74rem;
}

.pdmp-ri-box td {
  width: 25%;
}

.pdmp-ri-wrap td:nth-child(2) {
  color: #000;
}

.pdmp-ri-wrap {
  border-top: 1px solid #000;
  margin-bottom: 0.95rem;
}

.pdmp-ri-wrap tr:not(:nth-child(1)) td {
  color: #666;
}

.pdmp-ri-wrap table {
  margin-bottom: 0 !important;
}

.product-detail-modal .ys-modal-container {
  border-radius: 0.16rem;
  overflow: hidden;
}

.product-detail-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.product-detail-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.product-detail-modal .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.product-detail-modal .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
}

.product-detail-modal .ys-modal-mask {
  opacity: 0.5;
  background: #0c0d0d;
}

.product-detail-anchor-inof .anchor-btn.act {
  color: var(--vicolor);
}

.pdac-more,
.pdac-more a {
  color: var(--colorfff);
  line-height: var(--line18);
  font-size: var(--font16);
}

.pdac-more a {
  padding-right: 0.1rem;
}

.pdac-more {
  display: flex;
  align-items: center;
}

.pdac-more img {
  width: 0.24rem;
}

.product-detail-related .outboard-engine-inof {
  display: block;
}

.product-detail-spec .mod-btn-link {
  border: 1px solid var(--color000);
}

.product-detail-spec .mod-btn-link span {
  padding-right: 0;
  padding-left: 0.1rem;
  color: #000;
}

.more-icon {
  width: 0.24rem;
  transition: var(--transition);
}

.more-icon img {
  width: 100%;
}

.product-detail-expand.act .more-icon {
  transform: rotate(180deg);
}

.product-detail-expand-box .std-text16 {
  padding-right: 0.15rem;
}

/* b3-end */
/* Trolling Motor - start */
.trolling-main {
  color: #080404;
  background: #fff;
}

.trolling-main .ys-cont1600,
.trolling-main .ys-cont1360 {
  box-sizing: border-box;
}

.trolling-main .mod-btn-link {
  background: var(--vicolor);
  color: #080404;
}

.trolling-main .mod-btn-link .std-arrow-def {
  opacity: 0;
}

.trolling-main .mod-btn-link .std-arrow-hover {
  opacity: 1;
}

.trolling-hero,
.trolling-products,
.trolling-love,
.trolling-scene,
.trolling-gallery {
  overflow: visible;
}

.trolling-hero {
  position: relative;
  background: #101214;
  color: #fff;
  overflow: hidden;
}

.trolling-hero-media {
  position: relative;
  aspect-ratio: 1920 / 805;
}

.trolling-hero-media>img:first-child {
  display: none;
}

.trolling-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg,
      rgba(6, 7, 7, 0.94) 0%,
      rgba(6, 7, 7, 0.72) 34%,
      rgba(6, 7, 7, 0.18) 68%,
      rgba(6, 7, 7, 0.34) 100%);
  pointer-events: none;
}

.trolling-hero-media img:nth-child(2),
.trolling-hero-media img:nth-child(3) {
  object-fit: cover;
  object-position: center;
}

.trolling-hero-media .trolling-hero-ph {
  display: none;
}

.trolling-bread {
  position: absolute;
  top: 1.62rem;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
}

.trolling-bread .std-bread,
.trolling-bread .std-bread a,
.trolling-bread .std-bread span {
  color: rgba(255, 255, 255, 0.72);
}

.trolling-hero-core {
  position: absolute;
  left: 50%;
  bottom: 0.72rem;
  z-index: 3;
  transform: translateX(-50%);
}

.trolling-hero-copy {
  width: 4.9rem;
}

.trolling-hero-brand {
  width: 2.54rem;
  margin-bottom: 0.36rem;
  color: var(--vicolor);
  font-size: 0.38rem;
  line-height: 0.82;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
}

.trolling-hero-brand img {
  display: block;
  width: 100%;
}

.trolling-hero-brand span {
  color: #fff;
}

.trolling-hero-brand em {
  display: block;
  margin-top: 0.06rem;
  padding-left: 1.16rem;
  color: #fff;
  font-size: var(--font12);
  line-height: 1.2;
  font-style: italic;
  font-weight: 700;
  text-transform: none;
}

.trolling-hero-text,
.trolling-hero-text p,
.trolling-hero-text span {
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--font16);
  line-height: 1.5;
}

.trolling-hero-text {
  margin-bottom: 0.26rem;
}

.trolling-hero-title {
  margin-top: 0.32rem;
}

.trolling-hero-title h1 {
  color: var(--vicolor);
  font-size: 1.42rem;
  line-height: 0.86;
  font-style: italic;
  font-weight: 800;
  text-transform: uppercase;
}

.trolling-hero-title span,
.trolling-hero-outline {
  display: block;
  margin-left: 3.3rem;
  margin-bottom: -0.1rem;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.72);
  font-size: 1.08rem;
  line-height: 0.86;
  font-style: italic;
  font-weight: 800;
  text-transform: uppercase;
}

.trolling-products {
  background: #2d2d2d;
  color: #fff;
}

.trolling-filter-inof {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -0.08rem;
  margin-bottom: 0.36rem;
}

.trolling-filter-item {
  padding: 0 0.08rem;
}

.outboard-engine-cont .outboard-engine-item {
  margin-bottom: 0;
  height: auto;
}

.trolling-filter-item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.68rem;
  padding: 0.15rem 0.6rem;
  border: 1px solid var(--vicolor);
  border-radius: 50px;
  color: var(--vicolor);
  line-height: 1.2;
}

.trolling-filter-item.act .trolling-filter-item-link {
  background: var(--vicolor);
  color: #080404;
}

.trolling-product-inof {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -0.08rem -0.16rem;
}

.trolling-product-item {
  box-sizing: border-box;
  width: 25%;
  padding: 0 0.08rem;
  margin-bottom: 0.16rem;
}

.trolling-product-link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  aspect-ratio: 376 / 480;
  padding: 0.34rem 0.26rem 0.28rem;
  border-radius: 0.08rem;
  background: #f4f4f4;
  color: #080404;
  overflow: hidden;
  transition: var(--transition);
}

.trolling-product-link::before {
  content: "";
  position: absolute;
  top: -0.36rem;
  right: -0.28rem;
  width: 1.88rem;
  height: 2.46rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  transform: rotate(28deg);
}

.trolling-product-img {
  position: relative;
  width: 74%;
  margin: 0 auto 0.28rem;
}

.trolling-product-img img:nth-child(2) {
  object-fit: contain;
}

.trolling-product-bot {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.16rem;
  margin-top: auto;
}

.trolling-product-name {
  color: #080404;
  font-size: var(--font18);
  line-height: 1.25;
  font-weight: 700;
}

.trolling-product-sub {
  margin-top: 0.06rem;
  color: rgba(8, 4, 4, 0.62);
  font-size: var(--font14);
  line-height: 1.3;
}

.trolling-product-arrow {
  position: relative;
  flex: 0 0 auto;
  width: 0.34rem;
  height: 0.34rem;
  border: 1px solid rgba(8, 4, 4, 0.28);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.78);
}

.trolling-product-arrow::before,
.trolling-product-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #080404;
}

.trolling-product-arrow::before {
  width: 0.12rem;
  height: 1px;
  transform: translate(-50%, -50%);
}

.trolling-product-arrow::after {
  width: 0.06rem;
  height: 0.06rem;
  border-top: 1px solid #080404;
  border-right: 1px solid #080404;
  background: transparent;
  transform: translate(-15%, -50%) rotate(45deg);
}

.trolling-products-line,
.trolling-product-line {
  display: flex;
  align-items: center;
  gap: 0.18rem;
  margin-top: 0.34rem;
}

.trolling-products-more {
  color: var(--vicolor);
  font-size: var(--font18);
  line-height: 1;
}

.trolling-products-btn {
  display: flex;
  justify-content: center;
  margin-top: 0.28rem;
}

.trolling-love {
  position: relative;
  padding: var(--space160) 0 var(--space120);
  background: #fff;
  overflow: hidden;
}

.trolling-love-bg {
  position: absolute;
  bottom: 0;
  width: 45%;
}

.trolling-love-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 42%;
  opacity: 0.86;
  background: #fff;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  -o-backdrop-filter: blur(25px);
  -ms-backdrop-filter: blur(25px);
  -moz-backdrop-filter: blur(25px);
  content: "";
  transform: rotate(-20.903deg);
}

.trolling-love-bg::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
  height: 100%;
  opacity: 0.8;
  background: #fff;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  -o-backdrop-filter: blur(25px);
  -ms-backdrop-filter: blur(25px);
  -moz-backdrop-filter: blur(25px);
  content: "";
  transform: rotate(-20.903deg);
}

.trolling-love-bg img {
  width: 100%;
}

.trolling-love-core {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.trolling-love-head {
  width: 33%;
  padding-top: 0.1rem;
}

.trolling-love-head h2 {
  margin-bottom: 0.18rem;
  color: #080404;
  font-size: var(--font32);
  line-height: 1.22;
  font-weight: 700;
}

.trolling-love-desc,
.trolling-love-desc p,
.trolling-love-desc span,
.trolling-love-intro,
.trolling-love-intro p,
.trolling-love-intro span {
  color: rgba(8, 4, 4, 0.7);
  font-size: var(--font16);
  line-height: 1.5;
}

.trolling-love-desc,
.trolling-love-intro {
  margin-bottom: 0.22rem;
}

.trolling-love-inof {
  display: flex;
  flex-direction: column;
  position: relative;
}

.trolling-love-item {
  width: 5.1rem;
  margin-bottom: 0.96rem;
}

.trolling-love-item:nth-child(2n) {
  position: absolute;
  top: 25%;
  right: calc(100% + 1.14rem);
}

.trolling-love-item:last-child {
  margin-bottom: 0;
}

.trolling-love-img {
  overflow: hidden;
  border-radius: 0.08rem;
  background: #f3f3f3;
  margin-bottom: 0.24rem;
}

.trolling-love-img img:nth-child(2) {
  object-fit: cover;
}

.trolling-love-item .std-font24 {
  color: #000;
  line-height: var(--line12);
  font-family: var(--bold);
  margin-bottom: 0.16rem;
}

.trolling-love-text,
.trolling-love-text p,
.trolling-love-text span,
.trolling-love-copy .std-text16,
.trolling-love-copy .std-text16 p,
.trolling-love-copy .std-text16 span {
  color: #666;
  font-size: var(--font16);
  line-height: var(--line15);
  font-family: var(--light);
}

.trolling-scene {
  position: relative;
  background: #303030;
  color: #fff;
}

.trolling-scene-img {
  position: relative;
}

.trolling-scene-img::after {
  opacity: 0.2;
  background: linear-gradient(270deg, #0c0d0d 55%, rgba(12, 13, 13, 0) 100%);
  position: absolute;
  top: 0;
  right: 0;
  width: 68.5%;
  height: 100%;
  content: "";
}

/* .trolling-scene-img::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(8, 4, 4, 0) 0%,
    rgba(8, 4, 4, 0.32) 72%,
    rgba(48, 48, 48, 0.92) 100%
  ); 
}*/
.trolling-scene-img img:nth-child(2) {
  object-fit: cover;
}

.trolling-scene-copy {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.89rem;
  z-index: 3;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.trolling-scene-kicker {
  margin-bottom: 0.08rem;
  color: #fff;
  font-size: var(--font42);
  line-height: 1.4;
  font-family: var(--bold);
  font-style: italic;
  text-align: right;
  padding-right: 5.2rem;
}

.trolling-scene-word {
  width: 100%;
}

.trolling-scene-word span {
  display: block;
  color: var(--vicolor);
  -webkit-text-stroke: 0;
  font-size: 1.26rem;
  line-height: 0.9;
}

.trolling-gallery {
  min-height: 360vh;
  background: #303030;
  color: #fff;
  overflow: visible;
}

.trolling-gallery-sticky {
  position: sticky;
  top: 0;
  min-height: 100vh;
  overflow: hidden;
}

.trolling-gallery-track {
  display: flex;
  align-items: center;
  min-width: max-content;
  min-height: 100vh;
  /* height: calc(100vh + var(--headh)); */
  padding: 0 8vw;
  transform: translate(28vw, 26vh);
  will-change: transform;
}

.trolling-gallery-intro {
  flex: 0 0 3.1rem;
  margin-top: -1.34rem;
  margin-right: 0.72rem;
}

.trolling-gallery-intro h2 {
  margin-bottom: 0.18rem;
  color: #fff;
  font-size: var(--font36);
  line-height: 1.18;
  font-weight: 700;
}

.trolling-gallery-intro p {
  color: rgba(255, 255, 255, 0.86);
  font-size: var(--font16);
  line-height: 1.5;
}

.trolling-gallery-inof {
  display: flex;
  align-items: center;
  min-width: max-content;
}

.trolling-gallery-item {
  box-sizing: border-box;
  flex: 0 0 auto;
  margin-right: 0.46rem;
}

.trolling-gallery-item:nth-child(1) {
  margin-top: -1.66rem;
}

.trolling-gallery-item:nth-child(2) {
  margin-top: 1.92rem;
}

.trolling-gallery-item:nth-child(4) {
  margin-top: 0.46rem;
}

.trolling-gallery-item:nth-child(5) {
  margin-top: -1.72rem;
}

.trolling-gallery-item:nth-child(6) {
  margin-top: 1.36rem;
}

.trolling-gallery-item:nth-child(7) {
  margin-top: -0.28rem;
}

.trolling-gallery-item:nth-child(8) {
  margin-top: -1.62rem;
}

.trolling-gallery-item:nth-child(9) {
  margin-top: 1.62rem;
}

.trolling-gallery-item:nth-child(10) {
  margin-top: 0.08rem;
}

.trolling-gallery-item:nth-child(11) {
  margin-top: 1.46rem;
}

.tgif-over,
.tgif-base {
  transition: var(--transition);
}

.trolling-gallery-img img:nth-child(2) {
  object-fit: cover;
}

.trolling-gallery-sm {
  width: 2.46rem;
}

.trolling-gallery-md {
  width: 3.6rem;
}

.trolling-gallery-lg {
  width: 5.28rem;
}

.trolling-gallery-tall {
  width: 3.2rem;
}

.trolling-gallery-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.08rem;
  margin-top: 0.08rem;
  color: #fff;
  font-size: var(--font12);
  line-height: 1.3;
  font-weight: 700;
  font-style: italic;
}

.trolling-gallery-meta span {
  color: var(--vicolor);
}

.trolling-actions {
  background: #fff;
}

/* Trolling Motor - end */
/* Trolling Detail - start */
.trolling-detail-main {
  --home-accent: var(--vicolor);
  color: #080404;
  background: #fff;
}

.trolling-detail-hero,
.trolling-detail-love,
.trolling-detail-gallery-section,
.trolling-detail-series {
  overflow: visible;
}

.trolling-detail-hero {
  position: relative;
  background: #fff;
  padding-top: var(--space80);
}

.trolling-detail-hero-core {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.trolling-detail-gallery {
  position: sticky;
  top: calc(var(--headh) + 0.18rem);
  display: flex;
  align-items: flex-start;
  width: 40.5%;
  justify-content: space-between;
}

.trolling-detail-thumbs {
  width: 10%;
  margin-bottom: -0.08rem;
}

/* .trolling-detail-thumbs .slick-list,
.trolling-detail-thumbs .slick-track,
.trolling-detail-thumb {
  width: 100%;
} */
.trolling-detail-thumb.slick-slide {
  padding: 0.06rem 0.1rem;
  cursor: pointer;
  background: #f0f1f2;
  border: none;
  border-radius: 0.03rem;
  transition: var(--transition);
  margin-bottom: 0.08rem;
  position: relative;
  width: 100%;
}

.trolling-detail-thumb::after {
  position: absolute;
  top: calc(100% + 1px);
  content: "";
  background: #000;
  width: 100%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  transition: var(--transition);
  opacity: 0;
}

.trolling-detail-thumb.slick-current::after {
  opacity: 1;
}

.trolling-detail-thumb.is-active {
  border-bottom: 1px solid #080404;
  background: #fff;
}

.trolling-detail-thumb img {
  object-fit: cover;
}

.trolling-detail-photo {
  position: relative;
  overflow: hidden;
  background: #f1f2f3;
}

.trolling-detail-photo-le {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: transparent;
  z-index: 5;
}

.trolling-detail-photo-btn.swiper-button-disabled,
.trolling-detail-photo-btn.swiper-button-disabled,
.trolling-detail-photo-btn.slick-disabled {
  opacity: 1;
  pointer-events: all !important;
}

.trolling-detail-photo-ri {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: transparent;
  z-index: 5;
}

.trolling-detail-ri {
  width: 82.5%;
  border-radius: 0.16rem;
  overflow: hidden;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  cursor: none;
}

.trolling-detail-photo-img {
  width: 70%;
  margin: 0.24rem auto 0.12rem;
}

.trolling-detail-photo-img img:nth-child(2) {
  object-fit: contain;
  transition: var(--transition1);
}

.trolling-detail-photo-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.34rem;
  aspect-ratio: 1;
  margin-top: -0.17rem;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  transition: var(--transition);
}

.trolling-detail-photo-arrow.is-disabled {
  opacity: 0.38;
  cursor: default;
  pointer-events: none;
}

.trolling-detail-photo-arrow::before {
  content: "";
  width: 0.08rem;
  aspect-ratio: 1;
  border-left: 1px solid #080404;
  border-bottom: 1px solid #080404;
  transform: rotate(45deg);
}

.trolling-detail-photo-prev {
  left: 0.24rem;
}

.trolling-detail-photo-next {
  right: 0.24rem;
  transform: rotate(180deg);
}

.trolling-detail-product-band {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  min-height: 0.42rem;
  padding: 0.1rem 0.18rem;
  color: #080404;
  background: var(--vicolor);
  font-family: var(--bold);
  font-size: var(--font16);
  line-height: 1.2;
  letter-spacing: 0;
  font-style: italic;
}

.trolling-detail-product-band::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.85;
  background: linear-gradient(135deg,
      transparent 0 13%,
      #080404 13% 17%,
      transparent 17% 31%,
      #080404 31% 35%,
      transparent 35% 100%);
  pointer-events: none;
}

.trolling-detail-product-band span,
.trolling-detail-product-band strong {
  position: relative;
  z-index: 1;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.trolling-detail-info {
  width: 51.25%;
  padding-top: 0.02rem;
}

.trolling-detail-bread {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}

.trolling-detail-bread>* {
  display: flex;
  align-items: center;
}

.trolling-detail-bread>*:not(:last-child)::after {
  content: "";
  width: 0.05rem;
  aspect-ratio: 1;
  margin: 0 0.08rem;
  border-top: 1px solid rgba(8, 4, 4, 0.34);
  border-right: 1px solid rgba(8, 4, 4, 0.34);
  transform: rotate(45deg);
}

.trolling-detail-bread .std-text14 {
  color: rgba(8, 4, 4, 0.42);
  line-height: 1.5;
}

.trolling-detail-tag {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.32rem;
  padding: 0.08rem 0.32rem;
  color: #080404;
  line-height: 1.8;
  border-radius: 999px;
  background: var(--vicolor);
}

.trolling-detail-info .std-font42 {
  margin-bottom: 0.24rem;
  color: #151515;
  font-family: var(--seimibold);
  line-height: 1.3;
}

.trolling-detail-summary,
.trolling-detail-summary p {
  color: #666;
  font-size: var(--font16);
  line-height: var(--line15);
}

.trolling-detail-summary {
  margin-bottom: 0.4rem;
}

.trolling-detail-price .std-text16 {
  line-height: var(--line15);
  color: #999;
  margin-bottom: 0.08rem;
}

.trolling-detail-price-num {
  color: var(--vicolor);
  font-family: var(--bold);
  line-height: 1.2;
  font-size: var(--font32);
}

.trolling-detail-spec-group+.trolling-detail-spec-group {
  margin-top: 0.28rem;
}

.trolling-detail-spec .std-font20 {
  padding-bottom: 0.12rem;
  color: #080404;
  font-family: var(--bold);
  border-bottom: 1px solid #080404;
}

.trolling-detail-table-wrap td {
  padding: 0.115rem 0;
  padding-right: 0.12rem;
  line-height: var(--line14);
  border-bottom: 1px solid #d8d8d8;
  font-size: var(--font16);
  width: 50%;
}

.trolling-detail-table-wrap tr:nth-child(1) td {
  border-top: 1px solid #000;
}

.trolling-detail-table-wrap h6 {
  font-size: var(--font18);
  color: #000;
  font-family: var(--seimibold);
  line-height: var(--line13);
  margin-bottom: 0.1rem;
}

.trolling-detail-table-wrap table:not(:last-child) {
  margin-bottom: 0.3rem;
}

.trolling-detail-table-wrap th {
  width: 50%;
  padding-right: 0.2rem;
  color: #080404;
  font-family: var(--seimibold);
  font-weight: normal;
}

.trolling-detail-table-wrap td:nth-child(1) {
  color: #000;
}

.trolling-detail-table-wrap td {
  color: #666;
}

.trolling-detail-inquiry {
  margin-top: 0.6rem;
}

.trolling-detail-inquiry .std-btn-link {
  justify-content: center;
  width: 100%;
  min-height: 0.42rem;
  padding: 0.195rem 0.24rem;
  cursor: pointer;
  border-color: var(--vicolor);
  background: var(--vicolor);
  color: #080404;
  border-radius: 50px;
}

.trolling-detail-inquiry .std-btn-text {
  font-size: var(--font16);
  line-height: var(--line18);
}

.trolling-detail-love {
  background: #fff;
}

.trolling-detail-love h2 {
  margin-bottom: 0.34rem;
  color: #080404;
  text-align: center;
  font-family: var(--bold);
  line-height: 1.25;
}

.trolling-detail-love-inof {
  display: flex;
}

.trolling-detail-love-item {
  position: relative;
  width: 25%;
  overflow: hidden;
  color: #fff;
  background: #080404;
  flex-grow: 1;
}

.trolling-detail-love-img::after {
  content: "";
  position: absolute;
  z-index: 1;
  background: linear-gradient(180deg, rgba(12, 13, 13, 0) 0%, #0c0d0d 100%);
  pointer-events: none;
  height: 43.8%;
  width: 100%;
  bottom: 0;
  left: 0;
}

.trolling-detail-love-img img:nth-child(2) {
  object-fit: cover;
  transition: var(--transition1);
}

.trolling-detail-love-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.4rem 0.42rem 0.4rem 0.62rem;
  z-index: 2;
  color: #fff;
  font-family: var(--bold);
  line-height: 1.28;
  text-align: right;
  transition: var(--transition);
}

.trolling-detail-love-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  max-width: 3.31rem;
  width: 69%;
  padding: 0.49rem 0.42rem 0.93rem;
  background: var(--vicolor);
  opacity: 0;
  transform: translateX(100%);
  transition: var(--transition1);
}

.trolling-detail-love-item.is-active .trolling-detail-love-panel {
  opacity: 1;
  transform: translateX(0);
}

.trolling-detail-love-item.is-active .trolling-detail-love-title {
  opacity: 0;
}

.trolling-detail-love-panel .std-font24 {
  margin-bottom: 0.16rem;
  color: #000;
  font-family: var(--seimibold);
  line-height: var(--line13);
}

.trolling-detail-love-panel .std-text16,
.trolling-detail-love-panel .std-text16 p {
  color: #000;
  line-height: var(--line14);
  font-family: var(--light);
}

.trolling-detail-gallery-section {
  background: #fff;
}

.trolling-detail-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.trolling-detail-section-head .std-font36 {
  color: #080404;
  font-family: var(--bold);
  line-height: 1.25;
}

.trolling-detail-gallery-next .mod-switch-btn-icon img {
  transform: rotate(180deg);
}

.trolling-detail-gallery-slick {
  margin: 0 -0.2rem;
}

.trolling-detail-gallery-slide {
  padding: 0 0.2rem;
}

.trolling-detail-gallery-slide:not(:first-child) {
  display: none;
}

.slick-initialized .trolling-detail-gallery-slide {
  display: block;
}

.trolling-detail-gallery-grid {
  display: flex;
  justify-content: space-between;
  margin: -0.08rem;
  flex-wrap: wrap;
}

.trolling-detail-gallery-left {
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
}

.trolling-detail-gallery-right {
  width: 50%;
  height: auto;
}

.trolling-detail-gallery-top {
  display: flex;
  justify-content: space-between;
}

.trolling-detail-gallery-card {
  overflow: hidden;
  border-radius: 0.08rem;
  cursor: pointer;
  padding: 0.08rem;
  flex-grow: 1;
}

.trolling-detail-gallery-card .ys-imgbox-cover {
  border-radius: 0.1rem;
  height: 100%;
}

.trolling-detail-gallery-card img {
  object-fit: cover;
}

.trolling-detail-gallery-sm {
  width: calc(50% - 0.08rem);
}

.trolling-detail-gallery-wide {
  width: 100%;
}

.trolling-detail-gallery-tall {
  width: 100%;
}

.trolling-detail-viewer {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.42rem;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.trolling-detail-viewer.is-open {
  opacity: 1;
  visibility: visible;
}

.trolling-detail-viewer-mask {
  position: absolute;
  inset: 0;
  background: rgba(8, 4, 4, 0.78);
}

.trolling-detail-viewer-box {
  position: relative;
  z-index: 1;
  width: min(11.2rem, 86vw);
  background: #fff;
}

.trolling-detail-viewer-close {
  position: absolute;
  right: 0.16rem;
  top: 0.16rem;
  z-index: 2;
  width: 0.34rem;
  aspect-ratio: 1;
  cursor: pointer;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.88);
}

.trolling-detail-viewer-close::before,
.trolling-detail-viewer-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.16rem;
  height: 1px;
  background: #080404;
}

.trolling-detail-viewer-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.trolling-detail-viewer-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.trolling-detail-viewer-img {
  width: 100%;
  background: #f1f2f3;
}

.trolling-detail-series {
  position: relative;
  overflow: hidden;
  background: #0c0d0d;
  color: #fff;
}

.trolling-detail-series-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.trolling-detail-series-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.trolling-detail-series-core {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space110) 0 var(--space130);
}

.trolling-detail-series-mark {
  color: var(--vicolor);
  font-family: var(--bold);
  line-height: 1.05;
  text-transform: uppercase;
  font-size: 3.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.tdsm-ri {
  right: 0;
}

.trolling-detail-series-mark:last-child {
  text-align: right;
}

.trolling-detail-series-content {
  text-align: center;
}

.tdsc-tit {
  font-size: var(--font50);
  margin-bottom: 0.5rem;
  color: #fff;
  font-family: var(--bold);
  line-height: var(--line14);
}

.trolling-detail-series-inof {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tdsi-item-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.86rem;
  padding: 0.1rem 0.4rem;
  padding-right: calc(0.4rem + 0.24rem + 0.1rem);
  overflow: hidden;
  color: var(--vicolor);
  background: transparent;
  line-height: 1.25;
  border-radius: 999px;
  transition: var(--transition);
}

.tdsi-item-link .std-font24 {
  font-family: var(--bold);
  line-height: var(--line14);
  color: var(--vicolor);
  transition: var(--transition);
}

.tdsi-item.is-hover .std-font24 {
  color: #000;
}

.trolling-detail-series-inof a span {
  position: relative;
  z-index: 1;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  transition: var(--transition);
}

.trolling-detail-series-inof a i {
  position: absolute;
  right: 0.18rem;
  top: 50%;
  z-index: 1;
  width: 0.08rem;
  aspect-ratio: 1;
  opacity: 0;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: translate(-0.12rem, -50%) rotate(45deg);
  transition: var(--transition);
}

.trolling-detail-series-inof li.is-active a i {
  opacity: 1;
  transform: translateY(-50%) rotate(45deg);
}

.trolling-detail-actions {
  background: #fff;
}

/* Trolling Detail - end */
/* index图片推进 */
.home-lineup-item {
  position: relative;
}

.home-lineup-img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.home-lineup-item:not(:first-child) .home-lineup-img {
  position: absolute;
}

.home-lineup-img {
  flex-shrink: 0;
}

.home-lineup-img .ys-imgbox-cover {
  height: 100vh;
}

.hlwb-nub {
  height: 100vh;
}

.home-lineup-wrap-top {
  position: sticky;
  top: 0;
}

/* index图片推进-end */
/* f1 */
.parsun-banner-tit {
  font-size: 4rem !important;
  display: flex;
  align-items: center;
  line-height: var(--line13);
  color: rgba(255, 255, 255, 0.7) !important;
  transform: translateY(50%);
  font-family: var(--seimibold) !important;
  font-style: italic;
}

.parsun-banner-tit span {
  font-size: 2rem;
  line-height: var(--line13);
  color: rgba(255, 255, 255, 0.7);
  margin-top: 1.4rem;
}

.parsun-banner .ys-nyban-title {
  position: absolute;
  bottom: 0;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%);
}

.parsun-banner {
  overflow: visible;
}

.parsun-since {
  background: #232a3c;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  padding-top: var(--space220);
  padding-bottom: var(--space140);
}

.parsun-since-box-le {
  width: 0.6rem;
}

.parsun-since-box-ri {
  width: 57.68%;
  position: relative;
}

.parsun-since-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 0.95rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.parsun-since-box-ri,
.parsun-since-box-ri p {
  color: #fff;
  font-size: var(--font24);
  line-height: var(--line12);
}

.parsun-since-box-ri li:not(:last-child) p {
  margin-bottom: 0.24rem;
}

.parsun-since-box-ri li {
  padding-left: 0.24rem;
  position: relative;
}

.parsun-since-box-ri li::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background: #cb191d;
  left: 0;
  content: "";
  width: 0.08rem;
}

.ppvb-wrap-items-box {
  position: relative;
  display: flex;
  flex-direction: column;
  animation: bordershow 3s infinite;
  border-radius: 50%;
}

.ppvb-wrap-items-text {
  position: absolute;
  top: calc(100% + 0.49rem);
  display: flex;
  padding-left: 0.24rem;
}

.ppvb-wrap-items-icon::after {
  position: absolute;
  content: "";
  left: 0.12rem;
  top: 0;
  width: 1px;
  height: 1.3rem;
  background: var(--linevi);
  z-index: -1;
}

.ppvb-wrap-items-text,
.ppvb-wrap-items-text p {
  flex: none;
  color: #000;
  font-family: var(--seimibold);
  line-height: var(--line14);
}

.ppvb-wrap-items.up .ppvb-wrap-items-box {
  flex-direction: column-reverse;
}

.ppvb-wrap-items-icon {
  position: relative;
  z-index: 3;
}

.ppvb-wrap-items.up .ppvb-wrap-items-icon {
  margin-bottom: 0;
}

.ppvb-wrap-items.up .ppvb-wrap-items-text {
  top: auto;
  bottom: calc(100% + 0.49rem);
}

.ppvb-wrap-items.up .ppvb-wrap-items-icon::after {
  bottom: 0;
  top: auto;
}

.ppvb-wrap-items-box::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--linevi);
  opacity: 0.5;
}

.ppvb-wrap-items-box::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--linevi);
  opacity: 0.3;
}

@keyframes bordershow {
  50% {
    box-shadow: 0px 0px 10px 0 var(--linevi);
  }
}

.ppvb-wrap-items-box::before {
  animation: boderM 3s 0.75s infinite;
}

.ppvb-wrap-items-box::after {
  animation: boderM 3s infinite;
}

@keyframes boderM {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  20% {
    opacity: 0.5;
  }

  75% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.phib-nub {
  font-size: var(--font84);
  font-family: "baisheng-Media";
  line-height: 1.52;
  color: var(--color000);
  margin-bottom: 0.12rem;
}

.parsun-history .std-font42 {
  margin-bottom: 0.9rem;
  font-family: "baisheng-Media";
}

.parsun-history-wrap {
  padding-left: 2px !important;
  cursor: grab;
}

.ptcs-item .ys-sit-name {
  font-size: var(--font24);
  color: #231815;
  font-family: var(--seimibold);
  line-height: var(--line15);
  padding-right: 0.2rem;
}

.ptcs-item .ys-slide-item-top {
  flex-wrap: nowrap;
  padding: 0.32rem 0;
}

.ptcs-item {
  border-bottom: 1px solid #b2b2b2;
}

.ptcs-item .ys-sit-icon {
  width: 0.26rem;
  height: 0.26rem;
  top: 5px;
}

.ptcs-item .ys-sit-icon::after,
.ptcs-item .ys-sit-icon::before {
  background: #231815;
}

.ptcs-item:first-child {
  border-top: 1px solid #b2b2b2;
}

.ptcs-item .ys-slide-item-bot {
  margin-top: -8px;
  margin-bottom: 0.5rem;
}

.ptcs-item .ys-slide-item-bot p {
  color: #666;
  font-size: var(--font16);
  line-height: var(--line15);
}

.ptcs-item .ys-slide-item-bot span {
  font-size: 12px;
  line-height: var(--line15);
  color: #636363;
  display: block;
  margin-top: 0.48rem;
}

/* f1-end */
.hpib-cont {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* b4 */
.trolling-main .ys-nyban-img::before {
  position: absolute;
  opacity: 0.5;
  background: linear-gradient(0deg, rgba(49, 50, 51, 0) 0%, #313233 100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 32.375%;
  content: "";
}

.trolling-main .ys-nyban-img::after {
  position: absolute;
  background: linear-gradient(90deg, #0c0d0d 55%, rgba(12, 13, 13, 0) 100%);
  top: 0;
  left: 0;
  width: 69.1%;
  height: 100%;
  content: "";
}

.trolling-banner-top {
  margin-bottom: 0.55rem;
}

.trolling-banner-top-icon {
  width: 3.21rem;
}

.trolling-banner-top-icon img {
  width: 100%;
}

.trolling-banner-top-text,
.trolling-banner-top-text p {
  color: #fff;
  font-family: var(--seimibold);
  line-height: var(--line15);
}

.trolling-banner-top-text {
  padding-left: 1.77rem;
}

.trolling-banner-box {
  width: 33%;
}

.trolling-banner-bot,
.trolling-banner-bot p {
  color: #fff;
  line-height: var(--line15);
  font-family: var(--light);
}

.trolling-banner-bg {
  font-size: 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--vicolor);
  font-style: italic;
  font-family: "RobotoBold";
  width: 52%;
  padding-left: 0.36rem;
  z-index: 2;
}

.trolling-banner-bg span {
  text-align: right;
  width: 100%;
  display: block;
  -webkit-text-stroke-width: 1px;
  font-family: normal;
  font-weight: bold;
  color: transparent;
  -webkit-text-stroke-color: var(--colorfff);
  position: relative;
  z-index: -1;
  top: var(--space100);
}

.trolling-products .outboard-engine-inof {
  flex-wrap: nowrap;
  margin: 0 auto;
}

.trolling-products .swiper-container {
  margin: 0 -0.16rem;
}

.trolling-products .outboard-engine-item {
  width: 25%;
}

.trolling-products .swiper-pagination-progressbar {
  width: 100%;
  height: 3px;
  position: relative;
  margin-right: 0.37rem;
  background: rgba(255, 255, 255, 0.2);
}

.outboard-engine-cont-bot {
  margin-top: 0.71rem;
  display: flex;
  align-items: center;
}

.outboard-engine-cont-bot .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--vicolor);
}

.outboard-engine-cont-bot .mod-switch-top-arrows {
  flex: none;
}

.msta-btn.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.trolling-products-btn {
  display: flex;
  justify-content: center;
}

.trolling-love .mod-btn-link span {
  color: #000;
}

.trolling-scene-word-text,
.trolling-scene-word-text span {
  font-size: 2.3rem;
  font-family: var(--bold);
  color: var(--vicolor);
  font-style: italic;
  line-height: 1.2;
}

.trolling-scene-word-text span {
  text-align: right;
  width: 100%;
  display: block;
  -webkit-text-stroke-width: 1px;
  font-family: normal;
  font-weight: bold;
  color: transparent;
  -webkit-text-stroke-color: var(--colorfff);
  position: relative;
}

/* b4-end */
/* b5 */
.trolling-detail-thumbs .slick-track {
  display: block;
}

.trolling-detail-photo {
  padding: 0.46rem 0.4rem;
}

.trolling-detail-thumb .ys-imgbox-cover {
  width: 100%;
}

.trolling-detail-info-top {
  margin-bottom: 0.58rem;
}

.tdsi-item-icon {
  width: 0.24rem;
  position: absolute;
  right: 0.4rem;
  transform: translatex(-0.24rem);
  transition: var(--transition);
  opacity: 0;
}

.tdsi-item.is-hover .tdsi-item-icon {
  transform: translatex(0);
  opacity: 1;
}

.tdsi-item-icon img {
  width: 100%;
}

.tdsi-item:not(:last-child) {
  margin-bottom: 0.12rem;
}

.trolling-detail-series-inof li.is-hover a {
  color: #080404;
  background: var(--vicolor);
}

.mod-brea3 {
  top: 20px;
}

.mod-brea3 .ys-bread-list a {
  color: #999;
}

.mod-brea3 .ys-bread-list::before {
  color: #999;
}

.tdpb-icon {
  width: 60px;
  height: 60px;
  background: url(../images/button_cust_le01.svg) no-repeat center;
  z-index: 8;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.tdpb-icon.right {
  background: url(../images/button_cust_ri01.svg) no-repeat center;
}

.tdpb-icon.active {
  opacity: 1;
}

/* b5-end */
/* 选型表star */
.mars-soonser-core {
  display: flex;
  --top1: 45px;
  --heightx: 64px;
  --height2: 1.2rem;
  --widthx: 4.3rem;
  --color4: #fff;
  border-radius: 10px 10px 0 0;
  background: #f3f3f4;
  /* position: relative; */
}

.mars-soonser-core-up {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  position: sticky !important;
  top: var(--headh);
  z-index: 11;
}

.mars-soonser-core::before {
  content: "";
  height: 12px;
  background: #dfdfdf;
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(var(--height2) - 12px);
  z-index: 10;
}

.mars-soonser-core::before {
  top: calc(var(--height2) + var(--top1) - 12px);
}

.mars-soonser-core-down::before {
  display: none !important;
}

.mars-soonser-core-left {
  width: 3.1rem;
  position: relative;
}

.mars-soonser-core-up .mars-soonser-core-left {
  z-index: 5;
}

.mars-soonser-core-left::before {
  content: "";
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--color4);
  position: absolute;
}

.mscl-top {
  font-size: var(--font18);
  font-family: var(--bold);
  height: var(--top1);
  padding: 3px;
  color: var(--color4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mars-soonser-core-left .mscl-top {
  background: var(--color232);
  border-top-left-radius: 16px;
}

.mars-soonser-core-left .mscl-name {
  background: #f3f3f4;
}

.mscl-name {
  height: var(--height2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 7px;
}

.mars-soonser-core-right {
  width: calc(100% - 320px);
  flex-grow: 1;
  border-top-right-radius: 16px;
}

.mscr-box {
  display: flex;
}

.mscr-box {
  width: calc(var(--lengthx) * var(--widthx));
}

.mars-soonser-core .mCSB_scrollTools {
  top: calc(var(--height2) - 12px);
  height: 12px;
  z-index: 10;
}

.mars-soonser-core .mCSB_scrollTools {
  top: calc(var(--height2) + var(--top1) - 12px);
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: -7px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mars-soonser-core .mCSB_scrollTools .mCSB_draggerContainer {
  top: 0px;
}

.mars-soonser-core .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 8px;
  margin: 2px auto;
}

.mars-soonser-core .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #b9b9b9;
}

.mars-soonser-core .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}

.mscr-box-nub {
  width: var(--widthx);
  position: relative;
}

.mscr-box-nub::before {
  content: "";
  width: 1px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--color4);
}

.mscl-top {
  height: var(--top1);
  padding: 3px;
  color: var(--color4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mars-soonser-core-right .mscl-top {
  background: var(--color232);
}

.mscl-name {
  height: var(--height2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 7px;
}

.mscl-name .mscl-name-img {
  width: 0.75rem;
  margin: 0 auto;
}

.mscl-name .mscl-name-img img {
  object-fit: cover;
}

.mars-soonser-ph {
  display: none;
}

.mars-soonser-core.mars-soonser-core-down {
  border-radius: 0px;
}

.mars-soonser-core-left {
  width: 3.1rem;
  position: relative;
}

.mars-soonser-core-down .mars-soonser-core-left {
  background: #f3f3f4;
}

.mars-soonser-core-left::before {
  content: "";
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--color4);
  position: absolute;
}

.mscl-name {
  height: var(--height2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 7px;
}

.mars-soonser-core-down .mscl-name {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mars-soonser-core-left .mscl-name {
  background: #f3f3f4;
}

.mscl-series {
  height: auto;
  overflow: hidden;
}

.mscl-series-nub {
  /* height: var(--heightx); */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mscl-series-nub-box {
  padding: 0.16rem 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}

.mscl-series-nub::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color4);
}

.std-text2,
.std-text2 p {
  font-size: var(--font16);
  color: #000;
  line-height: var(--line165);
}

.mars-soonser-core-left .std-text2 {
  text-align: center;
  color: var(--color000);
  line-height: var(--line165);
  font-family: var(--seimibold);
}

.mars-soonser-core-right .mscl-series-nub .std-text2,
.mars-soonser-core-left .std-text2 {
  padding: 0 10px;
  text-align: center;
}

.mars-soonser-core-right {
  width: calc(100% - 320px);
  flex-grow: 1;
  border-top-right-radius: 16px;
}

.mars-soonser-core-down .mars-soonser-core-right {
  overflow: hidden;
}

.mscr-box {
  display: flex;
}

.mscr-box {
  width: calc(var(--lengthx) * var(--widthx));
}

.mscr-box-nub {
  width: var(--widthx);
  position: relative;
}

.mscr-box-nub::before {
  content: "";
  width: 1px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--color4);
}

.mars-soonser-core-down .mscl-name {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mscl-series {
  height: auto;
  overflow: hidden;
}

.mscl-series-nub {
  /* min-height: var(--heightx); */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mars-soonser-core-right .mscl-series-nub .std-text2 {
  line-height: var(--line165);
  color: var(--color333);
}

.mars-soonser,
.prodet-para {
  overflow: visible !important;
}

.mars-soonser-core-down {
  border-radius: 0 0 16px 16px !important;
}

.mars-soonser-core-down .mars-soonser-core-left {
  border-radius: 0 0 0 16px !important;
}

.mscl-series-nub:nth-child(n + 11) {
  display: none;
}

/* 选型表end */
.mod-ph {
  display: none;
}

.home-nav-footer {
  display: none;
}

.parsun-history-item-box {
  padding-right: 1.7rem;
}

/* 嵌入你现有页面CSS，只控制边框hover变色，图片不动 */
:root {
  --lime: #96d828;
}

.trolling-gallery-item-frame {
  position: relative;
  transition: var(--transition);
}

/* 核心：让线条层 和 图片蒙版 1:1 贴合 */
.helmet-card {
  position: absolute;
  inset: 0;
  pointer-events: none;
  /* 和图片使用同一个蒙版！形状完全一致 */
  -webkit-mask: url(../images/helm-mask-fill.svg) no-repeat;
  mask: url(../images/helm-mask-fill.svg) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.frame-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.frame {
  width: 100%;
  height: 100%;
  position: absolute;
}

.frame-base path {
  stroke: #666;
  stroke-width: 2;
  fill: none;
  vector-effect: non-scaling-stroke;
}

.frame-overlay {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.frame-overlay path {
  stroke: var(--lime);
  stroke-width: 2;
  fill: none;
  vector-effect: non-scaling-stroke;
}

/* hover 线条变色，图片完全不动 */
.trolling-gallery-item:hover .frame-overlay {
  opacity: 1;
}

/* 你原有图片样式保留 */
.trolling-gallery-img {
  padding: 3px;
  overflow: hidden;
  border-radius: 0.04rem;
  background: #202020;
  transition: var(--transition);
}

.trolling-gallery-img {
  -webkit-mask: url(../images/helm-mask-fill.svg) no-repeat;
  mask: url(../images/helm-mask-fill.svg) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

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

/* 2026.6.6 - tammy - start */
.home-lineup-item {
  border-bottom: 0px solid #bcbcbc;
}

.home-lineup-item::before {
  content: "";
  height: 1px;
  width: 100vw;
  background: #bcbcbc;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.home-lineup-bar {
  position: relative;
}

.home-lineup-bar::before {
  content: "";
  height: 100%;
  width: 100vw;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.home-lineup-head {
  border-bottom: 0px;
}

.trolling-gallery-img {
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.trolling-gallery-img {
  padding: 0;
}

.trolling-gallery-img-box {
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  opacity: 0;
  transition: all 0.4s ease;
}

.trolling-gallery-img-box span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #64e53d;
}

.trolling-gallery-item {
  position: relative;
}

.trolling-gallery-meta {
  position: absolute;
  bottom: 0;
  right: 0;
}

.trolling-gallery-intro {
  margin: 0;
  padding: 0;
}

.trolling-gallery-inof .trolling-gallery-item {
  margin: 0;
  padding: 0;
}

.trolling-gallery-inof {
  --width1: 1rem;
  align-items: flex-start;
}

.trolling-gallery-item:nth-child(5n-4) {
  width: calc(var(--width1) * 3);
}

.trolling-gallery-item:nth-child(5n-3) {
  width: calc(var(--width1) * 3.3);
}

.trolling-gallery-item:nth-child(5n-2) {
  width: calc(var(--width1) * 6);
}

.trolling-gallery-item:nth-child(5n-1) {
  width: calc(var(--width1) * 3.3);
}

.trolling-gallery-item:nth-child(5n) {
  width: calc(var(--width1) * 4.46);
}

.trolling-gallery-meta {
  font-size: var(--font14);
  font-style: normal;
  line-height: 1.5;
}

.trolling-gallery-item:nth-child(5n-2) .trolling-gallery-meta {
  font-size: var(--font20);
}

.trolling-gallery-item:nth-child(5n) .trolling-gallery-meta {
  font-size: var(--font16);
}

.trolling-gallery-intro {
  margin-bottom: calc(var(--space70) + 0.05rem);
  width: 20.4em;
  max-width: 100%;
}

.trolling-gallery-intro,
.trolling-gallery-intro p {
  font-size: var(--font20);
  line-height: var(--line14);
}

.trolling-gallery-intro .std-font36 {
  margin-bottom: 0.19rem;
  font-size: var(--font42);
  line-height: 1.4;
  font-weight: bold;
}

.trolling-gallery-item:nth-child(10n-9) {
  margin-top: calc(var(--width1) * 0.4);
}

.trolling-gallery-item:nth-child(10n-8) {
  margin-top: calc(var(--width1) * 4.19);
  margin-left: calc(var(--width1) * -1.65);
}

.trolling-gallery-item:nth-child(10n-7) {
  margin-left: calc(var(--width1) * 0.92);
}

.trolling-gallery-item:nth-child(10n-6) {
  margin-left: calc(var(--width1) * 1.2);
}

.trolling-gallery-item:nth-child(10n-5) {
  margin-top: calc(var(--width1) * 3.46);
  margin-left: calc(var(--width1) * -1.54);
}

.trolling-gallery-item:nth-child(10n-4) {
  margin-top: calc(var(--width1) * 3.72);
  margin-left: calc(var(--width1) * 1.45);
}

.trolling-gallery-item:nth-child(10n-3) {
  margin-top: calc(var(--width1) * 0.54);
  margin-left: calc(var(--width1) * -1.06);
}

.trolling-gallery-item:nth-child(10n-2) {
  margin-left: calc(var(--width1) * 1.2);
}

.trolling-gallery-item:nth-child(10n-1) {
  margin-top: calc(var(--width1) * 4.8);
  margin-left: calc(var(--width1) * 1.02);
}

.trolling-gallery-item:nth-child(10n) {
  margin-top: calc(var(--width1) * 0.81);
  margin-left: calc(var(--width1) * -1.45);
}

@media screen and (min-width: 1200px) {
  .trolling-gallery-item:hover .trolling-gallery-img-box {
    opacity: 1;
  }
}

/* 2026.6.6 - tammy - end */
.home-lineup-head {
  align-items: flex-end;
}

.home-lineup-head .std-font42, .home-lineup-head .home-lineup-copy, .home-lineup-bar-content {
  width: 65.875%;
}

.home-lineup-bar-content {
  display: flex;
  justify-content: space-between;
}

.ys-hd-pc {
  transition: var(--transition);
}

.product-body.down .ys-hd-pc {
  transform: translateY(calc(-1 * var(--headh)));
}

.product-detail-anchor {
  transition: var(--transition);
}

.product-body.down .product-detail-anchor {
  /* transform: translateY(var(--headh)); */
  top: 0
}

.product-body.up .product-detail-anchor {
  top: var(--headh);
}

.mars-soonser-core-up {
  top: var(--top);
  transition: var(--transition);
}

.product-body.up .mars-soonser-core-up {
  top: calc(var(--top) + var(--headh));
}

.product-detail-anchor-dealer p {
  padding-left: 0.1rem
}

.trolling-gallery-sticky-cont {
  position: sticky;
  top: var(--headh);
  overflow: hidden;
  transition: var(--transition1);
  display: block;
}

.trolling-gallery {
  overflow: visible;
}

.trolling-gallery-sticky {
  position: relative;
  top: auto;
  min-height: auto;
  overflow: visible;
}

.trolling-gallery-track {
  transform: translate(0);
}

.trolling-gallery {
  min-height: auto;
}

.fs-main .fs-products .outboard-engine-item {
  width: 33.333333%;
}

.fs-action-icon {
  width: 0.64rem;
}

.fs-action-item:nth-child(3n-1) .fs-action-icon {
  width: 0.52rem;
}

.fs-action-item:nth-child(3n) .fs-action-icon {
  width: 0.43rem
}

.fs-main .mod-power {
  transform: translate(0);
  left: auto;
  right: 0.4rem;
}

.head-other-dealer {
  cursor: auto;
}

.head-other-dealer-link {
  display: flex;
  align-items: center;
}

.head-other-dealer-link img {
  transform: scale(1) !important;
}

.head-other-shop {
  padding-right: 0.4rem;
  margin-right: 0.4rem;
  position: relative;
}

.head-other-shop::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 0.2rem;
  width: 1px;
  opacity: 0.2;
  background: #fff;
  content: "";
}

/* 7.14-start */
.product-detail-performance {
  background: #fff;
  padding-bottom: 0.9rem
}

.product-detail-performance-info {
  background: #f4f4f4;

}

.product-detail-spec {
  padding-top: 0 !important;
}

.product-detail-anchor-dealer p {
  white-space: nowrap;
}

.product-detail-anchor-dealer {
  border-radius: 18px;
}

.home-number-inof-nub span {
  font-size: 1.1rem;
}

.home-number-inof-nub p {
  font-size: var(--font24);
  padding-bottom: 0.21rem;
}

.home-number-bg::after {
  background: linear-gradient(0deg, rgba(12, 12, 12, 0.76) 0%, rgba(12, 12, 12, 0.76) 100%)
}

.hlbc-btn {
  display: flex;
}

.home-lineup-bar h3 {
  padding-right: 0.4rem;
}

.home-lineup-img img {
  object-fit: cover;
}

.plcs-box {
  width: 86%;
}

.pdec-le-cont-wrap {
  background: transparent;
}

.product-detail-engine .hpib-le-bg {
  width: 115%;
}

.hlbc-btn-list {
  padding: 0 0.2rem
}

.hlbc-btn {
  margin: 0 -0.2rem;
}

.hlwb-nub:first-child {
  height: 5vh !important;
}

.fs-products .outboard-engine-item {
  width: 33.333333%;
}

.parts-products-core {
  flex-wrap: wrap;
}

.outboard-engine-link-bot {
  flex-grow: 1;
  align-items: normal;
}

.outboard-engine-arrow {
  margin-top: auto;
}

.home-showcase-slick .ys-slick-item-cont {
  position: relative;
}

.parts-none .fs-filter-top {
  border-bottom: none;
}
.home-showcase-slick .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    right: 0.5rem;
    width: auto;
}
.home-showcase-slick .slick-dots li{
    margin:6px 0;
}
/* 7.14-end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
  .mod-btn-link:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #cb191d;
  }

  .mod-btn.on .mod-btn-link:hover .mod-btn-link-icon img:nth-child(2) {
    opacity: 1;
  }

  .mod-btn.on .mod-btn-link:hover .mod-btn-link-icon img:nth-child(1) {
    opacity: 0;
  }

  .mod-btn.on .mod-btn-link:hover span {
    color: var(--color000);
  }

  .mod-btn.act .mod-btn-link:hover {
    background: #cb191d;
  }

  a:hover .mod-btn-link {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #cb191d;
  }

  a:hover .mod-btn.act .mod-btn-link {
    background: #cb191d;
  }

  a:hover .mod-btn.on .mod-btn-link .mod-btn-link-icon img:nth-child(2) {
    opacity: 1;
  }

  a:hover .mod-btn.on .mod-btn-link .mod-btn-link-icon img:nth-child(1) {
    opacity: 0;
  }

  a:hover .mod-btn.on .mod-btn-link span {
    color: var(--color000);
  }

  .mod-switch-btn:hover {
    border-color: var(--colorfff);
    background: var(--colorfff);
  }

  .home-product-item:nth-child(2n-1) .mod-btn.act .mod-btn-link:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }

  .home-product-item:nth-child(2n-1) .mod-btn.act .mod-btn-link:hover span {
    color: var(--colorfff);
  }

  .home-product-item .mod-btn.act .mod-btn-link:hover {
    background: var(--vicolor);
  }

  .std-btn-link:hover {
    color: #fff;
    background: var(--home-accent, #101216);
    border-color: var(--home-accent, #101216);
  }

  .std-btn-link-solid:hover,
  .std-btn-link-dark:hover {
    color: #101216;
    background: #fff;
    border-color: #fff;
  }

  .std-btn-link:hover .std-btn-link-img img:first-child {
    opacity: 0;
    transform: translateX(0.04rem);
  }

  .std-btn-link:hover .std-btn-link-img img:nth-child(2) {
    opacity: 1;
    transform: translateX(0.04rem);
  }

  .std-btn1:hover .std-btn1-icon img:first-child {
    opacity: 0;
  }

  .std-btn1:hover .std-btn1-icon img:nth-child(2) {
    opacity: 1;
  }

  .std-btn1:hover .std-btn1-icon img {
    transform: rotate(90deg);
  }

  .home-product-item:hover .home-product-img img:nth-child(2),
  .home-news-item a:hover .home-news-img img:nth-child(2),
  .home-lineup-img.is-active:hover img:nth-child(2) {
    transform: scale(1.05);
  }

  .home-news-prev:hover,
  .home-news-next:hover,
  .home-hero-slider .slick-arrow:hover {
    background-color: var(--color232);
  }

  .outboard-engine-link:hover {
    background: var(--vicolor);
  }

  .outboard-engine-link:hover .outboard-engine-copy .std-font20 {
    color: #fff;
  }

  .outboard-engine-link:hover .outboard-engine-copy .std-text16,
  .outboard-engine-link:hover .outboard-engine-copy .std-text16 p {
    color: #fff;
  }

  .outboard-series-link:hover .outboard-engine-arrow,
  .outboard-series-link:hover {
    color: var(--vicolor1);
    background: var(--vicolor1);
  }

  .outboard-series-item:hover .outboard-series-link .std-btn2-icon img:nth-child(1) {
    opacity: 1;
  }

  .outboard-series-item:hover .outboard-series-link .std-btn2-icon img:nth-child(2) {
    opacity: 0;
  }

  .outboard-series-item:hover .outboard-series-link .std-font24 {
    color: #fff;
  }

  .outboard-series-link:hover .outboard-series-icon {
    color: #000;
    background: #fff;
    border-color: #fff;
  }

  .fs-filter-item:hover .std-text18 {
    color: var(--vicolor);
  }

  .fs-product-link:hover {
    color: #fff;
    background-color: var(--series-color, var(--color23C));
  }

  .fs-product-link:hover::before {
    opacity: 1;
  }

  .fs-product-link:hover .fs-product-img img:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.05);
  }

  .fs-product-link:hover .fs-product-copy .std-font20,
  .fs-product-link:hover .fs-product-copy .std-text16 {
    color: #fff;
  }

  .fs-product-link:hover .fs-product-arrow {
    color: #000;
    background: #fff;
    border-color: #fff;
  }

  .parts-filter-item:hover .std-text18,
  .parts-filter-item.is-active .std-text18 {
    color: var(--parts-accent, #cb191d);
  }

  .parts-product-link:hover {
    color: #fff;
    background-color: var(--parts-accent, #cb191d);
  }

  .parts-product-link:hover::before {
    opacity: 1;
  }

  .parts-product-link:hover .parts-product-img img:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.05);
  }

  .parts-product-link:hover .parts-product-copy .std-font20 {
    color: #fff;
  }

  .parts-product-link:hover .parts-product-arrow {
    color: #000;
    background: #fff;
    border-color: #fff;
  }

  .dealer-card:hover {
    color: #fff;
    background: var(--color232);
  }

  .dealer-card:hover::after {
    opacity: 0.18;
  }

  .dealer-card:hover .dealer-card-country span {
    color: #fff;
    background: #cb191d;
    border-color: #cb191d;
  }

  .dealer-card:hover .dealer-card-number .std-text18 {
    color: #fff;
  }

  .parsun-tech-hd:hover .std-font20,
  .parsun-tech-hd:hover .parsun-tech-toggle {
    color: #cb191d;
  }

  .parsun-experience-item:hover .parsun-experience-img img:nth-child(2),
  .parsun-quality-media:hover img:nth-child(2),
  .parsun-tech-img:hover img:nth-child(2) {
    transform: scale(1.05);
  }

  .parsun-experience-prev:hover,
  .parsun-experience-next:hover {
    background-color: #34405a;
  }

  .fs-action-link:hover .fs-action-copy .std-text18 {
    color: var(--color23C);
  }

  .product-detail-anchor .std-text16:hover,
  .product-detail-access-more:hover,
  .product-detail-expand:hover {
    color: var(--colorbf1);
  }

  .product-detail-access-item:hover .product-detail-access-img img:nth-child(2),
  .product-detail-related-link:hover .product-detail-related-img img:nth-child(2),
  .product-detail-engine-item:hover .product-detail-engine-img img:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.05);
  }

  .product-detail-related-link:hover {
    color: #fff;
  }

  .product-detail-related-link:hover .std-font20,
  .product-detail-related-link:hover .std-text16 {
    color: #fff;
  }

  .product-detail-related-link:hover .product-detail-related-arrow {
    color: #000;
    background: #fff;
    border-color: #fff;
  }

  .product-detail-modal-close:hover {
    transform: rotate(90deg);
  }

  .contact-form .ys-fii-submit:hover {
    color: #fff;
    background: #232a3c;
  }

  .contact-info-inof .std-text16:hover,
  .contact-bread .std-text16:hover,
  .contact-form .ys-fia-text-word .std-text16:hover {
    opacity: 0.72;
  }

  .hdii-box:hover .home-dealer-img img:nth-child(2) {
    opacity: 1;
  }

  .hdii-box:hover .home-dealer-img img:nth-child(1) {
    /* opacity: 0; */
    /* z-index: -1; */
  }

  .hdii-box:hover .std-font20,
  .hdii-box:hover .std-font20 p {
    color: #333;
  }

  /* .outboard-engine-link:hover
    .outboard-engine-arrow
    .std-btn2-icon
    img:nth-child(2) {
    opacity: 1;
  }
  .outboard-engine-link:hover
    .outboard-engine-arrow
    .std-btn2-icon
    img:nth-child(1) {
    opacity: 0;
  } */
  .fs-action-link:hover {
    border-color: #000;
  }

  .fs-action-link:hover .fs-action-copy .std-font24 {
    color: #000;
  }

  .fs-action-link:hover .fs-action-copy .std-text16,
  .fs-action-link:hover .fs-action-copy .std-text16 p {
    color: #666;
  }

  .fs-action-link:hover .fs-action-icon img:nth-child(2) {
    opacity: 1;
  }

  .fs-action-link:hover .fs-action-icon img:nth-child(1) {
    opacity: 0;
  }

  .pcwi-link:hover {
    color: var(--vicolor1);
  }

  .dealer-card:hover .dealer-card-bg {
    opacity: 0.1;
  }

  .dealer-card:hover .dealer-card-number p {
    color: #fff;
  }

  .dealer-card:hover .dealer-card-number p span {
    color: #fff;
  }

  .home-product-item .mod-btn .mod-btn-link:hover .mod-btn-link-icon img:nth-child(2) {
    opacity: 1;
  }

  .home-product-item .mod-btn .mod-btn-link:hover .mod-btn-link-icon img:nth-child(1) {
    opacity: 0;
  }

  /* .home-product-item:nth-child(2n)
    .mod-btn
    .mod-btn-link:hover
    .mod-btn-link-icon
    img:nth-child(2) {
    opacity: 0;
  }
  .home-product-item:nth-child(2n)
    .mod-btn
    .mod-btn-link:hover
    .mod-btn-link-icon
    img:nth-child(1) {
    opacity: 1;
  } */
  /* Trolling Motor hover - start */
  .trolling-main .mod-btn-link:hover {
    border-color: #080404;
    background: #080404;
    color: #fff;
  }

  .trolling-main .mod-btn-link:hover .std-arrow-hover {
    opacity: 1;
  }

  .trolling-filter-item-link:hover {
    background: var(--vicolor);
    color: #080404;
  }

  .trolling-product-link:hover {
    background: var(--vicolor);
  }

  .trolling-product-link:hover .ys-imgbox-contain img:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.05);
  }

  .trolling-love-img:hover img:nth-child(2),
  .trolling-gallery-img:hover img:nth-child(2) {
    transform: scale(1.05);
  }

  .trolling-actions .fs-action-link:hover {
    border-color: var(--vicolor);
  }

  .trolling-actions .fs-action-link:hover .std-font24 {
    color: #080404;
  }

  .trolling-detail-photo-arrow:hover,
  .trolling-detail-gallery-switch .mod-switch-btn:hover {
    background: var(--vicolor);
    border-color: var(--vicolor);
  }

  .trolling-detail-inquiry .std-btn-link:hover {
    color: #fff;
    background: #080404;
    border-color: #080404;
  }

  .trolling-detail-love-item:hover .trolling-detail-love-img img:nth-child(2),
  .trolling-detail-gallery-card:hover img:nth-child(2) {
    transform: scale(1.05);
  }

  .trolling-detail-love-item:hover .trolling-detail-love-panel {
    opacity: 1;
    transform: translateX(0);
  }

  .trolling-detail-love-item:hover .trolling-detail-love-title {
    opacity: 0;
  }

  .trolling-detail-series-inof li:hover a span,
  .trolling-detail-series-inof li.is-hover a span {
    transform: translateX(-0.04rem);
  }

  .trolling-detail-series-inof li:hover a i,
  .trolling-detail-series-inof li.is-hover a i {
    opacity: 1;
    transform: translateY(-50%) rotate(45deg);
  }

  /* Trolling Motor hover - end */
  .pdai-box:hover .mod-btn.act .mod-btn-link {
    background: var(--vicolor);
  }

  .trolling-products .outboard-engine-link:hover .outboard-engine-copy .std-font20 {
    color: #000;
  }

  .trolling-products .outboard-engine-link:hover .outboard-engine-copy .std-text16,
  .trolling-products .outboard-engine-link:hover .outboard-engine-copy .std-text16 p {
    color: #666;
  }

  .outboard-engine-cont-bot .msta-btn:hover img:nth-child(1) {
    opacity: 1;
  }

  .outboard-engine-cont-bot .msta-btn:hover img:nth-child(2) {
    opacity: 0;
  }

  .trolling-products-btn .mod-btn.act .mod-btn-link:hover {
    background: var(--vicolor);
  }

  .trolling-love .mod-btn.on .mod-btn-link:hover span {
    color: #fff;
  }

  .product-detail-spec .mod-btn.on .mod-btn-link:hover span {
    color: #fff;
  }

  .outboard-engine-link:hover .outboard-engine-arrow {
    background: var(--colorfff);
    border-color: var(--colorfff);
  }

  .outboard-type-item-box:hover .outboard-type-img img {
    transform: scale(1.05);
  }

  .outboard-series-item.is-active .outboard-series-link:hover::after {
    opacity: 1;
  }

  .product-detail-performance .mod-btn-link:hover {
    background: var(--vicolor);
  }

  .product-detail-spec .mod-btn.act .mod-btn-link:hover {
    background: var(--vicolor);
  }

  .product-detail-accessories .mod-btn.act .mod-btn-link:hover {
    background: var(--vicolor);
  }
}