@charset "utf-8";

/* 响应式原则：调大看小 */
@media screen and (max-width: 1919px) {

  /* kaffi-start */
  .hpib-le-bg {
    font-size: 1.6rem;
  }

  .home-lineup {
    margin-top: -40vh;
  }

  .home-mission-nub {
    width: 48%;
  }

  .home-mission-box-text {
    width: 43%;
  }

  .hpib-le {
    width: 45%;
  }

  .pdec-le {
    --width: 45%;
  }

  .product-detail-engine-copy {
    width: 37%;
  }

  .mars-soonser-core {
    --widthx: 3.7rem;
  }

  .trolling-detail-love-title {
    padding: 0.4rem 0.4rem 0.4rem 0.6rem;
  }

  /* kaffi-end */
  /* 7.14-start */
  .pdec-le {
    --width: 50%;
  }

  .product-detail-engine .hpib-le-bg {
    font-size: 1.4rem;
  }

  /* 7.14-end */
  /* 1919end */
}

@media screen and (max-width: 1680px) {
  html {
    font-size: 86px;
  }

  :root {
    /* 间距 */
    --space250: 2rem;
    --space240: 1.95rem;
    --space230: 1.9rem;
    --space220: 1.85rem;
    --space210: 1.8rem;
    --space200: 1.75rem;
    --space190: 1.7rem;
    --space180: 1.65rem;
    --space170: 1.6rem;
    --space160: 1.55rem;
  }

  /* kaffi-start */
  .hpib-le-bg {
    font-size: 1.4rem;
  }

  .hpib-ri {
    padding: 0.8rem 0 0.6rem;
  }

  .home-lineup {
    margin-top: -50vh;
  }

  .hpib-ri {
    width: 43%;
  }

  .hnil-bot .std-font20 {
    padding-right: 0.64rem;
  }

  .product-detail-engine-btns .mod-btn-link {
    padding: 0.08rem 0.2rem 0.08rem 0.16rem;
  }

  .dealer-filter-select .ys-select-hd {
    height: 46px;
  }

  .dealer-section .fs-search-input input {
    height: 46px;
  }

  .parsun-banner-tit {
    font-size: 3rem !important;
  }

  .parsun-banner-tit span {
    font-size: 1rem;
  }

  .parsun-history-item-box {
    padding-right: 1.2rem;
  }

  .contact-right .ys-form {
    --height: 42px;
  }

  .contact-left {
    width: 37%;
  }

  .contact-right .ys-form-inof-text .ys-fii-input {
    height: 42px;
  }

  .contact-right .ys-form-inof-item.ys-form-inof-submit .mod-btn-link {
    height: 42px;
    line-height: 42px;
  }

  .trolling-detail-inquiry .std-btn-link {
    padding: 0.18rem 0.24rem;
  }

  .product-detail-engine .hpib-le-bg {
    font-size: 1.2rem;
  }

  /* kaffi-end */
  /* 1680end */
}

@media screen and (max-width: 1440px) {
  .ys-modal-content {
    max-height: 650px;
  }

  html {
    font-size: 62px;
  }

  :root {
    --font28: 0.3rem;
    --font26: 0.28rem;
    --font24: 0.28rem;
    --font22: 0.26rem;
    --font20: 0.26rem;
    --font18: 0.24rem;
    --font16: 0.22rem;
    --font14: 0.2rem;
    --font12: 0.16rem;
  }

  /* kaffi-start */
  .home-mission-nub {
    width: 36%;
  }

  .home-mission-box-text {
    width: 50%;
  }

  .hnil-bot .std-font20 {
    padding-right: 0;
  }

  .ys-footer-bg {
    width: 60%;
  }

  .std-btn2-icon {
    width: 0.2rem;
  }

  .fs-filter {
    width: 24%;
  }

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

  .pc-fenye li {
    width: 38px;
    height: 38px;
    line-height: 38px;
  }

  .product-detail-engine-copy {
    width: 40%;
  }

  .product-detail-stat-item {
    padding: 0 0.5rem;
  }

  .product-detail-stats {
    margin: 0 -0.5rem;
  }

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

  .dealer-filter-select .ys-select-hd {
    width: 3.5rem;
  }

  .dealer-card {
    padding: 0.3rem 0.4rem;
  }

  .dealer-filter-select .ys-select-hd {
    height: 42px;
  }

  .dealer-section .fs-search-input input {
    height: 42px;
  }

  .parsun-history-item-box {
    padding-right: 0.9rem;
  }

  .ptcs-item .ys-slide-item-bot span {
    margin-top: 0.3rem;
  }

  .contact-right {
    width: 49%;
  }

  .contact-right .ys-fia-text-btn {
    top: 3px;
  }

  .contact-right .ys-form {
    --height: 40px;
  }

  .contact-right .ys-form-inof-item.ys-form-inof-submit .mod-btn-link {
    height: 40px;
    line-height: 40px;
  }

  .trolling-scene-word-text,
  .trolling-scene-word-text span {
    font-size: 1.5rem;
  }

  .trolling-scene-kicker {
    padding-right: 4rem;
  }

  .trolling-detail-hero {
    padding-top: var(--space100);
  }

  .trolling-detail-love-panel {
    width: 80%;
    max-width: 90%;
  }

  .trolling-detail-love-title {
    padding: 0.3rem 0.3rem 0.3rem 0.38rem;
  }

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

  .fs-main .mod-power {
    font-size: 64px;
  }

  /* 7.14-start */
  .product-detail-engine .hpib-le-bg {
    font-size: 1rem;
  }

  /* 7.14-end */
  .home-showcase-slick .slick-dots li{
    margin:4px 0;
    width: 8px;
    height: 8px;
}
.parsun-history-wave {
    margin-top: -1.2rem;
}
.parsun-history .std-font42 {
    margin-bottom: 0.5rem;
}
  /* kaffi-end */
  /* 1440end */
}

@media screen and (max-width: 1199px) {
  :root {
    --headh: 56px;
  }

  html {
    font-size: 58px;
  }

  :root {
    /* 字号82-100 0.66rem 38px */
    --fontr1: 0.66rem;
    --font100: var(--fontr1);
    --font98: var(--fontr1);
    --font96: var(--fontr1);
    --font94: var(--fontr1);
    --font92: var(--fontr1);
    --font90: var(--fontr1);
    --font88: var(--fontr1);
    --font86: var(--fontr1);
    --font86: var(--fontr1);
    --font84: var(--fontr1);
    --font82: var(--fontr1);
    /* 字号72-80 0.59rem 34px */
    --fontr2: 0.59rem;
    --font80: var(--fontr2);
    --font78: var(--fontr2);
    --font76: var(--fontr2);
    --font74: var(--fontr2);
    --font72: var(--fontr2);
    /* 字号62-70 0.55rem 32px */
    --fontr3: 0.55rem;
    --font70: var(--fontr3);
    --font68: var(--fontr3);
    --font66: var(--fontr3);
    --font64: var(--fontr3);
    --font62: var(--fontr3);
    /* 字号52-60 0.52rem 30px */
    --fontr4: 0.52rem;
    --font60: var(--fontr4);
    --font58: var(--fontr4);
    --font56: var(--fontr4);
    --font54: var(--fontr4);
    --font52: var(--fontr4);
    /* 间距 */
    --space250: 1.425rem;
    --space240: 1.4rem;
    --space230: 1.375rem;
    --space220: 1.35rem;
    --space210: 1.325rem;
    --space200: 1.3rem;
    --space190: 1.275rem;
    --space180: 1.25rem;
    --space170: 1.225rem;
    --space160: 1.2rem;
    --space150: 1.175rem;
    --space140: 1.15rem;
    --space130: 1.125rem;
    --space120: 1.1rem;
    --space110: 1rem;
    --space100: 0.95rem;
  }

  /* 移动端-副导航 - start */
  .footer-nav {
    flex-direction: column;
    --gap1: 0px;
    --gap2: 0px;
    border-top: 1px solid rgba(102, 102, 102, 0.5);
  }

  .footer-nav>li {
    position: relative;
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
    padding: 12px 0;
  }

  .footer-nav>li>.std-text16 {
    padding: 6px 0;
  }

  .footer-nav>li::before,
  .footer-nav>li::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: rgba(51, 51, 51, 0.5);
    right: 2px;
    top: calc(0.875em + 6px);
    transition: all 0.4s ease;
  }

  .footer-nav>li::after {
    transform: rotate(90deg);
  }

  .footer-nav ul {
    display: none;
  }

  .footer-nav>li.act::after {
    transform: rotate(0deg);
  }

  .footer-nav>li.no-nav::before,
  .footer-nav>li.no-nav::after {
    display: none;
  }

  .footer-nav>li.no-nav a {
    width: 100%;
  }

  /* 移动端-副导航 - end */

  /* 首页 - start */
  .home-header .ys-hd-pc {
    display: none;
  }

  .ys-hd-ph {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    color: #fff;
    background: var(--home-navy);
  }

  .ys-ph-navbar1,
  .ys-phnav-header {
    height: var(--headh);
  }

  .ys-phnav-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.28rem;
  }

  .ys-phnav-logo {
    width: 1rem;
  }

  .ys-phnav-r {
    display: flex;
    align-items: center;
  }

  .ys-phnav-menubtn {
    position: relative;
    width: 0.28rem;
    height: 0.2rem;
  }

  .ys-phnav-menubtn span,
  .ys-phnav-menubtn::before,
  .ys-phnav-menubtn::after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transition: all 0.3s ease;
  }

  .ys-phnav-menubtn span {
    top: 50%;
    margin-top: -1px;
  }

  .ys-phnav-menubtn::before {
    top: 0;
  }

  .ys-phnav-menubtn::after {
    bottom: 0;
    width: 68%;
  }

  .home-hero {
    height: 170vh;
  }

  .home-hero-copy {
    left: 0.34rem;
    right: 0.34rem;
    bottom: 0.72rem;
  }

  .home-hero-title {
    max-width: 5.8rem;
    font-size: var(--font48);
  }

  .home-hero-slider .slick-arrow {
    display: none;
  }

  .home-hero-slider .slick-dots {
    right: 0.34rem;
    bottom: 0.36rem;
  }

  .home-product-bgword {
    left: 0.26rem;
    right: 0.26rem;
    width: calc(100% - 0.52rem);
    font-size: 0.72rem;
  }

  .home-product-bgword em {
    margin-left: 0.42rem;
  }

  .home-product-img {
    flex-basis: 50%;
    max-width: 3.8rem;
  }

  .home-product-copy {
    flex-basis: 3.35rem;
  }

  .home-product-copy h2 {
    font-size: var(--font26);
  }

  .home-lineup-bar {
    width: calc(100% - 0.68rem);
    min-height: 0.92rem;
  }

  .home-lineup-visual {
    height: 3.4rem;
  }

  .home-mission {
    padding: 0.72rem 0 0.78rem;
  }

  .home-mission-bg {
    top: 0.32rem;
    right: 0.22rem;
    font-size: 0.84rem;
  }

  .home-mission .ys-cont1600 {
    flex-direction: column;
  }

  .home-mission-copy {
    flex-basis: auto;
    width: 100%;
    padding-top: 0;
  }

  .home-mission-img {
    flex-basis: auto;
    width: 100%;
    margin-top: 0;
  }

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

  .home-showcase-img {
    min-height: 4.35rem;
  }

  .home-showcase-copy {
    top: 0.44rem;
    left: 0.34rem;
  }

  .home-showcase-slogan {
    left: auto;
    right: 0.18rem;
    bottom: -0.22rem;
    font-size: 0.48rem;
  }

  .home-news {
    padding: 0.76rem 0 0.86rem;
  }

  .home-footer {
    padding: 0.62rem 0 0.32rem;
  }

  .home-footer .ys-cont1600 {
    display: block;
  }

  .home-footer-main,
  .home-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-footer-main>*+*,
  .home-footer-bottom>*+* {
    margin-left: 0;
    margin-top: 0.3rem;
  }

  .home-footer-nav {
    width: 100%;
  }

  /* .home-footer-nav > li:nth-child(n + 4) {
    margin-top: 0;
  }
  .home-footer-nav > li {
    flex-basis: 100%;
    padding-right: 0;
  } */
  .home-footer-nav>li>.std-text16,
  .home-main .home-footer-nav>li>a {
    margin-bottom: 0;
    color: #fff;
  }

  .home-footer-nav li li .std-text14,
  .home-main .home-footer-nav li li a {
    color: rgba(255, 255, 255, 0.64);
  }

  .home-footer-subscribe {
    flex-basis: auto;
    width: 100%;
  }

  .home-footer .footer-text-copy,
  .home-main .home-footer .footer-text p {
    flex-direction: column;
  }

  .home-footer .footer-text-copy>*+*,
  .home-main .home-footer .footer-text p>*+* {
    margin-left: 0;
    margin-top: 0.06rem;
  }

  /* 首页 - end */

  /* Outboard Engine Overview - start */
  .outboard-main .home-header .ys-hd-pc {
    display: none;
  }

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

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

  .outboard-bread {
    top: 0.76rem;
    left: 0.34rem;
    right: 0.34rem;
    flex-wrap: wrap;
  }

  .outboard-hero-copy {
    top: 1.7rem;
    width: calc(100% - 0.68rem);
  }

  .outboard-hero-title {
    width: 59%;
    font-size: var(--font44);
  }

  .outboard-types {
    padding: 0.78rem 0 0.9rem;
  }

  .outboard-type-item::after {
    margin-top: auto;
  }

  .outboard-type-img {
    margin-bottom: 0.24rem;
  }

  .outboard-type-copy .std-font36 {
    margin-bottom: 0.2rem;
  }

  .outboard-type-copy {
    padding-right: 0;
    margin-bottom: 0.3rem;
  }

  .outboard-type-copy .std-font36 {
    font-size: var(--font30);
  }

  .outboard-type-item {
    width: 50%;
  }

  .outboard-engines .std-font42 {
    margin-bottom: 0.42rem;
    font-size: var(--font34);
  }

  .outboard-engine-item {
    width: 33.333333%;
    margin-left: 0;
    margin-top: 0;
  }

  .outboard-engines .outboard-engine-item:nth-child(n + 7) {
    display: none;
  }

  .outboard-engine-link {
    padding: 0.3rem 0.26rem 0.3rem;
  }

  .outboard-series .ys-cont1600 {
    padding-top: var(--space70);
    padding-bottom: var(--space70);
  }

  .outboard-series .std-font50 {
    margin-bottom: 0.38rem;
  }

  .outboard-series-item {
    width: 50%;
  }

  .outboard-showcase .home-showcase-slogan {
    left: auto;
    right: 0.2rem;
    bottom: -0.2rem;
    font-size: 0.72rem;
    transform: none;
  }

  .outboard-dealer {
    padding: 0.9rem 0.34rem 0.86rem;
  }

  .outboard-dealer .std-font42 {
    font-size: var(--font34);
  }

  .outboard-dealer .home-dealer-inof {
    flex-wrap: wrap;
  }

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

  .outboard-dealer-region-item:nth-child(2n) {
    margin-left: 0.34rem;
  }

  .outboard-dealer-region-item:nth-child(n + 3) {
    margin-top: 0.44rem;
  }

  .outboard-dealer-region-item {
    width: calc(50% - 0.17rem);
  }

  .outboard-dealer .home-dealer-img {
    width: 1.48rem;
  }

  /* Outboard Engine Overview - end */

  /* FourStroke Products - start */
  .fs-main .home-header .ys-hd-pc {
    display: none;
  }

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

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

  .fs-bread {
    top: 0.76rem;
    left: 0.34rem;
    right: 0.34rem;
    flex-wrap: wrap;
  }

  .fs-hero-title {
    right: 0.34rem;
    bottom: -0.22rem;
    font-size: 0.72rem;
  }

  .fs-filter .std-font26 {
    margin-bottom: 0.28rem;
    font-size: var(--font30);
  }

  .fs-filter-inof {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .fs-filter-inof {
    margin-bottom: -0.18rem;
  }

  .fs-product-intro {
    width: 100%;
  }

  .fs-product-intro {
    margin-bottom: 0.42rem;
  }

  .fs-product-inof {
    --gap1: 0.12rem;
    --gap2: 0.24rem;
  }

  .fs-product-item {
    width: 50%;
  }

  .fs-product-link {
    padding: 0.34rem 0.28rem 0.3rem;
  }

  .fs-product-arrow {
    right: 0.28rem;
    bottom: 0.3rem;
  }

  .fs-page {
    margin-top: 0.44rem;
  }

  .fs-actions-title {
    margin-bottom: 0.4rem;
    font-size: var(--font36);
  }

  .fs-action-inof {
    --gap1: 0.12rem;
    --gap2: 0.24rem;
  }

  .fs-action-link {
    padding-top: 0.3rem;
  }

  /* FourStroke Products - end */

  /* Parts List - start */
  .parts-main .home-header .ys-hd-pc {
    display: none;
  }

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

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

  .parts-bread {
    top: 0.76rem;
    left: 0.34rem;
    right: 0.34rem;
    flex-wrap: wrap;
  }

  .parts-hero-copy {
    left: 0.34rem;
    bottom: 0.72rem;
  }

  .parts-hero-title {
    font-size: var(--font52);
  }

  .parts-products {
    padding: 0.76rem 0 0.74rem;
  }

  .parts-filter {
    flex: none;
    width: 100%;
  }

  .parts-filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.28rem;
  }

  .parts-filter-head>*+* {
    margin-left: 0.24rem;
  }

  .parts-filter-head .std-font26 {
    margin-bottom: 0;
    font-size: var(--font30);
  }

  .parts-filter-toggle {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 48%;
    min-width: 0;
    padding: 0.1rem 0.38rem 0.1rem 0.16rem;
    overflow: hidden;
    font-family: var(--seimibold);
    line-height: 1.35;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f5f5f5;
    border-radius: 0.1rem;
    cursor: pointer;
  }

  .parts-filter-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.16rem;
    width: 0.08rem;
    height: 0.08rem;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(-68%) rotate(135deg);
    transition: var(--transition);
  }

  .parts-filter.is-open .parts-filter-toggle::after {
    transform: translateY(-32%) rotate(-45deg);
  }

  .parts-filter-panel {
    display: none;
    margin-top: 0.28rem;
    padding: 0.02rem 0.22rem;
    background: #f7f7f7;
    border-radius: 0.12rem;
  }

  .parts-filter.is-open .parts-filter-panel {
    display: block;
  }

  .parts-filter-group {
    padding: 0.24rem 0;
  }

  .parts-filter-group-hd .std-text20 {
    font-size: var(--font18);
  }

  .parts-filter-inof {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .parts-filter-inof {
    margin-bottom: -0.18rem;
  }

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

  .parts-filter-item {
    margin-right: 0.34rem;
    margin-bottom: 0.18rem;
  }

  .parts-product-inof {
    --gap1: 0.12rem;
    --gap2: 0.24rem;
  }

  .parts-product-item {
    width: 50%;
  }

  .parts-product-link {
    padding: 0.34rem 0.28rem 0.3rem;
  }

  .parts-product-arrow {
    right: 0.28rem;
    bottom: 0.3rem;
  }

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

  /* Parts List - end */

  /* Find a dealer - start */
  .dealer-main .home-header .ys-hd-pc {
    display: none;
  }

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

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

  .dealer-hero-media img {
    object-position: center center;
  }

  .dealer-bread {
    top: 0.76rem;
    left: 0.34rem;
    right: 0.34rem;
    flex-wrap: wrap;
  }

  .dealer-hero-copy {
    top: auto;
    left: 0.34rem;
    right: 0.34rem;
    bottom: 0.62rem;
  }

  .dealer-hero-title {
    font-size: var(--font40);
    line-height: 1.35;
  }

  .dealer-section {
    padding: 0.68rem 0 0.86rem;
  }

  .dealer-filter {
    flex-direction: column;
    margin-bottom: 0.4rem;
  }

  .dealer-filter>*+* {
    margin-top: 0.22rem;
  }

  .dealer-filter-search {
    order: 1;
    flex: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0.4rem;
  }

  .dealer-filter-select {
    order: 2;
    flex: none;
    width: 100%;
    margin-top: 0;
  }

  .dealer-filter-select-hd {
    padding: 0.12rem 0.18rem;
    background: #f7f7f7;
    border-color: #d9d9d9;
  }

  .dealer-filter-count {
    order: 3;
    margin-top: 0.04rem;
  }

  .dealer-card-inof {
    margin-top: 0.38rem;
  }

  .dealer-card {
    padding: 0.3rem 0.34rem;
  }

  /* Find a dealer - end */

  /* PARSUN - start */
  .parsun-main .home-header .ys-hd-pc {
    display: none;
  }

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

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

  .parsun-hero-media img {
    object-position: center center;
  }

  .parsun-bread {
    top: 0.76rem;
    left: 0.34rem;
    right: 0.34rem;
    flex-wrap: wrap;
  }

  .parsun-hero-info {
    padding: 0.54rem 0 0.7rem;
  }

  .parsun-since .std-font86 {
    padding-bottom: 0.06rem;
    font-size: 0.42rem;
  }

  .parsun-hero-line {
    margin-top: 0.22rem;
  }

  .parsun-hero-body {
    margin-top: 0.38rem;
  }

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

  .parsun-hero-points {
    width: calc(100% - 0.72rem);
  }

  .parsun-hero-points .std-text20 {
    margin-bottom: 0.16rem;
    font-size: var(--font14);
  }

  .parsun-presence .std-font36 {
    position: static;
    margin-bottom: 0.28rem;
    font-size: var(--font30);
  }

  .parsun-presence-visual {
    padding-top: 0;
  }

  .parsun-map-label {
    font-size: var(--font12);
  }

  .parsun-presence-legend {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.8rem;
    bottom: auto;
  }

  .parsun-presence-legend {
    margin-bottom: -0.16rem;
  }

  .parsun-presence-legend-item {
    margin-right: 0.28rem;
    margin-bottom: 0.16rem;
  }

  .parsun-presence-legend-item {
    width: calc(50% - 0.14rem);
    margin-bottom: 0;
    font-size: var(--font12);
  }

  .parsun-history-inof {
    margin-top: 0.52rem;
  }

  .parsun-history-item {
    width: 31%;
    padding-left: 0.18rem;
  }

  .parsun-history-inof .std-font72 {
    font-size: var(--font44);
  }

  .parsun-history-inof .std-text16 {
    font-size: var(--font12);
  }

  .parsun-tech {
    padding: 0.72rem 0 0.78rem;
  }

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

  .parsun-tech-select {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.14rem 0.46rem 0.14rem 0.18rem;
    font-family: var(--seimibold);
    font-size: var(--font16);
    line-height: 1.35;
    color: #000;
    background: #f7f7f7;
    border: 1px solid #d9d9d9;
    border-radius: 0.1rem;
    cursor: pointer;
  }

  .parsun-tech-select-icon {
    position: absolute;
    top: 50%;
    right: 0.18rem;
    width: 0.09rem;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-70%) rotate(45deg);
    transition: var(--transition);
  }

  .parsun-tech-copy.is-open .parsun-tech-select-icon {
    transform: translateY(-30%) rotate(-135deg);
  }

  .parsun-tech-inof {
    display: none;
    margin-top: 0.22rem;
  }

  .parsun-tech-copy.is-open .parsun-tech-inof {
    display: block;
  }

  .parsun-tech-hd {
    padding: 0.18rem 0;
  }

  .parsun-tech-hd .std-font20 {
    font-size: var(--font16);
  }

  .parsun-tech-bd .std-text16,
  .parsun-tech-bd .std-text14 {
    font-size: var(--font14);
  }

  .parsun-experience {
    padding: 0.72rem 0 0.82rem;
  }

  .parsun-experience-head {
    margin-bottom: 0.34rem;
  }

  .parsun-experience-arrows {
    display: none;
  }

  .parsun-experience-item .std-font20 {
    font-size: var(--font18);
  }

  .parsun-experience-item .std-text16 {
    font-size: var(--font14);
  }

  .parsun-quality {
    padding: 0.76rem 0 0.86rem;
  }

  .parsun-quality-copy {
    margin-left: 0;
    padding-top: 0;
  }

  .parsun-quality-mark {
    top: -0.24rem;
    right: 0;
    font-size: 0.78rem;
  }

  .parsun-quality .std-font36 {
    margin-bottom: 0.38rem;
  }

  .parsun-quality-item {
    padding: 0.24rem 0;
  }

  .parsun-quality-icon {
    flex-basis: 0.58rem;
    width: 0.58rem;
  }

  .parsun-quality-inof .std-text20 {
    font-size: var(--font14);
  }

  /* PARSUN - end */

  /* Contact Us - start */
  .contact-main .home-header .ys-hd-pc {
    display: none;
  }

  .contact-cont {
    display: block;
    min-height: auto;
    padding-top: var(--headh);
  }

  .contact-media-pc {
    display: none;
  }

  .contact-media-ph {
    display: block;
  }

  .contact-bread {
    margin: 0;
    flex-wrap: wrap;
  }

  .contact-info-card {
    width: 100%;
    margin: 0.58rem 0 0;
    padding: 0.44rem 0.38rem;
  }

  .contact-right {
    padding: 0.68rem 0.34rem 0.86rem;
  }

  .contact-form-panel {
    width: 100%;
    max-width: none;
  }

  .contact-form-head {
    margin-bottom: 0.34rem;
  }

  .contact-form-head .std-font44 {
    font-size: var(--font36);
  }

  .contact-form-desc,
  .contact-form-desc .std-text18 {
    font-size: var(--font16);
  }

  .contact-form .ys-fic-auth {
    width: 66%;
  }

  /* Contact Us - end */

  /* Product Detail - start */
  .product-detail-main .home-header .ys-hd-pc {
    display: none;
  }

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

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

  .product-detail-bread {
    top: 0.76rem;
    left: 0.34rem;
    right: 0.34rem;
    flex-wrap: wrap;
  }

  .product-detail-stats {
    left: 0.34rem;
    right: 0.34rem;
    bottom: 0.34rem;
    width: auto;
    flex-wrap: wrap;
    transform: none;
  }

  .product-detail-engine {
    padding: 0.78rem 0 0.72rem;
  }

  .product-detail-engine-word {
    top: 0.3rem;
    left: 0.1rem;
    font-size: 0.82rem;
  }

  .product-detail-engine-img {
    width: min(4rem, 70%);
  }

  .product-detail-thumb-inof {
    position: static;
    justify-content: center;
    margin-top: 0.22rem;
  }

  .product-detail-engine-copy {
    padding-top: 0;
  }

  .product-detail-anchor {
    top: var(--headh);
  }

  .product-detail-anchor-core {
    width: calc(100% - 0.68rem);
    min-height: 0.64rem;
    overflow-x: auto;
  }

  .product-detail-anchor-core>*+* {
    margin-left: 0.28rem;
  }

  .product-detail-anchor-inof {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .product-detail-anchor-inof>*+* {
    margin-left: 0.3rem;
  }

  .product-detail-section-head {
    margin-bottom: 0.34rem;
  }

  .product-detail-features,
  .product-detail-spec,
  .product-detail-accessories,
  .product-detail-related {
    padding: 0.72rem 0 0.78rem;
  }

  .product-detail-performance {
    flex-direction: column;
  }

  .product-detail-showcase .home-showcase-slogan {
    left: auto;
    right: 0.2rem;
    bottom: -0.2rem;
    font-size: 0.72rem;
    transform: none;
  }

  .product-detail-modal {
    padding: 0.72rem 0.34rem;
  }

  .product-detail-modal-wrap {
    width: 100%;
    padding: 0.42rem;
  }

  .product-detail-modal-media {
    flex-basis: 4.4rem;
    margin-right: 0.42rem;
  }

  .product-detail-modal-scroll {
    max-height: calc(100vh - 2.4rem);
  }

  /* Product Detail - end */

  /* Trolling Detail - start */
  .trolling-detail-table-wrap {
    max-height: none;
    overflow-y: visible;
  }

  .trolling-detail-love-item:not(:first-child) {
    display: none;
  }

  .trolling-detail-love-item {
    width: 50%;
  }

  /* .trolling-detail-love-panel {
    left: 0;
    right: auto;
    width: 100%;
    padding: 0.28rem;
  } */
  .trolling-detail-love-title {
    display: block;
  }

  .trolling-detail-gallery-section {
    padding-bottom: 0.66rem;
  }

  /* .trolling-detail-gallery-grid {
    display: block;
  } */
  /* .trolling-detail-gallery-left,
  .trolling-detail-gallery-right {
    width: 100%;
  } */
  .trolling-detail-gallery-sm {
    width: calc(50% - 0.08rem);
  }

  .trolling-detail-gallery-wide,
  .trolling-detail-gallery-tall {
    width: 100%;
  }

  .trolling-detail-series-core {
    padding: 0.54rem 0;
  }

  .trolling-detail-series-mark {
    flex-basis: 18%;
    font-size: 1.1rem;
  }

  .trolling-detail-series-inof a {
    min-width: 2.64rem;
  }

  /* Trolling Detail - end */
  /* kaffi-start */
  .ys-phnav-menubtn span {
    width: 12px;
  }

  .ys-phnav-menubtn::before {
    margin-top: -2px;
    width: 16px;
  }

  .ys-phnav-menubtn::after {
    margin-top: 6px;
    width: 16px;
  }

  .ys-phnav-menubtn.on::before {
    top: 50%;
  }

  .hpib-le-bg span {
    padding-left: 2.6rem;
  }

  .hpib-le-bg {
    font-size: 1rem;
  }

  .hpib-le {
    width: 53%;
  }

  .home-mission-box-text {
    position: relative;
  }

  .home-mission-img {
    margin-top: calc(-1 * (var(--height) / 3));
  }

  .home-mission-nub {
    top: 30%;
  }

  .mod-power {
    font-size: var(--font120);
  }

  .home-nav-footer {
    display: flex;
  }

  .home-footer-nav {
    display: none;
  }

  .footer-nav>li>a {
    color: var(--colorfff);
    font-size: 14px;
  }

  .footer-nav>li::before,
  .footer-nav>li::after {
    background: var(--colorfff);
    width: 12px;
    top: calc(0.875em + 12px);
  }

  .footer-nav ul a {
    font-size: 12px;
    color: var(--colorfff);
  }

  .footer-nav ul {
    margin-top: 12px;
  }

  .ys-footer-box-le {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .footer-nav {
    width: auto;
  }

  .ys-footer-box-ri {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

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

  .home-footer {
    background: #0c0d0d;
  }

  .home-footer-follow {
    display: flex;
    width: 100%;
    margin-bottom: 0.3rem;
  }

  .home-footer-follow .std-text18 {
    width: auto;
    margin-bottom: 0;
    padding-right: 0.2rem;
  }

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

  .yfbr-bot {
    width: 100%;
  }

  .home-footer-subscribe-copy input {
    padding-right: 1.6rem;
  }

  .footer-text,
  .footer-text p,
  .footer-text span,
  .footer-text a {
    color: rgba(108, 116, 122, 0.5);
  }

  .ys-footer-bg {
    width: 100%;
  }

  .outboard-engines {
    padding-bottom: var(--space70);
  }

  .outboard-engine-img {
    margin-bottom: 0.36rem;
  }

  .fs-products .outboard-engine-item {
    width: 50%;
  }

  .fs-filter {
    width: 31%;
  }

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

  .pc-fenye li {
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 3px;
  }

  .product-detail-main .ys-nyban-img img {
    height: calc(100vh - var(--headh));
  }

  .product-detail-stat-item {
    padding: 0 0.2rem;
  }

  .product-detail-stats {
    margin: 0 -0.2rem;
  }

  .product-detail-stat-item .std-font20,
  .product-detail-stat-item .std-font20 p {
    font-size: var(--font16);
  }

  .product-detail-engine-copy {
    width: 50%;
  }

  .pdec-le-cont-wrap {
    width: 45%;
  }

  .pdec-ri-top {
    margin-bottom: 0.7rem;
  }

  .product-detail-performance-info .ys-cont1360 {
    position: relative;
    top: auto;
    transform: none;
    left: auto;
  }

  .product-detail-performance-info {
    width: 100%;
  }

  .product-detail-performance-le {
    position: absolute;
    left: 0;
    height: 100%;
  }

  .product-detail-performance-le img {
    height: 100%;
    object-fit: cover;
  }

  .product-detail-performance-le .pdpl-cont,
  .product-detail-performance-le .slick-list,
  .product-detail-performance-le .slick-track {
    height: 100%;
  }

  .pdpi-wrap {
    padding: var(--space70) 0;
    margin-bottom: 0;
  }

  .pdai-box {
    padding: 0.3rem;
    padding-right: 0.3rem;
  }

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

  /* .fs-products .outboard-engine-item {
    width: 33.333333%;
  } */

  .dealer-card-item {
    width: 33.333333%;
  }

  .dealer-filter-select .ys-select-hd {
    height: 38px;
  }

  .dealer-section .fs-search-input input {
    height: 38px;
  }

  .parsun-since-box-ri {
    width: 62%;
  }

  .parsun-quality-core .std-font42 {
    width: 58%;
  }

  .parsun-quality-copy {
    width: 53%;
  }

  .parsun-quality-inof .std-font20 {
    padding-left: 0.4rem;
  }

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

  .contact-right .ys-form-inof-item2 {
    width: 100%;
  }

  .contact-right .ys-form {
    --height: 38px;
  }

  .contact-right .ys-form-inof-item.ys-form-inof-submit .mod-btn-link {
    height: 38px;
    line-height: 38px;
  }

  .trolling-main .ys-nyban-img::after {
    width: 88%;
  }

  .trolling-banner-box {
    width: 52%;
  }

  .trolling-banner-bg {
    font-size: 1.2rem;
  }

  .trolling-banner-bg span {
    top: 0.7rem;
  }

  .trolling-love-head {
    width: 42%;
    padding-top: 0.1rem;
  }

  .trolling-scene-kicker {
    padding-right: 2rem;
  }

  .trolling-scene-word-text,
  .trolling-scene-word-text span {
    font-size: 1.2rem;
  }

  .trolling-detail-thumb.slick-slide {
    margin-bottom: 6px;
  }

  .trolling-detail-gallery {
    width: 45.5%;
  }

  .trolling-detail-thumbs {
    width: 13%;
  }

  .trolling-detail-inquiry .std-btn-link {
    padding: 0.15rem 0.2rem;
  }

  .trolling-detail-love-inof .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 0.12rem;
  }

  .trolling-detail-love-inof .slick-dots li {
    width: 6px;
    height: 6px;
  }

  .trolling-detail-love-inof {
    display: block;
  }

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

  .fs-main .fs-products .outboard-engine-item {
    width: 50%;
  }

  .fs-main .mod-power {
    font-size: 42px;
  }

  .plcs-box {

    width: 100%;
  }
    .parsun-history-wave {
        margin-top: -2rem;
    }
    .parsun-history-wrap .swiper-pagination{
        position: relative;
        bottom: auto;
        margin-top:0.45rem;
    }
        .contact-right {
        width: 53%;
    }
  /* kaffi-end */
  /* 1199end */
}

@media screen and (max-width: 767px) {

  .ys-ban-pc,
  .ys-nyban-pc {
    display: none !important;
  }

  .ys-ban-video {
    display: none !important;
  }

  .ys-ban-ph,
  .ys-nyban-ph {
    display: block !important;
  }

  .ys-table-swipe {
    display: flex;
  }

  .ys-modal-content {
    max-height: 550px;
    padding: 50px 20px;
  }

  html {
    font-size: 56px;
  }

  :root {
    /* 字号82-100 0.60rem 34px */
    --fontr1: 0.6rem;
    /* 字号72-80 0.57rem 32px */
    --fontr2: 0.57rem;
    /* 字号62-70 0.54rem 30px */
    --fontr3: 0.54rem;
    /* 字号52-60 0.50rem 28px */
    --fontr4: 0.5rem;
    /* 下 */
    --font36: 0.38rem;
    --font34: 0.36rem;
    --font32: 0.36rem;
    --font30: 0.34rem;
    --font28: 0.34rem;
    --font26: 0.32rem;
    --font24: 0.3rem;
    --font22: 0.28rem;
    --font20: 0.26rem;
    --font18: 0.26rem;
    --font16: 0.25rem;
    --font14: 0.24rem;
    --font12: 0.18rem;
    /* 间距 */
    --space250: 1rem;
    --space240: 0.99rem;
    --space230: 0.97rem;
    --space220: 0.95rem;
    --space210: 0.93rem;
    --space200: 0.91rem;
    --space190: 0.89rem;
    --space180: 0.87rem;
    --space170: 0.85rem;
    --space160: 0.83rem;
    --space150: 0.81rem;
    --space140: 0.79rem;
    --space130: 0.77rem;
    --space120: 0.75rem;
    --space110: 0.73rem;
    --space100: 0.71rem;
    --space90: 0.69rem;
    --space80: 0.67rem;
    --space70: 0.65rem;
    --space60: 0.6rem;
  }

  /* 首页 - start */
  .home-hero {
    height: 155vh;
  }

  .home-hero-image .home-hero-pc {
    display: none;
  }

  .home-hero-image .home-hero-ph {
    display: block;
  }

  .home-hero-copy {
    bottom: 0.58rem;
  }

  .home-hero-title {
    font-size: 0.4rem;
  }

  .home-hero-eyebrow {
    font-size: 0.18rem;
  }

  .home-hero-slider .slick-dots {
    left: 0.28rem;
    right: auto;
  }

  .home-product-img {
    order: 1;
    width: 72%;
    max-width: 3.7rem;
    margin: 0 auto;
  }

  .home-product-bgword {
    top: 1rem;
    font-size: 0.58rem;
    transform: none;
  }

  .home-product-bgword em {
    margin-left: 0;
    text-align: left;
  }

  .home-product-copy {
    width: 100%;
    flex-basis: auto;
  }

  .home-product-copy h2 {
    font-size: 0.22rem;
  }

  .home-product-btns {
    margin-bottom: 0.22rem;
  }

  .std-btn-link {
    min-height: 0.3rem;
    font-size: 0.14rem;
  }

  .home-product-points li {
    font-size: 0.14rem;
  }

  .home-lineup-head {
    min-height: 1.38rem;
    padding: 0.34rem 0.28rem;
  }

  .home-lineup-copy p {
    font-size: 0.14rem;
  }

  .home-lineup-bar {
    min-height: 0.72rem;
  }

  /* .home-lineup-more span {
    display: none;
  } */

  .home-lineup-visual {
    height: 2.3rem;
  }

  .home-mission-bg {
    font-size: 0.55rem;
  }

  .home-number-inof {
    flex-wrap: wrap;
    align-content: center;
  }

  .home-number-inof strong {
    font-size: 0.42rem;
  }

  .home-dealer-inof {
    flex-wrap: wrap;
  }

  .home-dealer-inof>*+* {
    margin-left: 0;
  }

  .home-dealer-inof li:nth-child(2n) {
    margin-left: 0.18rem;
  }

  .home-dealer-inof li:nth-child(n + 3) {
    margin-top: 0.28rem;
  }

  .outboard-dealer-region-item:nth-child(2n) {
    margin-left: 0.34rem;
  }

  .outboard-dealer-region-item:nth-child(n + 3) {
    margin-top: 0.44rem;
  }

  .home-dealer-inof li {
    width: calc(50% - 0.09rem);
  }

  .home-showcase-img {
    min-height: 3.8rem;
  }

  .home-showcase-slogan {
    right: auto;
    left: 0.18rem;
    bottom: -0.18rem;
    font-size: 0.36rem;
  }

  .home-news-head {
    margin-bottom: 0.24rem;
  }

  .home-news-arrows {
    display: none;
  }

  .home-news-item h3 {
    min-height: auto;
  }

  .home-footer-logo {
    width: 1.08rem;
  }

  .home-footer-links {
    flex-wrap: wrap;
  }

  .home-footer-mark {
    left: 0.18rem;
    width: 2.2rem;
  }

  .home-footer-follow {
    flex-wrap: wrap;
  }

  /* 首页 - end */

  /* Outboard Engine Overview - start */
  .outboard-hero-copy {
    top: 1.46rem;
  }

  .outboard-hero-eyebrow {
    margin-bottom: 0.14rem;
    font-size: var(--font18);
  }

  .outboard-bread {
    left: 0.28rem;
    right: 0.28rem;
  }

  .outboard-bread .std-text16 {
    font-size: var(--font14);
  }

  .outboard-type-img {
    margin-bottom: 0.26rem;
  }

  .outboard-type-copy .std-font36 {
    font-size: var(--font26);
  }

  .outboard-type-text,
  .outboard-type-text .std-text18 {
    font-size: var(--font14);
  }

  .outboard-engine-copy .std-font20 {
    font-size: var(--font16);
  }

  .outboard-engine-copy .std-text16 {
    font-size: var(--font14);
  }

  .outboard-series-link {
    padding: 0.28rem 0.3rem;
  }

  .outboard-series-link .std-font24 {
    font-size: var(--font18);
  }

  .outboard-showcase .home-showcase-copy .std-font42,
  .outboard-dealer .std-font42 {
    font-size: var(--font26);
  }

  .outboard-showcase .home-showcase-tag {
    font-size: var(--font14);
  }

  .outboard-showcase .home-showcase-slogan {
    right: auto;
    left: 0.18rem;
    bottom: -0.16rem;
    font-size: 0.36rem;
  }

  .outboard-dealer .home-dealer-text .std-text18,
  .outboard-dealer .home-dealer-inof .std-text20 {
    font-size: var(--font14);
  }

  .outboard-dealer .home-dealer-img {
    width: 1.12rem;
  }

  /* Outboard Engine Overview - end */

  /* FourStroke Products - start */
  .fs-hero-title {
    right: 0.24rem;
    bottom: -0.16rem;
    font-size: 0.36rem;
  }

  .fs-bread {
    left: 0.28rem;
    right: 0.28rem;
  }

  .fs-bread .std-text16 {
    font-size: var(--font14);
  }

  .fs-filter-item .std-text18,
  .fs-product-intro,
  .fs-product-intro .std-text16 {
    font-size: var(--font14);
  }

  .fs-product-copy .std-font20 {
    font-size: var(--font16);
  }

  .fs-product-copy .std-text16 {
    font-size: var(--font14);
  }

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

  .fs-actions-title {
    font-size: var(--font26);
  }

  .fs-actions-title img {
    width: 1.16rem;
  }

  .fs-action-copy .std-text18 {
    font-size: var(--font16);
  }

  .fs-action-copy .std-text16 {
    font-size: var(--font14);
  }

  /* FourStroke Products - end */

  /* Parts List - start */
  .parts-hero-title {
    font-size: var(--font40);
  }

  .parts-bread {
    left: 0.28rem;
    right: 0.28rem;
  }

  .parts-bread .std-text16 {
    font-size: var(--font14);
  }

  .parts-filter-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .parts-filter-head>*+* {
    margin-left: 0;
    margin-top: 0.18rem;
  }

  .parts-filter-toggle {
    flex-basis: auto;
    width: 100%;
  }

  .parts-filter-search {
    padding: 0.08rem 0.14rem;
  }

  .parts-filter-item .std-text18 {
    font-size: var(--font14);
  }

  .parts-product-item {
    width: 100%;
  }

  .parts-product-copy .std-font20 {
    font-size: var(--font16);
  }

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

  /* Parts List - end */

  /* Find a dealer - start */
  .dealer-bread {
    left: 0.28rem;
    right: 0.28rem;
  }

  .dealer-bread .std-text16 {
    font-size: var(--font14);
  }

  .dealer-hero-copy {
    left: 0.28rem;
    right: 0.28rem;
    bottom: 0.54rem;
  }

  .dealer-hero-title {
    font-size: var(--font34);
  }

  .dealer-filter-value,
  .dealer-filter-option,
  .dealer-filter-search input,
  .dealer-filter-count {
    font-size: var(--font14);
  }

  .dealer-card-country {
    font-size: var(--font14);
  }

  /* Find a dealer - end */

  /* PARSUN - start */
  .parsun-bread {
    left: 0.28rem;
    right: 0.28rem;
  }

  .parsun-bread .std-text16 {
    font-size: var(--font14);
  }

  .parsun-since {
    flex-wrap: wrap;
  }

  .parsun-since>*+* {
    margin-left: 0.14rem;
  }

  .parsun-since .std-font86 {
    font-size: 0.32rem;
  }

  .parsun-hero-body {
    flex-direction: column;
  }

  .parsun-hero-body>*+* {
    margin-left: 0;
    margin-top: 0.22rem;
  }

  .parsun-hero-arrow {
    width: 0.42rem;
    margin-left: 0;
  }

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

  .parsun-map-label-top {
    right: 8%;
    top: 37%;
  }

  .parsun-map-label-bottom {
    right: 5%;
    top: 58%;
  }

  .parsun-presence-legend {
    display: block;
  }

  .parsun-presence-legend-item {
    width: 100%;
    margin-bottom: 0.12rem;
  }

  .parsun-history-item {
    width: 100%;
    padding-left: 0.2rem;
  }

  .parsun-history-item::before {
    top: 0.1rem;
    height: 0.76rem;
  }

  .parsun-history-inof .std-font72 {
    font-size: 0.42rem;
  }

  .parsun-tech-select {
    padding: 0.12rem 0.42rem 0.12rem 0.16rem;
  }

  .parsun-experience-img {
    margin-bottom: 0.22rem;
  }

  /* PARSUN - end */

  /* Contact Us - start */
  .contact-left {
    padding: 0.76rem 0.28rem 0.62rem;
  }

  .contact-bread .std-text16 {
    font-size: var(--font14);
  }

  .contact-info-card {
    padding: 0.36rem 0.3rem;
  }

  .contact-info-item:not(:last-child) {
    padding-bottom: 0.24rem;
    margin-bottom: 0.24rem;
  }

  .contact-info-inof .std-text20,
  .contact-info-value {
    font-size: var(--font16);
  }

  .contact-right {
    padding: 0.58rem 0.28rem 0.74rem;
  }

  .contact-form-head .std-font44 {
    font-size: var(--font30);
  }

  .contact-form-half {
    width: 100%;
  }

  .contact-form-inof {
    margin: 0 0 -0.14rem;
  }

  .contact-form-field {
    padding: 0;
    margin-bottom: 0.14rem;
  }

  .contact-form .ys-fii-input,
  .contact-form .ys-select-hd {
    min-height: 0.48rem;
  }

  .contact-form :where(input, textarea),
  .contact-form .ys-select-li {
    font-size: var(--font14);
  }

  .contact-form textarea {
    min-height: 1.18rem;
  }

  .contact-form .ys-fic-auth {
    width: 100%;
  }

  .contact-form .ys-fic-auth>*+* {
    margin-left: 0.12rem;
  }

  .contact-form .ys-fic-auth-img {
    flex-basis: 1.2rem;
  }

  .contact-form .ys-fic-auth-img .std-font30 {
    font-size: var(--font24);
  }

  .contact-form .ys-fia-text-word {
    font-size: var(--font12);
  }

  .contact-form-submit {
    padding-top: 0.2rem;
  }

  .contact-form .ys-fii-submit {
    min-height: 0.44rem;
    padding: 0.1rem 0.52rem;
    font-size: var(--font14);
  }

  /* Contact Us - end */

  /* Product Detail - start */
  .product-detail-bread {
    left: 0.28rem;
    right: 0.28rem;
  }

  .product-detail-bread .std-text16 {
    font-size: var(--font14);
  }

  .product-detail-stats {
    left: 0.28rem;
    right: 0.28rem;
  }

  .product-detail-stats .std-font42 {
    font-size: 0.34rem;
  }

  .product-detail-stats .std-text16 {
    font-size: var(--font14);
  }

  .product-detail-engine-word {
    font-size: 0.52rem;
  }

  .product-detail-engine-word em {
    padding-left: 0.52rem;
    margin-top: -0.1rem;
  }

  .product-detail-engine-img {
    width: min(3.2rem, 80%);
  }

  .product-detail-thumb-item {
    width: 0.62rem;
  }

  .product-detail-engine-copy .std-font36 {
    font-size: var(--font26);
  }

  .product-detail-section-head .std-font42,
  .product-detail-performance-info .std-font42 {
    font-size: var(--font30);
  }

  .product-detail-engine-text,
  .product-detail-engine-text .std-text16,
  .product-detail-performance-text,
  .product-detail-performance-text .std-text16 {
    font-size: var(--font14);
  }

  .product-detail-anchor-core {
    min-height: 0.58rem;
  }

  .product-detail-anchor-inof>*+* {
    margin-left: 0.22rem;
  }

  .product-detail-anchor-inof .std-text16,
  .product-detail-anchor-dealer {
    font-size: var(--font14);
  }

  .product-detail-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .product-detail-section-head>*+* {
    margin-left: 0;
    margin-top: 0.2rem;
  }

  .product-detail-feature-slick,
  .product-detail-related-slick {
    margin: 0;
  }

  .product-detail-feature-copy .std-font20,
  .product-detail-access-copy .std-text18,
  .product-detail-access-copy .std-font20,
  .product-detail-related-copy .std-font20 {
    font-size: var(--font18);
  }

  .product-detail-performance-meta .std-font36 {
    font-size: var(--font26);
  }

  .product-detail-table {
    min-width: 9.2rem;
  }

  .product-detail-table th,
  .product-detail-table td {
    padding: 0.14rem 0.12rem;
  }

  .product-detail-access-item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .product-detail-access-item:nth-child(2n) {
    margin-left: 0;
  }

  .product-detail-access-item:nth-child(n + 2) {
    margin-top: 0.24rem;
  }

  .product-detail-related-link {
    padding: 0.34rem 0.28rem 0.3rem;
  }

  .product-detail-related-arrow {
    right: 0.28rem;
    bottom: 0.3rem;
  }

  .product-detail-showcase .home-showcase-slogan {
    right: auto;
    left: 0.18rem;
    bottom: -0.16rem;
    font-size: 0.36rem;
  }

  .product-detail-modal {
    padding: 0.68rem 0.18rem 0.24rem;
  }

  .product-detail-modal-wrap {
    max-height: calc(100vh - 0.92rem);
    flex-direction: column;
    padding: 0.32rem 0.24rem;
    overflow-y: auto;
  }

  .product-detail-modal-media {
    flex: none;
    width: 100%;
    margin: 0 0 0.3rem;
  }

  .product-detail-modal-content {
    padding-top: 0;
  }

  .product-detail-modal-scroll {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }

  .product-detail-modal-rpm {
    overflow-x: auto;
  }

  .product-detail-modal-rpm table {
    min-width: 6.2rem;
  }

  /* Product Detail - end */

  /* Trolling Motor - start */
  .trolling-hero-media {
    aspect-ratio: 750 / 500;
  }

  .trolling-hero-media>img:first-child,
  .trolling-hero-media .trolling-hero-pc:nth-child(2) {
    display: none;
  }

  .trolling-hero-media .trolling-hero-ph {
    display: block;
  }

  .trolling-bread {
    top: 0.82rem;
  }

  .trolling-hero-core {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .trolling-hero-copy {
    width: 80%;
  }

  .trolling-hero-brand {
    width: 1.88rem;
    margin-bottom: 0.2rem;
    font-size: 0.28rem;
  }

  .trolling-hero-brand em {
    padding-left: 0.84rem;
    font-size: 0.1rem;
  }

  .trolling-hero-text,
  .trolling-hero-text p,
  .trolling-hero-text span {
    font-size: var(--font14);
  }

  .trolling-hero-title {
    margin-top: 0.22rem;
  }

  .trolling-hero-title span,
  .trolling-hero-outline {
    margin-left: 0.94rem;
    margin-bottom: -0.04rem;
    font-size: 0.46rem;
  }

  .trolling-hero-title h1 {
    font-size: 0.64rem;
  }

  .trolling-products {
    padding: 0.54rem 0 0.62rem;
  }

  .trolling-products .ys-cont1600 {
    width: 100vw;
    max-width: 100vw;
    padding: 0 0.2rem;
    overflow: hidden;
  }

  .trolling-filter-inof {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    margin-bottom: 0.28rem;
    padding-bottom: 0.04rem;
  }

  .trolling-filter-item a {
    flex: 0 0 auto;
    min-width: 1.24rem;
    padding: 0.08rem 0.14rem;
    font-size: var(--font12);
    white-space: nowrap;
  }

  .trolling-product-inof {
    gap: 0.12rem;
    margin: 0 0 -0.12rem;
  }

  .trolling-product-item {
    flex: 0 0 calc((100% - 0.12rem) / 2);
    width: calc((100% - 0.12rem) / 2);
    padding: 0;
    margin-bottom: 0.12rem;
  }

  .trolling-product-link {
    padding: 0.24rem 0.16rem 0.2rem;
  }

  .trolling-product-img {
    width: 74%;
    margin-bottom: 0.22rem;
  }

  .trolling-products-btn {
    margin-top: 0.24rem;
  }

  .trolling-product-name {
    font-size: var(--font16);
  }

  .trolling-product-sub {
    font-size: var(--font12);
  }

  .trolling-love {
    padding: 0.68rem 0 0.72rem;
  }

  .trolling-love-core {
    flex-direction: column;
  }

  .trolling-love-head,
  .trolling-love-inof {
    width: 100%;
  }

  .trolling-love-head {
    margin-bottom: 0.34rem;
  }

  .trolling-love-head h2 {
    font-size: var(--font26);
  }

  .trolling-love-inof {
    margin: 0;
  }

  .trolling-love-item,
  .trolling-love-item-wide {
    width: 100%;
    padding: 0;
    margin-bottom: 0.32rem;
  }

  .trolling-love-item-wide {
    padding-top: 0;
  }

  .trolling-love-item:last-child {
    margin-bottom: 0;
  }

  .trolling-scene-copy {
    right: 0.2rem;
    bottom: 0.18rem;
  }

  .trolling-scene-word {
    font-size: 0.6rem;
  }

  .trolling-scene-word span {
    font-size: 0.58rem;
  }

  .trolling-gallery {
    min-height: auto;
    padding: 0.7rem 0;
    background: #303030;
  }

  .trolling-gallery-sticky {
    position: relative;
    top: auto;
    min-height: auto;
    overflow: visible;
  }

  .trolling-gallery-track {
    display: block;
    min-width: 0;
    padding: 0 0.18rem;
    transform: none;
  }

  .trolling-gallery-intro {
    box-sizing: border-box;
    flex: 0 0 100%;
    order: -1;
    width: 100%;
    margin: 0 0 0.32rem;
    padding: 0 0.06rem;
  }

  .trolling-gallery-intro h2 {
    font-size: var(--font28);
  }

  .trolling-gallery-inof {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -0.06rem -0.18rem;
  }

  .trolling-gallery-item,
  .trolling-gallery-item:nth-child(2),
  .trolling-gallery-item:nth-child(3),
  .trolling-gallery-item:nth-child(5),
  .trolling-gallery-item:nth-child(6),
  .trolling-gallery-item:nth-child(8),
  .trolling-gallery-item:nth-child(10) {
    width: 50%;
    margin: 0 0 0.18rem;
    padding: 0 0.06rem;
  }

  .trolling-gallery-item:nth-child(4),
  .trolling-gallery-item:nth-child(7) {
    width: 100%;
  }

  .trolling-gallery-sm,
  .trolling-gallery-md,
  .trolling-gallery-lg,
  .trolling-gallery-tall {
    width: 100%;
  }

  /* Trolling Motor - end */

  /* Trolling Detail - start */
  .trolling-detail-thumbs {
    display: flex;
    flex-basis: auto;
    margin: 0 -0.04rem 0.12rem;
  }

  .trolling-detail-thumbs>*+* {
    margin-top: 0;
  }

  .trolling-detail-thumb {
    width: 20%;
    margin: 0 0.04rem;
    padding: 0.04rem;
  }

  .trolling-detail-photo {
    margin-left: 0;
  }

  .trolling-detail-photo-img {
    width: 86%;
  }

  .trolling-detail-product-band {
    font-size: var(--font12);
  }

  .trolling-detail-bread .std-text14,
  .trolling-detail-table,
  .trolling-detail-table .std-text14,
  .trolling-detail-summary,
  .trolling-detail-summary p {
    font-size: var(--font14);
  }

  .trolling-detail-info .std-font42 {
    font-size: var(--font30);
  }

  .trolling-detail-love-item {
    width: 100%;
  }

  .trolling-detail-love-panel .std-font26 {
    font-size: var(--font20);
  }

  .trolling-detail-gallery-grid {
    margin: 0 0 -0.12rem;
  }

  /* .trolling-detail-gallery-top {
    display: block;
    margin-bottom: 0;
  } */
  /* .trolling-detail-gallery-card {
    width: 100%;
  } */
  .trolling-detail-series-core {
    display: block;
    padding: 0.48rem 0;
  }

  .trolling-detail-series-mark {
    display: none;
  }

  .trolling-detail-series-inof a {
    min-width: 0;
    width: 100%;
    justify-content: center;
  }

  /* Trolling Detail - end */
  .mars-soonser-core-up {
    display: none;
  }

  .mars-soonser-core-left {
    display: none;
  }

  .mars-soonser-core-right {
    width: 100%;
  }

  .mars-soonser-core-down .mscl-name {
    position: relative;
    opacity: 1;
    pointer-events: all;
  }

  .mscr-box {
    width: 100%;
  }

  .mars-soonser-core-right {
    border-radius: 10px !important;
  }

  .mars-soonser-core-down .mars-soonser-core-right {
    overflow: visible !important;
  }

  .mars-soonser-core {
    border-radius: 16px !important;
  }

  .prodet-para .slick-arrow {
    display: none !important;
  }

  .mscr-box {
    flex-wrap: wrap;
  }

  .mscr-box .slick-dots {
    position: absolute;
    bottom: -30px;
  }

  .mars-soonser {
    padding-bottom: 30px;
  }

  .mars-soonser-ph {
    display: block !important;
  }

  .mscl-series-nub {
    display: block;
  }

  .mscl-series-nub .std-text2 {
    line-height: 1.5 !important;
  }

  .mscl-series-nub {
    height: auto !important;
    padding: 8px 0;
  }

  .mod-ph {
    display: flex;
  }

  .mod-pc {
    display: none;
  }

  /* kaffi-start */
  .hpib-le {
    width: 100%;
  }

  .hpib-ri {
    width: 100%;
    padding-bottom: 0;
  }

  .home-mission-box-text {
    width: 100%;
  }

  .home-mission-img {
    margin-top: 0;
  }

  .home-mission-nub {
    top: 55%;
  }

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

  .home-number-inof-nub {
    width: 50%;
  }

  .mod-power {
    font-size: var(--font80);
  }

  .mod-ph.mod-switch-top-arrows {
    justify-content: center;
    margin-top: 0.3rem;
  }

  .outboard-hero-title {
    width: 100%;
  }

  .outboard-main .ys-nyban-img::before {
    height: 100%;
  }

  .outboard-type-item {
    width: 100%;
  }

  .outboard-type-item {
    margin-bottom: 0.5rem;
  }

  .outboard-engine-item {
    width: 50%;
  }

  .fs-filter {
    width: 100%;
    position: relative;
    top: auto;
    margin-bottom: 0.54rem;
  }

  .fs-filter-search {
    --right: 0.32rem;
  }

  .fs-filter-top {
    padding-bottom: 0.32rem;
    margin-bottom: 0.32rem;
  }

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

  .pc-fenye li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    font-size: 12px;
  }

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

  .fs-action-item {
    width: 50%;
  }

  .fs-action-copy {
    padding-left: 0.3rem;
  }

  .product-detail-stat-item {
    width: 50%;
    margin-bottom: 0.4rem;
  }

  .product-detail-stats {
    margin: 0 -0.4rem;
  }

  .pdec-le {
    --width: 100%;
  }

  .product-detail-engine-copy {
    width: 100%;
  }

  .hpib-le-bg {
    font-size: 0.6rem;
  }

  .product-detail-engine .hpib-le-bg {
    right: 0;
  }

  .product-detail-engine .hpib-le-bg span {
    transform: translateX(0);
  }

  .pdec-le {
    margin-bottom: 0.7rem;
  }

  .pdec-ri-tip {
    margin-bottom: 0.3rem;
  }

  .pdec-ri-top {
    margin-bottom: 0.5rem;
  }

  .product-detail-feature-copy {
    padding-right: 0;
  }

  .product-detail-performance-le {
    width: 100%;
    position: relative;
  }

  .pdpi-wrap {
    width: 100%;
  }

  .pdpi-wrap {
    padding-top: 0.4rem;
  }

  .product-detail-performance-info .std-font42 {
    margin-bottom: 0.35rem;
  }

  .product-detail-access-img {
    width: 60%;
    margin: 0 auto 0.2rem;
  }

  .product-detail-access-copy {
    width: 100%;
  }

  .product-detail-accessories .product-detail-section-head .std-font42 {
    padding-right: 0;
  }

  .fs-products .outboard-engine-item {
    width: 50%;
  }

  .dealer-filter-select .ys-select-hd {
    height: 36px;
  }

  .dealer-section .fs-search-input input {
    height: 36px;
  }

  .dealer-filter-select .dfsw-item {
    width: 100%;
  }

  .dealer-filter-select .dfsw-item:not(:last-child) {
    margin-bottom: 0.2rem;
  }

  .dealer-filter-select .ys-select-hd {
    width: 100%;
  }

  .dfsw-item .iconfont {
    font-size: 12px;
  }

  .dealer-filter-search {
    margin-bottom: 0.2rem;
  }

  .dealer-filter {
    margin-bottom: 0.3rem;
  }

  .dealer-card-item {
    width: 50%;
  }

  .parsun-banner-tit span {
    font-size: 0.5rem;
  }

  .parsun-banner-tit {
    font-size: 2rem !important;
  }

  .parsun-since-box-ri {
    width: 70%;
  }

  .parsun-presence .std-font42 {
    position: relative;
  }

  .parsun-history .std-font42 {
    margin-bottom: 0.6rem;
  }

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

  .ptcs-item .ys-slide-item-bot .ys-imgbox-cover {
    margin-top: 0.3rem;
    border-radius: 0.1rem;
  }

  .ptcs-item .ys-slide-item-bot span {
    margin-top: 0.2rem;
  }

  .ptcs-item .ys-slide-item-top {
    padding: 0.28rem 0;
  }

  .parsun-quality-copy {
    width: 100%;
  }

  .parsun-quality-media {
    width: 58%;
  }

  .parsun-quality-core .std-font42 {
    font-size: var(--font38);
  }

  .contact-right .ys-form {
    --height: 36px;
  }

  .contact-right .ys-form-inof-item.ys-form-inof-submit .mod-btn-link {
    height: 36px;
    line-height: 36px;
  }

  .contact-left {
    width: 100%;
    margin-bottom: 0.4rem;
  }

  .contact-right {
    width: 100%;
    border-radius: 0.1rem;
  }

  .ccwb-img {
    width: 100%;
  }

  .trolling-banner-bg {
    font-size: 36px;
  }

  .trolling-banner-box {
    width: 100%;
  }

  .trolling-banner-top {
    margin-bottom: 0.3rem;
  }

  .trolling-banner-top-icon {
    width: 2rem;
  }

  .trolling-banner-bot,
  .trolling-banner-bot p {
    font-size: 12px;
  }

  .trolling-banner-bg span {
    top: 0.3rem;
  }

  .trolling-filter-item a {
    padding: 0.14rem 0.16rem;
  }

  .outboard-engine-cont-bot {
    margin-top: 0.4rem;
  }

  .trolling-love-item:nth-child(2n) {
    position: relative;
    right: auto;
  }

  .trolling-love-item {
    margin-bottom: 0.45rem;
  }

  .trolling-scene-word-text,
  .trolling-scene-word-text span {
    font-size: 36px;
  }

  .trolling-scene-kicker {
    padding-right: 0.2rem;
    font-size: 20px;
  }

  .trolling-detail-info {
    width: 100%;
  }

  .trolling-detail-gallery {
    position: relative;
    top: auto;
    width: 100%;
    margin-bottom: 0.4rem;
  }

  .trolling-detail-love-title {
    opacity: 0;
  }

  .trolling-detail-love-item .trolling-detail-love-panel {
    opacity: 1;
    transform: translateX(0);
  }

  .trolling-detail-gallery-left {
    width: 100%;
  }

  .trolling-detail-gallery-right {
    width: 100%;
  }

  .trolling-detail-info-top {
    margin-bottom: 0.4rem;
  }

  .home-lineup-wrap-top {
    padding-top: 45px;
  }

  .home-lineup-head .std-font42,
  .home-lineup-head .home-lineup-copy,
  .home-lineup-bar-content {
    width: 100%;
  }

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

  .fs-main .fs-products .outboard-engine-item {
    width: 100%;
  }

  .fs-main .mod-power {
    font-size: 30px;
  }

  .product-detail-anchor-core {
    min-height: 0.8rem;
  }

  /* 7.14-start */
  .plcs-box {

    width: 100%;
  }

  .home-lineup-bar {
    width: 100%;
  }
.home-lineup-more>*+* {
  margin-left: 4px;
}
.hlbc-btn {
    margin: 0 -0.1rem;
}
.hlbc-btn-list {
    padding: 0 0.1rem;
}.fs-products .outboard-engine-item{
width: 100%;
}
.home-showcase-slick .slick-dots {
    right: 0.4rem;
}
.home-showcase-slick .slick-dots li{
    margin:3px 0;
    width: 6px;
    height: 6px;
}
  /* 7.14-end */
   .pdmp-le {
    width: 100%;
  }

  .pdmp-ri {
    width: 100%;
  }
.product-detail-modal-pop {
    padding-right: 0.4rem !important;
}
    .trolling-gallery-inof .trolling-gallery-item {
        width: calc(100% - 40px) !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin: 0 auto !important;
        margin-bottom:20px!important;
    }
    .trolling-gallery-inof {
        align-items: flex-start;
    }
    .trolling-gallery-inof{
        display: block;
    }
    .trolling-gallery-inof {
    min-width: auto;
    width: 100%;
}
.trolling-banner-bot{
    display: none;
}
.ppvb-wrap-items-text{
    padding-right: 0;
    padding-left: 0;
    right: 0;
    z-index: 9;
    }
    .contact-right .ys-form {
        --spacein: 0.16rem;
    }
    .hpib-le {
        width: 70%;
        margin: 0 auto;
    }
        .hpib-le-bg {
        font-size: 0.8rem;
        width: 100vw;
        padding:0 10px;
    }
        .home-lineup {
        margin-top: -48vh;
    }
    .hpib-le-bg span{
        padding-left: 0;
        margin-left: auto;
        text-align: right;
    }
    .fs-filter-inof{
        display: none!important;
    }
     .mscl-series-nub {
        padding: 8px 0;
      }
      .mars-soonser-core-right .mscl-series-nub .std-text2, .mars-soonser-core-left .std-text2 {
        padding: 0 6px;
    }
    .pdfs-wrap {
        width: 100%;
    }
    .product-detail-features .ys-cont1600::before{
        display: none;
    }
    .product-detail-feature-slick .slick-list{
        overflow: hidden;
    }
    .parsun-quality-media {
        width: 100%;
    }
  /* kaffi-end */
  /* 767end */
}

/*二期*/

@media screen and (max-width: 1919px) {
  .esg-intro-copy {
    width: 56%;
  }
}

@media screen and (max-width: 1680px) {
  .abbl-text {
    width: 130%;
  }

  .about-contact {
    margin-top: 1.8rem;
  }
}

@media screen and (max-width: 1440px) {
  .dpcw-list-link {
    padding: 0.3rem 0.3rem 0.38rem;
  }

  .home-news .slick-dots li {
    width: 10px;
    height: 10px;
  }

  .lifestyle-products {
    padding-bottom: 0.6rem;
  }

  .lifestyle-main .fs-actions {
    padding-top: 0.6rem;
  }

  .altw-parga .std-font40 {
    margin-bottom: 1.2rem;
  }
}

@media screen and (max-width: 1199px) {
  .case-summary {
    opacity: 1;
    margin-top: 0.4rem
  }

  .case-meta {
    margin-top: 0.16rem
  }

  .case-cover {
    width: 29%;
  }

  .case-copy {
    width: 55%;
    margin-left: 3%;
  }

  .case-summary, .case-summary p {
    max-height: 5.1em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .case-stamp {
    width: 10%;
    margin-left: 3%;
  }

  .smbr-share .ys-share-img {
    width: 20px;
  }

  .showcase-media {
    width: 29.5%;
    margin-top: 0.2rem;
  }

  .showcase-place {
    margin-top: 0.16rem;
  }

  .showcase-summary {
    margin-top: 0.38rem;
    padding-top: 0.26rem;
  }

  .showcase-maldive-box-ri {
    width: 29.5%;
  }

  .smbr-contact-link-bot {
    padding: 0.2rem 0.3rem;
  }

  .dpcw-list {
    width: 50%;
  }

  .case-search-field {
    height: 0.6rem;
  }

  .news-contain-bot-le {
    width: 43.5%;
  }

  .news-contain .home-news-item {
    width: 50%;
  }

  .info-box-wrap-cont {
    padding: 0
  }

  .info-box-news {
    padding-top: 0;
  }

  .home-news .slick-dots li {
    width: 8px;
    height: 8px;
  }

  .lifestyle-product-item {
    width: 33.333333%;
  }

  .about-benefit-inof>.about-benefit-card {
    width: calc((100% - (var(--e2-benefit-gap) * 3)) / 2);
  }

  .about-basic .contact-right {
    padding: 0
  }

  .esg-ban {
    height: 100vh;
  }

  .ebsm-container {
    display: none;
  }

  .esg-intro-copy {
    width: 100%;
  }

  .esg-intro {
    padding-bottom: var(--space160)
  }

  .esg-cont .case-copy {
    width: 52%;
  }

  .esg-cont .case-card {
    padding: 0.6rem;
  }

  .ebsm-inner .ys-nyban-title h1 {
    width: 100%;
  }

  .case-inof-item:first-child .case-card {
    padding: 0.6rem;
  }
}

@media screen and (max-width: 767px) {
  .case-search {
    width: 100%;
  }

  .case-intro-le {
    width: 100%;
  }

  .case-search-field {
    height: 0.6rem;
  }

  .case-inof {
    padding: 0 20px;
    ;
  }

  .case-cover {
    width: 100%;
    margin-bottom: 0.4rem
  }

  .case-stamp {
    width: 16%;
    margin-left: 0;
  }

  .case-copy {
    width: 81%;
    margin-left: 3%;
  }

  .case-tools {
    padding: 0.4rem 0;
  }

  .case-intro-le {
    margin-bottom: 0.3rem
  }

  .case-card {
    padding: 0.5rem 0;
  }

  .case-summary {
    margin-top: 0.3rem;
  }

  .showcase-copy {
    width: 100%;
    margin-bottom: 0.4rem
  }

  .showcase-media {
    width: 100%;
  }

  .showcase-maldive-box-le {
    width: 100%;
    order: 2;
  }

  .showcase-maldive-box-ri {
    width: 100%;
    order: 1;
    position: relative;
    top: auto;
    margin-bottom: 0.4rem
  }

  .news-contain-top .std-font44 {
    width: 100%;
    margin-bottom: 0.3rem;
  }

  .news-contain-bot-le {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .ncbl-top {
    margin-bottom: 0.4rem;
  }

  .news-contain-bot-ri {
    width: 100%;
  }

  .news-contain-top {
    margin-bottom: 0.5rem;
  }

  .news-contain .home-news-item {
    width: 100%;
  }

  .home-news .slick-dots li {
    width: 6px;
    height: 6px;
  }

  .info-box-news .std-font42 {
    margin-bottom: 0.5rem;
  }

  .lifestyle-product-item {
    width: 50%;
  }

  .lifestyle-products {
    padding-top: var(--space120)
  }

  .about-banner-cont {
    position: relative;
  }

  .about-banner-text {
    display: none;
  }


  .altw-parga {
    width: 100%;
  }

  .altw-parga .std-font40 {
    display: none;
  }

  .abcw-list-text {
    top: 22%;
  }

  .about-dealer {
    padding-top: var(--space120);
  }

  .about-benefit-inof>.about-benefit-card {
    width: 100%;
    margin: 0 0 0.4rem
  }

  .about-benefit-card:nth-child(even) {
    transform: translateY(0);
  }

  .about-basic-box-le {
    width: 100%;
    margin-bottom: 0.4rem
  }

  .about-benefit-inof {
    padding-bottom: 0
  }

  .about-contact {
    margin-top: var(--space120);
  }

  .contact-right .ys-fia-text-btn {
    top: 6px;
  }

  .esg-cont .case-inof {
    padding: 0
  }

  .esg-cont .case-cover {
    width: 100%;
  }

  .esg-cont .case-stamp {
    width: 20%;
    margin-left: 0;
  }

  .esg-cont .case-copy {
    width: 75%;
  }

  .esg-cont .case-card {
    padding: 0.36rem !important;
  }

  .esg-cont .case-copy {
    margin-left: 3%;
  }

  .esg-cont .case-stamp {
    width: 22%;
  }
}


/* Correctly positioned smooth right-edge carousel scroll indicator */
.product-detail-features {
  position: relative !important;
  overflow: hidden !important;
}

.product-detail-features .ys-cont1600::before {
  display: none !important;
  content: none !important;
}

.product-detail-features::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 130px !important;
  height: 100% !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.98) 100%) !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

@media (max-width: 991px) {
  .product-detail-features::after {
    width: 60px !important;
  }
}


/* Fix background watermark typography overlap */
.hpib-le-bg {
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.12 !important;
  user-select: none !important;
}

.product-detail-engine .hpib-le-bg {
  z-index: 0 !important;
  opacity: 0.12 !important;
}

.pdec-le {
  position: relative !important;
  z-index: 1 !important;
}

.pdec-le .hpib-le-bg {
  z-index: 0 !important;
  opacity: 0.10 !important;
}

.pdec-le h3,
.pdec-le .std-font24,
.pdec-le table,
.pdmp-ri-box,
.pdmp-ri-wrap,
.pdec-le-cont,
.pdec-le-cont-wrap {
  position: relative !important;
  z-index: 3 !important;
}


/* Fix parsun-banner-tit layout and prevent text overflow */
.parsun-banner-tit {
  font-size: 2.8rem !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  transform: translateY(35%) !important;
  font-family: var(--seimibold) !important;
  font-style: italic !important;
  white-space: nowrap !important;
}

.parsun-banner-tit span {
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  margin-top: 0 !important;
  margin-left: 0.3rem !important;
  white-space: nowrap !important;
  font-style: normal !important;
  vertical-align: baseline !important;
}


/* Experience carousel arrows clickability and visibility */
.parsun-experience .mod-switch-top-arrows {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
}

.parsun-experience .mod-switch-top-arrows .msta-btn {
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 12 !important;
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  margin-left: 10px !important;
}

.parsun-experience .mod-switch-top-arrows .msta-btn img {
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
}


/* Make all series blocks equal height and consistent size */
.outboard-series-inof {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

.outboard-series-item {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

.outboard-series-link {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 1.15rem !important;
  box-sizing: border-box !important;
}

.outboard-series-link .std-font24 {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-height: auto !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.outboard-series-icon {
  flex-shrink: 0 !important;
  margin-left: 0.15rem !important;
}