@charset "utf-8";
/* 公共样式 - start */
body,
input,textarea{
    font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "Noto Sans SC", "PingFang SC", "Microsoft YaHei" !important;
}
@font-face {
    font-family: 'Futura-Medium';
    src: url('../fonts/Futura-Medium/Futura-Medium.woff2') format('woff2'),
        url('../fonts/Futura-Medium/Futura-Medium.woff') format('woff');
}
html{
    /* font-size: 5.208333333333333vw; */
    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{
    /* 字号 */
    --font100: 1.0rem;
    --font98: 0.98rem;
    --font96: 0.96rem;
    --font94: 0.94rem;
    --font92: 0.92rem;
    --font90: 0.90rem;
    --font88: 0.88rem;
    --font86: 0.86rem;
    --font84: 0.84rem;
    --font82: 0.82rem;
    --font80: 0.80rem;
    --font78: 0.78rem;
    --font76: 0.76rem;
    --font74: 0.74rem;
    --font72: 0.72rem;
    --font70: 0.70rem;
    --font68: 0.68rem;
    --font66: 0.66rem;
    --font64: 0.64rem;
    --font62: 0.62rem;
    --font60: 0.60rem;
    --font58: 0.58rem;
    --font56: 0.56rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font50: 0.50rem;
    --font48: 0.48rem;
    --font46: 0.46rem;
    --font44: 0.44rem;
    --font42: 0.42rem;
    --font40: 0.40rem;
    --font38: 0.38rem;
    --font36: 0.36rem;
    --font34: 0.34rem;
    --font32: 0.32rem;
    --font30: 0.30rem;
    --font28: 0.28rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font22: 0.22rem;
    --font20: 0.20rem;
    --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: 2.0rem;
    --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: 1.0rem;
    --space90: 0.9rem;
    --space80: 0.8rem;
    --space70: 0.7rem;
    --space60: 0.6rem;
}
:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 165px;
    /* 颜色 */
    --color000: #000;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #D10B2D;
    --colorbj: ;
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;  
    /* 特殊字体或粗细 */
    --bold:'';
    --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(.38, 0, 0, 1);
    /* 边框 */
    --color-border: var(--color000);
    /* 按钮 */
    --color-btn: var(--color000);
    /* 按钮选中 */
    --color-btnhover: var(--color000);
}
.std-font80,
.std-font80 p {
    font-size: var(--font80);
    color: var(--color000);
    line-height: var(--line12);
}
.std-font64,
.std-font64 p {
    font-size: var(--font64);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font60,
.std-font60 p {
    font-size: var(--font60);
    color: var(--color000);
    line-height: var(--line13);
}
.std-font54,
.std-font54 p{
    font-size: var(--font54);
    color: var(--color000);
    line-height: var(--line15);
    letter-spacing: .05rem;
}
.std-font50,
.std-font50 p{
    font-size: var(--font50);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font48,
.std-font48 p,
.yxedr-active h2 {
    font-size: var(--font48);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font46,
.std-font46 p {
    font-size: var(--font46);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font44,
.std-font44 p {
    font-size: var(--font44);
    color: var(--color000);
    line-height: var(--line12);
}
.std-font42,
.std-font42 p {
    font-size: var(--font42);
    color: var(--color000);
    line-height: var(--line12);
}
.std-font40,
.std-font40 p,
.yxedr-active h3 {
    font-size: var(--font40);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font38,
.std-font38 p {
    font-size: var(--font38);
    color: var(--color000);
    line-height: var(--line13);
}
.std-font36,
.std-font36 p {
    font-size: var(--font36);
    color: var(--color000);
    line-height: var(--line14);
}
.std-font34,
.std-font34 p {
    font-size: var(--font34);
    color: var(--color000);
    line-height: var(--line13);
}
.std-font32,
.std-font32 p,
.yxedr-active h4 {
    font-size: var(--font32);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font30,
.std-font30 p {
    font-size: var(--font30);
    color: var(--color000);
    line-height: var(--line13);
}
.std-font28,
.std-font28 p {
    font-size: var(--font28);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font24,
.std-font24 p,
.yxedr-active h5 {
    font-size: var(--font24);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font22,
.std-font22 p {
    font-size: var(--font22);
    color: var(--color000);
    line-height: var(--line13);
}
.std-font20,
.std-font20 p {
    font-size: var(--font20);
    color: var(--color000);
    line-height: var(--line13);
}
.std-font18,
.std-font18 p {
    font-size: var(--font18);
    color: var(--color000);
    line-height: var(--line15);
}
.std-font16,
.std-font16 p {
    font-size: var(--font16);
    color: var(--color000);
    line-height: var(--line13);
}
.std-font14,
.std-font14 p {
    font-size: var(--font14);
    color: var(--color000);
    line-height: var(--line13);
}
.std-font12,
.std-font12 p {
    font-size: var(--font12);
    color: var(--color000);
    line-height: var(--line13);
}
.std-text24,
.std-text24 p {
    font-size: var(--font24);
    color: var(--color000);
    line-height: var(--line175);
}
.std-text22,
.std-text22 p {
    font-size: var(--font22);
    color: var(--color000);
    line-height: var(--line16);
}
.std-text20,
.std-text20 p {
    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(--line15);
}
.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: var(--color000);
    line-height: var(--line175);
}
.std-text14,
.std-text14 p {
    font-size: var(--font14);
    color: var(--color000);
    line-height: var(--line15);
}
.std-text12,
.std-text12 p {
    font-size: var(--font12);
    color: var(--color000);
    line-height: var(--line15);
}
.yxedr-active,
.yxedr-active p,
.yxedr-active span,
.yxedr-active li {
    font-size: var(--font16);
    color: var(--color000);
    line-height: var(--line175);
}
.yxedr-active p {
    margin-bottom: 0.75em;
}
.yxedr-active > p:last-child {
    margin-bottom: 0;
}
.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);
}
.search-main{
    --colormain1: var(--colormain) !important;
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    content: '分享到 - 微信';
    /* content: 'Share the - WeChat'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .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: all .4s ease;
    position: fixed;
    z-index: 20;
}
.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor ul{
    transition: all .4s ease;
}
.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: .5!important;
}
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next{
    
}
.std-dots1 .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}
.std-dots1 .slick-dots li {
    position: relative;
    width: 0.1rem;
    height: 0.1rem;
    margin: 0 0.06rem;
    border-radius: 50%;
    background: rgba(51,51,51,.24);
    transition: var(--transition);
    cursor: pointer;
}
.std-dots1 .slick-dots li.slick-active {
    background: var(--colormain);
}
.std-dots1 .slick-dots button {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.32rem;
    height: 0.32rem;
    padding: 0;
    border: 0;
    font-size: 0;
    line-height: 1;
    background: transparent;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
/* 载入 */
.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);
}
.ys-fadeup1,
.ys-fadeleft1,
.ys-faderight1,
.ys-fadein1 {
    animation: none;
    opacity: 0;
    transition: var(--transition2);
    will-change: transform, opacity;
}
.ys-fadeup1 {
    transform: translate3d(0, 60px, 0);
}
.ys-fadeleft1 {
    transform: translate3d(-60px, 0, 0);
}
.ys-faderight1 {
    transform: translate3d(60px, 0, 0);
}
.ys-fadein1 {
    transform: translate3d(0, 0, 0);
}
.ys-fadeup1.ys-fade-true,
.ys-fadeleft1.ys-fade-true,
.ys-faderight1.ys-fade-true,
.ys-fadein1.ys-fade-true {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
/* 首页banner载入 */
.ys-ban-li.act .ys-ban-title{
    animation: ysfadeInUp .8s ease-in-out both;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-title{
    animation-delay: 0.4s;
}
/* 公共样式 - end */

/* 首页 - start */
.ys-ban-slick{
    height: 100vh;
}
.ys-ban-slick .slick-list,
.ys-ban-slick .slick-track,
.ys-ban-li,
.ys-ban-li>a,
.ys-ban-imgbox{
    height: 100%;
}
.ys-ban-imgbox img{
    height: 100%;
    object-fit: cover;
}
.ys-ban-title{
    font-size: var(--font80);
    line-height: var(--line15);
    color: var(--colorfff);
    text-align: center;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .31);
    width: 90%;
}
.ys-banner .slick-dots{
    bottom: 0.9rem;
}
.ys-banner .slick-dots li{
    height: 2px;
    width: .6rem;
    margin: 0 .08rem;
    background: rgba(255,255,255,.3);
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 0;
}
.ys-banner .slick-dots li.slick-active{
    background: rgba(255,255,255,1);
}
.ys-hd-pc {
    height: var(--headh);
    z-index: 90;
    transition: all .3s;
    padding: 0.2rem 1.3rem 0;
}
.ys-hd-pc::before{
    height: 100%;
    transition: all .3s;
}
.ys-hd-pc.is-hidden:not(.ishover):not(.has-search) {
    transform: translateY(-100%);
}
.ys-hd-pc-core {
    position: relative;
    flex-direction: column;
    height: 100%;
    align-items: center;
}
.ys-hd-pc-core-tp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.ys-hd-pc .head-logo {
    width: 166px;
    line-height: 1;
}
.ys-hd-pc .head-logo a {
    line-height: inherit;
}
.head-lang{
    margin-left: 0;
    cursor: pointer;
}
.ys-hd-pc .head-nav-item-nub {
    line-height: 1;
}
.head-nav-item-title {
    padding: 0 0 0.2rem;
    margin: 0 .35rem;
    font-size: var(--font20);
    line-height: 24px;
    transition: var(--transition);
    position: relative;
}
.head-nav-item-title::after{
    content: "";
    width: 100%;
    height: 3px;
    background: var(--colormain);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: var(--transition);
    opacity: 0;
}
.head-nav-item.yxnav-active1 .head-nav-item-title,
.head-nav-item.select-anchor .head-nav-item-title {
    color: var(--colormain);
}
.sndc-cont{
    display: flex;
}
.ys-hd-pc .site-nav-down {
    position: fixed;
    top: var(--headh);
    left: 0;
    width: 100vw;
    padding: 0.4rem 1.3rem 0.65rem;
    transform: none;
    z-index: -1;
    box-shadow: var(--shadow);
}
.site-nav-down-list li + li {
    margin-top: 0.14rem;
}
.site-nav-down-list a {
    font-size: var(--font18);
    line-height: var(--line12);
    color: var(--color000);
    transition: var(--transition);
    position: relative;
}
.site-nav-down-list a::after{
    content: "";
    width: 100%;
    height: 1px;
    background: var(--colormain);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: var(--transition);
    opacity: 0;
}
.site-nav-down-list li.yxnav-active2 a{
    color: var(--colormain);
}
.ys-hd-pc .site-nav-down::before {
    display: none;
}
.head-search-btn-icon {
    width: 22px;
    height: 22px;
    position: relative;
    margin-right: .15rem;
}
.head-search-btn-icon .ys-imgbox-cover{
    opacity: 1 !important;
}
.head-search-btn{
    width: auto;
    height: 0.4rem;
}
.head-search-btn .ys-imgbox-cover{
    position: relative;
    top: 0;
    left: 0;
    transform: none;
}
.ys-hd-pc.has-search .head-search-text,
.ys-hd-pc.isfixed .head-search-text,
.ys-hd-pc.ishover .head-search-text,
.ys-page-wrap.act .head-search-text{
    color: var(--color000);
}
.ys-hd-pc.has-search .head-nav-item-title, 
.ys-hd-pc.isfixed .head-nav-item-title, 
.ys-hd-pc.ishover .head-nav-item-title, 
.ys-page-wrap.act .ys-hd-pc .head-nav-item-title{
    color: var(--color000);
}
.head-search-text {
    font-size: var(--font18);
    line-height: 0.4rem;
    transition: var(--transition);
    color: var(--colorfff);
    position: relative;
    top: -2px;
}
.ys-hd-pc .yx-search3xlbox {
    position: fixed;
    top: var(--headh);
    left: 0;
    width: 100vw;
}
.ys-hd-pc .head-lang-top {
    display: block;
    height: auto;
}
.ys-hd-pc .head-lang-top-circle,
.ys-hd-pc .head-lang-top-jian,
.ys-hd-pc .head-lang-down {
    display: none !important;
}
.head-lang-text {
    display: block;
    font-size: var(--font18);
    line-height: 2;
    color: var(--colorfff);
    transition: var(--transition);
}
.ys-hd-pc.has-search .head-search-text,
.ys-hd-pc.isfixed .head-search-text,
.ys-hd-pc.ishover .head-search-text,
.ys-page-wrap.act .ys-hd-pc .head-search-text,
.ys-hd-pc.has-search .head-lang-text,
.ys-hd-pc.isfixed .head-lang-text,
.ys-hd-pc.ishover .head-lang-text,
.ys-page-wrap.act .ys-hd-pc .head-lang-text {
    color: var(--color000);
}
/* 语言切换弹窗 - start */
.language-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    overflow: hidden;
    color: var(--colorfff);
    background: #000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease;
}
.language-modal.act {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.language-modal :where(ul) {
    padding: 0;
    margin: 0;
    list-style: none;
}
.language-modal-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.language-modal-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.language-modal-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.language-modal-close {
    position: absolute;
    top: 0.38rem;
    right: 0.5rem;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.52rem;
    height: 0.52rem;
    cursor: pointer;
}
.language-modal-close span {
    position: absolute;
    display: block;
    width: 0.34rem;
    height: 3px;
    background: var(--colorfff);
    transition: var(--transition);
}
.language-modal-close span:first-child {
    transform: rotate(45deg);
}
.language-modal-close span:nth-child(2) {
    transform: rotate(-45deg);
}
.language-modal-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: auto;
    max-width: calc(100% - 1.2rem);
    margin-top: -1rem;
    transform: translate(-50%, -50%);
}
.language-modal-logo {
    display: none;
    width: 2.92rem;
    margin: auto;
}
.language-modal-logo img{
    width: 100%;
}
.language-modal-title {
    margin-bottom: 0.5rem;
    font-size: var(--font22);
    line-height: var(--line12);
    color: var(--colorfff);
    text-align: center;
}
.language-modal-list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.35rem;
    background: var(--colorfff);
}
.language-modal-item {
    position: relative;
    display: flex;
    align-items: center;
    height: 0.8rem;
}
.language-modal-region {
    position: relative;
    display: block;
    padding: 0 0.3rem;
    font-size: 0.16rem;
    line-height: 0.8rem;
    color: var(--color333);
    white-space: nowrap;
    cursor: pointer;
    transition: var(--transition);
}
.language-modal-region::after {
    content: "";
    width: 1px;
    height: 0.12rem;
    background: var(--color000);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.language-modal-item:first-child .language-modal-region::after {
    display: none;
}
.language-modal-sub {
    position: absolute;
    top: 0.8rem;
    left: 50%;
    overflow: hidden;
    padding-top: 0.1rem;
    transform: translateX(-50%);
}
.language-modal-sub-list {
    height: 0;
    max-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
    background: var(--colorfff);
    transition: max-height .3s ease, padding .3s ease;
}
.language-modal-sub-item {
    display: block;
    min-width: 1.4rem;
}
.language-modal-sub-item a {
    display: block;
    padding: 0.1rem 0.14rem;
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color000);
    transition: var(--transition);
}
.language-modal-sub-item.is-current a {
    color: var(--colormain);
}
.language-modal-item.is-open .language-modal-sub-list,
.language-modal-item:focus-within .language-modal-sub-list {
    height: auto;
    max-height: calc(50vh - 0.2rem);
    padding: 0.1rem 0;
}
.hide-scrollbar::-webkit-scrollbar, 
.hide-scrollbar::-webkit-scrollbar-thumb, 
.hide-scrollbar::-webkit-scrollbar-track {
    display: none !important;
    width: 0 !important;
    opacity: 0 !important;
}
/* 语言切换弹窗 - end */

/* 语言切换下拉-start */
.ys-hd-pc-lang{
    position: fixed;
    top: var(--headh);
    left: 0;
    width: 100vw;
    background: var(--colorfff);
    padding-top: 0.6rem;
    padding-bottom: 0.48rem;
    display: none;
    box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.08);
    z-index: -1;
}
.head-lang-pop-ul {
    display: flex;
    justify-content: space-between;
}
.hlpu-top {
    margin-bottom: 10px;
    font-size: var(--font18);
    color: var(--color000);
    line-height: var(--line16);
}
.hlpu-btm {
    width: 100%;
    border-top: 1px solid #D8D9E1;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.hlpu-btm-newlin {
    display: flex;
    margin-right: 34px;
}
.hlpu-btm-newlin:last-child {
    margin-right: 0;
}
.hlpu-btm-li {
    margin-bottom: 6px;
}
.hlpu-btm-li a {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color000);
    transition: var(--transition);
}
.hlpu-btm-li a span{
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
/* 手机端 */
.ys-phnav2-lang-modal{
    z-index: 10;
}
.ys-phnav2-lang-scroll{
    overflow: hidden;
}
.ypsl-icon{
    font-size: 14px;
    font-family: iconfont;
    color: var(--color000);
    margin-right: 5px;
}
.ypsl-icon::before{
    content: "\e743";
}
.ypsl-text{
    font-size: 16px;
    line-height: 1.5;
    color: var(--color000);
    padding: 14px 0;
}
.ys-phmenu-scroll-lang{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
}
.ys-phmenu-scroll .mCSB_outside+.mCSB_scrollTools {
    right: -8px;
}
.ys-phnav2-lang-modal .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(153, 153, 153, .2);
}
.ys-phnav2-lang-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: rgba(153, 153, 153, .4);
}
.ys-hd-ph.has-btn .ys-phnavss-btn img:nth-child(1),
.ys-hd-ph.isfixed .ys-phnavss-btn img:nth-child(1){
    opacity: 0;
}
.ys-hd-ph.has-btn .ys-phnavss-btn img:nth-child(2),
.ys-hd-ph.isfixed .ys-phnavss-btn img:nth-child(2){
    opacity: 1;
}
.ys-phnavss-form input {
    width: calc(100% - 0.6rem);
}
.ys-phnavss-form button {
    width: 0.5rem;
}
.ys-phnavss-form button img{
    width: 100%;
}
/* 语言切换下拉-end */
.std-btn1-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .1rem;
    border: 1px solid var(--color000);
    transition: var(--transition);
    min-width: 148px;
}
.std-btn1-box span{
    font-size: 14px;
    line-height: 46px;
    color: var(--color000);
    transition: var(--transition);
}
.home-product {
    padding: 1.6rem 0 1.3rem;
    background: #fafafa;
}
.home-title {
    text-align: center;
}
.home-product .home-title-sub {
    margin-top: 0.45rem;
}
.home-title-sub p{
    letter-spacing: .1rem;
}
.home-recommend-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem -0.05rem -0.5rem !important;
}
.home-product-bt{
    margin-top: 1rem;
}
.home-product-bt-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem -0.2rem;
}
.home-product-item {
    width: 25%;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
}
.home-product-item a{
    display: block;
    width: 100%;
    height: 100%;
}
.home-scene-item a,
.home-recommend-item a {
    display: block;
    color: var(--color333);
}
.home-scene-img {
    border-radius: 0.08rem;
}
.home-product-info {
    position: relative;
    margin-top: 0.4rem;
    padding-right: 0;
    text-align: center;
}
.home-product-info p,
.home-scene-info p,
.home-recommend-info p {
    margin-top: 0.08rem;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
}
.home-product-info p {
    display: none;
}
.home-product-info::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0.13rem;
    width: 0.12rem;
    height: 0.12rem;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg);
    color: var(--color999);
    transition: var(--transition);
}
.home-product-info::after {
    display: none;
}
.home-product-item.act .home-product-info h3,
.home-product-item.act .home-product-info::after {
    color: #000;
}
.home-brand {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.6rem;
}
.home-brand-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    color: inherit;
    overflow: hidden;
}
.home-brand.is-brand-reveal-ready .home-brand-link {
    width: 70%;
    height: 50%;
    opacity: 0;
}
.home-brand-link .home-brand-img {
    width: 100%;
}
.home-brand-link .home-brand-img img {
    width: 100%;
    transition: var(--transition);
}
.home-brand-info {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 90%;
    text-align: center;
    transform: translate(-50%, -50%);
}
.home-brand-info h2{
    color: var(--colorfff);
}
.home-brand-info .home-title-sub {
    margin-top: 0.25rem;
    color: var(--colorfff);
}
.home-brand-info .home-title-sub p{
    color: var(--colorfff);
}
.home-news {
    padding-top: 0.9rem;
}
.home-news-core {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background: #fafafa;
}
.home-brand-copy {
    width: 38%;
    padding-right: 0.7rem;
}
.home-brand-pin {
    position: sticky;
    top: calc(var(--headh) + 0.6rem);
}
.home-brand-copy h2 {
    margin-top: 0.08rem;
}
.home-brand-desc {
    margin-top: 0.28rem;
}
.home-brand-desc p + p {
    margin-top: 0.12rem;
}
.home-brand-img-ph{
    display: none;
}
.home-scene {
    padding: 1rem 0;
}
.home-scene .home-scene-info h3,
.product-scene .home-scene-info h3{
    color: var(--colorfff);
}
.home-scene-info-ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.2rem -0.1rem 0;
}
.home-scene-item {
    width: 33.333333%;
    padding: 0 0.1rem;
    margin-top: 0.2rem;
}
.home-scene-item-clone {
    display: none;
}
.home-scene-item a {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    color: var(--colorfff);
}
.home-scene-img {
    aspect-ratio: 58 / 90;
    border-radius: 0;
}
.home-scene-img > img:first-child {
    display: none;
}
.home-scene-img img:nth-child(n+2) {
    object-fit: cover;
}
.home-scene-info {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0.5rem;
}
.home-scene-info p {
    display: none;
    color: rgba(255,255,255,.72);
}
.home-scene-img::after {
    display: none;
}
@keyframes homeSceneAutoScroll {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}
.home-main section{
    position: relative;
    background: var(--colorfff);
    z-index: 5;
}
.home-season {
    position: relative;
    color: var(--colorfff);
    height: 100vh;
    overflow: hidden;
    z-index: 1 !important;
}
.home-season-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-season-img {
    display: none;
}
.home-season-mask {
    display: none;
}
.home-season-text {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 90%;
    text-align: center;
    transform: translate(-50%, -50%);
}
.home-season .home-title-sub {
    margin-top: 0.25rem;
    text-align: center;
    color: var(--colorfff);
}
.home-season .home-title-sub p{
    color: var(--colorfff);
}
.home-season h2 {
    color: var(--colorfff);
    text-align: center;
}
.home-recommend {
    background: var(--colorfff);
    padding: 1.6rem 0 1.2rem;
}
.echolac-content1{
    width: 100%;
    padding: 0 0.6rem;
}
.echolac-content2{
    width: 100%;
    padding: 0 5%;
}
.echolac-content3{
    width: 85%;
    margin: auto;
}
.echolac-content4{
    width: 86.46%;
    margin: auto;
}
.echolac-content5{
    width: 84.375%;
    margin: auto;
}
.home-recommend .home-title-sub {
    margin-top: 0.4rem;
}
.home-recommend-item {
    width: 25% !important;
    padding: 0 0.05em;
    margin-bottom: 0.5rem;
}
.home-recommend-item a {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.home-recommend-img {
    width: 100%;
    overflow: hidden;
}
.home-recommend-info {
    margin-top: 0.4rem;
    text-align: center;
}
.home-recommend-info h3 {
    line-height: 1.17;
}
.home-recommend-more {
    width: 2.8rem;
    margin: 1.1rem auto 0; 
}
.home-news-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 44.7%;
    padding-left: 1.84rem;
}
.home-news-copy .home-title-sub {
    margin-top: 0.2rem;
}
.home-news-copy-btn {
    margin-top: 0.8rem;
}
.home-news-img {
    width: 50%;
    overflow: hidden;
}
.home-news-img img {
    width: 100%;
    transition: var(--transition);
}
.ys-footer {
    --sapceft1: 0.8rem;
    --sapceft2: 0;
    --sapceft3: 0;
    --sapceft4: 0;
    padding: 0.8rem 1.3rem;
    background: var(--colorfff);
    border-top: 0;
    border-top: 1px solid #e9e9e9;
    position: relative;
    z-index: 5;
}
.ys-footer .ys-cont1600 {
    width: 100%;
    max-width: none;
}
.footer-top {
    position: relative;
    padding-bottom: 0;
    flex-wrap: wrap;
}
.footer-logo {
    width: 200px;
}
.footer-main {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-left: 1.7rem;
    width: calc(100% - 200px);
}
.footer-nav {
    --gap1: 0.75rem;
    --gap2: 0.28rem;
    --gap3: 0.2rem;
    width: auto;
    justify-content: flex-start;
}
.footer-nav>li>a{
    font-size: var(--font18);
    color: var(--color000);
    font-weight: 500;
    margin-bottom: .4rem;
}
.footer-nav ul a {
    font-size: var(--font18);
    color: var(--color000);
    margin-bottom: 0;
}
.footer-nav ul li + li,
.footer-contact li + li {
    margin-top: 0.3rem;
}
.footer-contact {
    padding-left: 3.75rem;
}
.footer-contact-title{
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color000);
    font-weight: 500;
    margin-bottom: 0.4rem;
}
.footer-contact ul {
    display: flex;
    flex-direction: column;
}
.footer-contact li a{
    display: flex;
    align-items: center;
}
.footer-contact-icon{
    width: 20px;
    display: none;
    margin-right: 20px;
}
.footer-contact-icon img{
    width: 100%;
}
.footer-contact li p{
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color000);
}
.footer-country {
    position: absolute;
    right: 0;
    top: 0;
    font-size: var(--font16);
    color: var(--color000);
}
.footer-bot {
    align-items: center;
    margin-top: 2rem;
    padding: 0;
    border-top: 0;
}
.footer-text,
.footer-text p,
.footer-text a {
    font-size: var(--font16);
    line-height: var(--line15);
    color: rgba(0, 0, 0, .75);
}
.footer-text p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-text a{
    margin-left: 0.5rem;
}
.footer-record-icon {
    display: inline-block;
    width: 20px;
    margin-right: 0.1rem;
    position: relative;
    top: -2px;
}
.footer-record-icon img {
    width: 100%;
}
.footer-follow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.footer-follow span.std-text16 {
    line-height: var(--line15);
}
.footer-share {
    --width1: 28px;
    --codew: 2rem;
    align-items: center;
    padding-left: 0.5rem;
    margin: 0;
}
.footer-share > li {
    position: relative;
    padding: 0;
    margin-left: 0.5rem;
}
.footer-share > li:first-child {
    margin-left: 0;
}
.footer-share-btn {
    width: var(--width1);
}
.footer-share-btn img{
    width: 100%;
}
.footer-share-xhs .ys-imgbox-cover img:first-child {
    display: none;
}
.footer-share-xhs .ys-imgbox-cover img:nth-child(n+2) {
    object-fit: contain;
}
.footer-share-code {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 0.35rem;
    z-index: 20;
    display: block;
    width: var(--codew);
    border: 2px solid red;
    padding: 0;
    background: var(--colorfff);
    border-radius: 0;
    box-shadow: 0 0.04rem 0.18rem 0 rgba(0, 0, 0, .13);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -0.2rem);
    transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
}
.footer-share-code img {
    display: block;
    width: 100%;
}
.footer-share-code::before,
.footer-share-code::after {
    display: none;
}
.footer-share > li.is-code-open .footer-share-code {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}
.footer-top .head-lang{
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.footer-top .head-lang-text{
    color: var(--color000);
}
/* 首页 - end */

/* d1-d3-e1-f1-g1 产品列表：筛选与卡片 - start */
.product-main .ys-nyban-cont h1{
    font-weight: 500;
    letter-spacing: .03rem;
}
.ys-nyban-cont-parga{
    color: var(--colorfff);
    margin-top: 0.22rem;
    line-height: 2;
}
.ys-nyban-cont-parga p{
    color: var(--colorfff);
    letter-spacing: .04rem;
    line-height: 2;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .31);
}
.product-series-section-tp{
    padding: 0 1.3rem;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    z-index: 5;
}
.product-filter-list,
.news-tab-list,
.faq-tab-list,
.store-city-list {
    display: flex;
    flex-wrap: wrap;
    margin: -0.08rem -0.08rem 0;
}
.product-filter-item,
.faq-tab-item,
.store-city-item {
    margin: 0.08rem;
    padding: 0.12rem 0.28rem;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 999px;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color333);
    cursor: pointer;
    transition: var(--transition);
}
.product-filter-item.act,
.faq-tab-item.act,
.store-city-item.act {
    color: var(--colorfff);
    background: var(--colormain);
    border-color: var(--colormain);
}
.product-card-item a {
    display: block;
    width: 100%;
    height: 100%;
}
.tag-recommend-card-cont{
    background: #fafafa;
    padding-top: 0.2rem;
    padding-bottom: 0.75rem;
}
.product-card-img {
    width: 100%;
}
.news-list-date,
.article-date {
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--colormain);
}
.product-card-info p,
.scene-card-info p,
.feature-card-item p,
.custom-step-item p,
.store-list-item p,
.news-list-info p {
    margin-top: 0.08rem;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
}
.product-filter-bar {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.28rem 0.44rem;
}
.product-filter{
    display: flex;
}
.product-filter-nub{
    min-width: 1.4rem;
    position: relative;
}
.product-filter-toggle{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.product-filter-toggle-tit{
    font-size: var(--font14);
    line-height: 60px;
    color: var(--color000);
}
.product-filter-toggle-icon{
    width: 24px;
    margin-left: 8px;
}
.product-filter-toggle-icon img{
    width: 100%;
}
.product-filter-arrow {
    width: 0.08rem;
    height: 0.08rem;
    margin-left: 0.1rem;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg) translateY(-0.02rem);
    transition: var(--transition);
}
.product-size-filter.act .product-filter-arrow {
    transform: rotate(225deg) translate(-0.02rem, -0.02rem);
}
.product-size-panel {
    position: absolute;
    left: 0;
    top: 60px;
    padding: 0.2rem 0 0.3rem;
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}
.product-filter-nub.act .product-size-panel {
    opacity: 1;
    pointer-events: all;
}
.product-size-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 2.16rem;
}
.product-size-nub-circle{
    width: 16px;
    height: 16px;
    position: relative;
}
.product-size-nub-circle img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
    transition: var(--transition);
}
.product-size-nub-circle img:nth-child(2){
    opacity: 0;
}
.product-size-nub{
    display: flex;
    align-items: center;
    cursor: pointer;
    min-width: 1rem;
}
.product-size-nub.act .product-size-nub-circle img:nth-child(2){
    opacity: 1;
}
.product-size-nub-text{
    padding-left: calc(0.24rem - 16px);
    font-size: var(--font14);
    color: var(--color000);
    line-height: 0.38rem;
    padding-left: 10px;
}
.product-series-section-bt{
    margin: .8rem auto 0;
}
.product-size-item{
    min-width: 123px;
    border-radius: 4px;
    padding: 0 .1rem;
    margin-left: .3rem;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font20);
    color: var(--color000);
    transition: var(--transition);
}
.product-size-item.is-disabled{
    cursor: default;
    pointer-events: none;
}
.product-size-item.is-disabled p{
    color: #f2f2f2;
}
.product-size-item:nth-child(1){
    margin-left: 0;
}
.product-size-item.act{
    border: 1px solid var(--colormain);
}
.product-size-item p{
    font-size: var(--font20);
    color: var(--color000);
    line-height: 48px;
    transition: var(--transition);
}
.product-size-clear {
    display: inline-block;
    margin-top: 0.2rem;
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color000);
    text-decoration: underline;
    cursor: pointer;
}
.product-series-section .product-card-list {
    margin: 0 -0.1rem -0.72rem;
}
.product-card-item {
    width: 25%;
    padding: 0 0.1rem;
    margin-bottom: 0.72rem;
}
.tag-recommend-section .product-card-item{
    width: 25% !important;
}
.product-card-gallery-slick .ys-slick-item {
    width: 100%;
}
.product-card-info {
    margin-top: 0.45rem;
    text-align: center;
}
.product-card-info-type{
    margin-top: 0.12rem;
    line-height: var(--line12);
}
.product-series-section .product-card-type {
    font-size: clamp(13px, var(--font14), 14px);
    line-height: 1.35;
    color: var(--color000);
}
.product-series-section .product-card-info h3 {
    margin-top: 0.08rem;
    font-size: clamp(16px, var(--font18), 18px);
    line-height: 1.2;
    color: var(--color000);
}
.product-series-section .product-card-info p {
    display: none;
}
.product-card-gallery .product-card-photo {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.product-card-gallery .product-card-photo.act {
    opacity: 1;
    visibility: visible;
}
.product-color-dot {
    position: relative;
    width: 14px;
    height: 14px;
    margin: 0 .08rem;
    border-radius: 50%;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.25);
    background: var(--bgcolor);
    cursor: pointer;
}
.product-color-dot::after {
    content: '';
    width: 100%;
    height: 100%;
    padding: 1px;
    border: 1px solid var(--colormain);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    opacity: 0;
}
.product-color-dot.act::after {
    opacity: 1;
}
.product-filter-empty {
    padding: 2rem 0;
    text-align: center;
    font-size: var(--font14);
    line-height: var(--line15);
    color: rgba(0, 0, 0, .6);
}
.home-scene-item a {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    color: var(--colorfff);
}
.product-scene-info {
    display: none;
}
.tag-scene-section {
    padding-top: 0.9rem;
}
.tag-scene-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    background: #fafafa;
}
.tag-scene-row:last-child{
    margin-bottom: 0;
}
.tag-scene-cover{
    width: 50%;
    position: relative;
}
.tag-scene-cover-text {
    position: absolute;
    width: 100%;
    padding: 0 0.7rem;
    top: 0.7rem;
}
.tag-scene-cover-text h2 {
    line-height: var(--line12);
    font-weight: 500;
    color: var(--colorfff);
}
.tsct-btn{
    margin-top: .24rem;
}
.tsct-btn .std-text18{
    color: var(--colorfff);
    font-weight: 500;
    text-decoration: underline;
}
.tag-scene-cover-text p {
    margin-top: 0.18rem;
    font-size: var(--font16);
    line-height: var(--line15);
}
.tag-scene-product {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 50%;
    position: relative;
}
.tag-scene-product-list {
    width: 100%;
    height: 100%;
}
.tag-scene-product-list .slick-list,
.tag-scene-product-list .slick-track{
    width: 100%;
    height: 100%;
}
.tag-scene-product-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80.86%;
    height: 100%;
    margin: auto;
    text-align: center;
}
.tag-scene-product-img {
    width: 100%;
    margin-bottom: 0.2rem;
}
.tag-scene-product-type {
    margin-bottom: 0.1rem;
}
.tspi-tit{
    margin-bottom: 0.5rem;
    line-height: var(--line12);
}
.tag-scene-product-link {
    color: var(--colormain);
    font-weight: 500;
    text-decoration: underline;
}
.tag-scene-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.tag-scene-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 0.1rem;
    border-left: 1px solid var(--colorfff);
    border-bottom: 1px solid var(--colorfff);
}
.tag-scene-row .custom-product-prev{
    left: 0.2rem;
}
.tag-scene-row .custom-product-next{
    right: 0.2rem;
}
.tag-scene-prev {
    left: 0.32rem;
}
.tag-scene-prev::before {
    transform: translate(-35%, -50%) rotate(45deg);
}
.tag-scene-next {
    right: 0.32rem;
}
.tag-scene-next::before {
    transform: translate(-65%, -50%) rotate(-135deg);
}
.tag-recommend-section {
    padding-top: 1rem;
}
.tag-recommend-title {
    line-height: var(--line12);
    font-weight: 500;
    margin-bottom: 0.7rem;
}
.tag-recommend-section .product-card-list {
    margin: 0 -0.1rem -0.2rem;
}
.tag-recommend-section .product-card-item {
    margin-bottom: 0.2rem;
}
.scene-card-item a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0.08rem;
    color: var(--colorfff);
}
.scene-card-img::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0,0,0,0) 34%, rgba(0,0,0,.72) 100%);
}
.scene-card-info {
    position: absolute;
    left: 0.32rem;
    right: 0.32rem;
    bottom: 0.32rem;
    z-index: 2;
}
.scene-card-info h3 {
    color: var(--colorfff);
}
.scene-card-info p {
    color: rgba(255,255,255,.78);
}
.product-main .ys-main{
    padding-bottom: 0.9rem;
}
.product-scene{
    padding-top: 1.2rem;
}
.product-scene-cont{
    width: 16.59rem;
    margin: 0 auto;
}
.product-scene .home-scene-item{
    width: 33.333333% !important;
}
.product-scene-cont-tit{
    text-align: center;
    padding-bottom: 1rem;
}
.psct-tit{
    letter-spacing: .02rem;
}
.psct-parga{
    margin-top: 0.4rem;
    letter-spacing: .04rem;
    line-height: var(--line15);
}
.psct-parga p{
    line-height: var(--line15);
}
.inside-content{
    padding-bottom: 1rem;
}
/* d1-d3-e1-f1-g1 产品列表：筛选与卡片 - end */

/* b1-d2 产品详情：图库、参数、卖点、相关推荐 - start */
.product-detail-core {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-gallery {
    width: 40%;
    position: sticky;
    top: 2rem;
}
.product-detail-info {
    width: 56%;
}
.product-detail-info .std-title2 {
    margin-top: 0.08rem;
}
.product-spec-list {
    margin-top: 0.34rem;
    border-top: 1px solid var(--home-line);
}
.product-spec-list li {
    display: flex;
    justify-content: space-between;
    padding: 0.18rem 0;
    border-bottom: 1px solid var(--home-line);
    font-size: var(--font16);
    line-height: var(--line15);
}
.product-spec-list span {
    color: var(--color666);
}
.product-spec-list em {
    width: 62%;
    color: var(--color333);
    font-style: normal;
    text-align: right;
}
.product-related-section + .product-related-section {
    background: var(--colorfff);
}
.feature-card-item {
    width: 33.333%;
    padding: 0 0.16rem;
}
.feature-card-item {
    display: flex;
    flex-direction: column;
}
.feature-card-item h3,
.feature-card-item p {
    display: block;
}
.feature-card-item {
    padding-top: 0.34rem;
    padding-bottom: 0.34rem;
}
.feature-card-item h3 {
    position: relative;
}
.feature-card-item h3::before {
    content: '';
    display: block;
    width: 0.5rem;
    height: 2px;
    margin-bottom: 0.18rem;
    background: var(--colormain);
}
/* b1-d2 产品详情：图库、参数、卖点、相关推荐 - end */

/* c1-j1-j2-h1 品牌故事/图文介绍/视频模块 - start */
.story-intro-core,
.contact-info-core {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.story-intro-copy{
    width: 40%;
}
.story-intro-img,
.contact-info-img {
    width: 54%;
    border-radius: 0.08rem;
}
.story-intro-desc {
    margin-top: 0.24rem;
}
.story-intro-desc p + p {
    margin-top: 0.12rem;
}
.story-video-section,
.brand-heritage-section,
.custom-step-section,
.about-value-section,
.about-timeline-section {
    background: var(--home-gray);
}
.story-video {
    position: relative;
    overflow: hidden;
    border-radius: 0.08rem;
    cursor: pointer;
}
.story-video > video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.story-video-mask {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0,0,0,.28);
}
.story-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line15);
}
.story-video-play img {
    width: 0.72rem;
    margin-bottom: 0.16rem;
}
/* c1-j1-j2-h1 品牌故事/图文介绍/视频模块 - end */

/* H1个性化定制-start */
.custom-step-list,
.timeline-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.14rem;
}
.custom-step-item {
    width: 25%;
    padding: 0 0.14rem;
}
.custom-step-item span,
.timeline-item span {
    display: block;
    margin-bottom: 0.16rem;
    font-size: var(--font30);
    line-height: var(--line12);
    color: var(--colormain);
}
.custom-step-item h3 {
    padding-top: 0.2rem;
    border-top: 1px solid rgba(0,0,0,.14);
}
.custom-main .ys-main {
    background: var(--colorfff);
}
.custom-main .inner-banner {
    overflow: hidden;
}
.custom-main .inner-banner-img {
    aspect-ratio: 1920 / 900;
}
.custom-main .inner-banner-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-main .inner-banner-title {
    letter-spacing: 0.03rem;
}
.custom-main .inner-banner-desc,
.custom-main .inner-banner-desc p {
    font-size: 0.2rem;
    line-height: 0.4rem;
    font-weight: 400;
    letter-spacing: 0.04rem;
    color: var(--colorfff);
}
.custom-main .inner-banner-desc {
    margin-top: 0.22rem;
}
.custom-product-section {
    padding: 1.4rem 0 0;
    background: var(--colorfff);
}
.custom-product-section .ys-cont1400 {
    width: 100%;
    max-width: none;
}
.custom-product-title {
    text-align: center;
}
.custom-type-title .std-title2 {
    margin-top: 0;
    font-size: 0.4rem;
    line-height: 0.46rem;
    font-weight: 400;
}
.inside-title-parga{
    line-height: 0.5rem;
    margin-top: 0.07rem;
}
.inside-title-parga p {
    line-height: 0.5rem;
    letter-spacing: .01rem;
}
.custom-product-slider {
    position: relative;
    margin-top: 0.6rem;
    overflow: hidden;
}
.custom-product-slick {
    margin: 0 -5px;
}
.product-card-nub {
    width: 25%;
    padding: 0 5px;
}
.product-card-nub a{
    display: block;
    width: 100%;
    height: 100%;
    background: #fafafa;
    padding-top: .7rem;
    padding-bottom: 0.6rem;
}
.custom-main .product-card-type {
    font-size: 0.14rem;
    line-height: 1.4;
    color: var(--color333);
}
.custom-main .product-card-info p {
    display: none;
}
.custom-product-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    transition: var(--transition);
    pointer-events: all;
    position: relative;
}
.custom-product-arrow::after{
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/arrow.png) center / cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.custom-product-prev {
    left: 10px;
}
.custom-product-next {
    right: 10px;
    transform: rotate(180deg);
}
.custom-type-section {
    padding-top: 1.4rem;
}
.custom-type-title {
    max-width: none;
    margin: 0 0 1rem;
    text-align: center;
}
.custom-type-list {
    margin-top: 1rem;
}
.custom-type-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.3rem;
    background: #fafafa;
}
.custom-type-item:nth-child(even) {
    flex-direction: row-reverse;
}
.custom-type-img {
    width: 50%;
}
.custom-type-text {
    padding: 0 0.5rem;
    text-align: center;
    width: 50%;
    letter-spacing: .02rem;
}
.custom-type-text-parga {
    margin-top: 0.24rem;
}
.custom-bottom-section {
    padding: 1.5rem 0;
    background: #fbfbfb;
    text-align: center;
    margin-bottom: 0.5rem;
}
.custom-bottom-section h2 span{
    color: var(--colormain);
}
.custom-bottom-text {
    font-size: 0.4rem;
    line-height: 0.47rem;
    color: #000;
}
.custom-bottom-text span {
    color: #d10b2d;
}
.custom-bottom-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.08rem;
    margin: 0.6rem auto 0;
    background: var(--colormain);
    font-size: var(--font18);
    line-height: 56px;
    color: var(--colorfff);
}
.custom-main .ys-nyban-cont h1{
    font-weight: 500;
}
.custom-product-title h2{
    line-height: var(--line12);
    letter-spacing: 0.04rem;
}
.custom-product-slider-btn{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 5;
}

/* H1个性化定制-end */

/* i1 常见问题：线上分组列表 - start */
.inner-banner-text-cont{
    width: 90%;
    margin: auto;
    text-align: center;
}
.faq-main .faq-banner {
    position: relative;
    z-index: 3;
    overflow: visible;
}
.faq-main .inner-banner-mask {
    background: rgba(0,0,0,.08);
}
.faq-filter {
    width: 5.5rem;
    margin: 0.8rem auto 0;
    position: relative;
}
.faq-filter-current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 0.1rem 0 0.3rem;
    background: var(--colorfff);
    height: 52px;
    cursor: pointer;
    border-radius: 4px;
}
.faq-filter-current input{
    font-size: var(--font16);
    color: #606266;
}
.faq-filter-current input::placeholder{
    font-size: var(--font16);
    color: #c0c4cc;
}
.faq-filter-current-text{
    color: #c0c4cc;
}
.faq-filter-current-icon{
    width: 25px;
    right: 0.1rem;
}
.faq-filter-current-icon .icon-arrow-down{
    font-size: 14px;
    color: #c0c4cc;
}
.faq-filter-info {
    padding: 6px 0;
    top: calc(100% + 12px);
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 0.02rem 0.12rem rgba(0,0,0,.1);
    overflow: visible;
}
.ys-nybanner{
    overflow: visible;
    z-index: 5;
}
.faq-filter-option {
    font-size: 14px;
    line-height: 34px;
    color: #606266;
    text-align: left;
    transition: var(--transition);
    padding: 0 20px !important;
    cursor: pointer;
}
.faq-filter-option.on{
    color: #409eff !important;
    font-weight: 700;
    background: #f5f7fa;
}
.faq-filter-info-arrow{
    border-bottom: 6px solid var(--colorfff);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    left: 35px;
    top: -6px;
}
.faq-section {
    position: relative;
    z-index: 1;
    padding: 0.8rem 0;
}
.faq-list{
    width: 63%;
    margin: auto;
}
.faq-group {
    padding: 0.8rem 1rem 0.6rem;
    background: #fafafa;
}
.faq-group + .faq-group {
    margin-top: 0.5rem;
}
.faq-group-title {
    text-align: center;
    font-weight: 500;
}
.faq-item {
    border-bottom: 1px solid #d9d9d9;
}
.faq-question {
    position: relative;
    display: block;
    padding: 0.4rem 0 0.62rem;
    cursor: pointer;
    transition: var(--transition);
}
.faq-item.act .faq-question {
    padding-bottom: 0;
}
.faq-item.act .faq-question span{
    margin-top: -0.11rem;
}
.faq-item.act .faq-question span::after {
    top: 0.22rem;
    opacity: 1;
}
.faq-question h3 {
    padding-right: 1.1rem;
    font-weight: 500;
}
.faq-question span {
    position: absolute;
    top: 0.45rem;
    right: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #d80b36;
    z-index: 1;
    display: block;
    transition: var(--transition);
}
.faq-question span::after {
    content: "";
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 3px solid #d80b36;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fafafa;
    transition: var(--transition);
    z-index: -1;
    opacity: 0;
}
.faq-answer {
    display: none;
    padding: 0.22rem 1.1rem 0.26rem 0;
    line-height: 2;
}
.faq-answer p{
    line-height: 2;
    margin-bottom: 0;
}
.faq-answer video {
    margin: 0 !important;
}
.faq-answer h2{
    text-align: center;
    font-weight: 700;
    margin-bottom: 0;
    font-size: var(--font36);
    line-height: 2;
}
.faq-answer h3{
    font-size: var(--font16);
    font-weight: 700;
    margin-bottom: 0;
}
/* i1 常见问题：线上分组列表 - end */

/* i2 联系我们：官网 contact 结构与表单 - start */
.contact-main .inner-banner {
    margin-top: 0;
}
.contact-banner .inner-banner-img {
    height: 5rem;
}
.contact-banner .inner-banner-img img {
    height: 100%;
    object-fit: cover;
}
.contact-banner .inner-banner-text {
    text-align: center;
}
.contact-banner .inner-banner-title {
    margin-top: 0;
    font-size: 0.42rem;
    line-height: var(--line12);
    font-weight: 400;
}
.contact-panel-section {
    padding: 0.8rem 0 1rem;
    overflow: visible;
}
.contact-panel-core {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 77.6%;
    margin: auto;
}
.contact-panel-wrap{
    display: flex;
    justify-content: center;
}
.contact-panel {
    width: 50%;
    padding: .8rem;
    background: #fafafa;
}
.contact-info-panel{
    margin-right: .6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact-panel-head {
    text-align: center;
}
.contact-panel-title {
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: var(--line12);
}
.contact-panel-desc{
    margin-top: 0.19rem;
    line-height: 2;
}
.contact-panel-desc p {
    line-height: 2;
}
.contact-info-list {
    margin-top: 0.5rem;
}
.contact-info-list li {
    display: flex;
    align-items: center;
    padding: 0.42rem 0;
    border-bottom: 1px solid #e9e9e9;
}
.contact-info-list li:last-child{
    border-bottom: none;
}
.contact-info-icon {
    width: 30px;
}
.contact-info-icon img{
    width: 100%;
}
.contact-info-text {
    width: calc(100% - 30px);
    padding-left: 0.25rem;
}
.contact-info-text span {
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color000);
}
.contact-info-text .std-text16{
    margin-top: 0.12rem;
}
.contact-info-text .std-text16 p{
    font-weight: 500;
}
.contact-info-text .std-text16 p a{
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
}
.contact-social-list {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-social-list li {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0.4rem;
}
.contact-social-list li::after{
    content: "";
    width: 1px;
    height: 24px;
    background: var(--color000);
    position: absolute;
    top: 50%;
    left: -0.4rem;
    transform: translateY(-50%);
}
.contact-social-list li:nth-child(1)::after{
    display: none;
}
.contact-social-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    cursor: pointer;
}
.contact-social-btn img {
    width: 28px;
}
.contact-social-xhs img {
    width: 0.48rem;
    max-height: 0.24rem;
}
.contact-social-code {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-0.2rem);
    bottom: calc(100% + 0.14rem);
    width: 2rem;
    background: var(--colorfff);
    box-shadow: 0 .04rem .18rem 0 rgba(0, 0, 0, .13);
    border: 2px solid red;
    opacity: 0;
    pointer-events: none;
    transition: .5s;
}
.contact-social-code img {
    display: block;
    width: 100%;
}
.contact-form {
    margin-top: 0.92rem;
}
.contact-form-cell {
    margin-bottom: 0.26rem;
}
.contact-form-cell[hidden] {
    display: none;
}
.contact-form-label {
    display: block;
    margin-bottom: 0.11rem;
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color333);
}
.contact-form-field {
    display: block;
    width: 100%;
    height: 0.46rem;
    padding: 0 0.16rem;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0;
    background: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color333);
    transition: var(--transition);
}
.contact-form-field::placeholder {
    color: var(--color999);
}
select.contact-form-field {
    padding-right: 0.38rem;
    appearance: auto;
}
textarea.contact-form-field {
    height: 1.18rem;
    padding-top: 0.12rem;
    resize: none;
}
.contact-form-field:focus {
    border-color: rgba(0,0,0,.32);
}
.contact-form-error {
    display: none;
    margin-top: 0.07rem;
    font-size: var(--font14);
    line-height: var(--line15);
    color: #b00020;
}
.contact-form-cell.is-error .contact-form-field {
    border-color: #b00020;
}
.contact-form-cell.is-error .contact-form-error,
.contact-form-agree.is-error .contact-form-error {
    display: block;
}
.contact-form-agree {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 0.04rem;
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color333);
}
.contact-form-check {
    position: relative;
    flex: 0 0 0.16rem;
    width: 0.16rem;
    height: 0.16rem;
    margin-top: 0.02rem;
    margin-right: 0.1rem;
    cursor: pointer;
}
.contact-form-check input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.contact-form-check span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,.55);
    background: var(--colorfff);
}
.contact-form-check input:checked + span {
    border-color: #e4002b;
    background: #e4002b;
}
.contact-form-check input:checked + span::after {
    content: "";
    position: absolute;
    left: 0.055rem;
    top: 0.02rem;
    width: 0.045rem;
    height: 0.085rem;
    border-right: 1px solid var(--colorfff);
    border-bottom: 1px solid var(--colorfff);
    transform: rotate(45deg);
}
.contact-form-agree-text {
    flex: 1;
}
.contact-form-agree a {
    color: var(--color333);
    text-decoration: underline;
    text-underline-offset: 0.02rem;
}
.contact-form-agree .contact-form-error {
    position: absolute;
    left: 0;
    top: 100%;
}
.contact-form-action {
    margin-top: 0.86rem;
    text-align: center;
}
.contact-form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.18rem;
    height: 0.52rem;
    border: 1px solid #e4002b;
    background: #e4002b;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--colorfff);
    cursor: pointer;
    transition: var(--transition);
}
.contact-form-result {
    margin-top: 0.16rem;
    font-size: var(--font16);
    line-height: var(--line15);
    color: #e4002b;
    opacity: 0;
    transform: translateY(0.08rem);
    transition: var(--transition);
}
.contact-form-result.act {
    opacity: 1;
    transform: translateY(0);
}
/* i2 联系我们：官网 contact 结构与表单 - end */

/* i3 附近门店：官网 store 结构 - start */
.store-section {
    padding: 1.1rem 0 1rem;
}
.store-container{
    width: 16.6rem;
    margin: auto;
}
.store-list-core {
    width: calc(100% - 2.6rem);
    max-width: none;
    margin: 0 auto;
}
.store-section-title {
    margin-bottom: 1rem;
    text-align: center;
    letter-spacing: .04rem;
    line-height: var(--line12);
}
.store-recommend-list {
    display: flex;
    margin: 0 -0.1rem -0.2rem;
    flex-wrap: wrap;
}
.store-recommend-item {
    width: 33.333333% !important;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
}
.store-list-img {
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
}
.store-list-img {
    aspect-ratio: 8 / 5;
}
.store-list-img img:first-child {
    height: 100%;
    opacity: 0;
}
.store-list-img img:nth-child(n+2) {
    object-fit: cover;
    transition: var(--transition);
}
.store-recommend-info {
    margin-top: 0.3rem;
}
.store-recommend-info h3{
    font-weight: 500;
    color: #111;
    line-height: var(--line15);
}
.store-list-info h3 {
    font-size: 0.22rem;
    line-height: 1.36;
    font-weight: 500;
    color: var(--color333);
}
.store-recommend-address,
.store-recommend-address p{
    line-height: var(--line15);
}
.store-recommend-address{
    margin-top: 0.1rem;
    opacity: .6;
}
.store-list-address {
    margin-top: 0.1rem;
    opacity: .58;
}
.store-recommend-time{
    margin-top: .4rem;
    line-height: var(--line12);
}
.store-list-time {
    margin-top: 0.34rem;
    font-size: 0.2rem;
    line-height: 1.4;
    color: var(--color333);
}
.store-list-section {
    padding: 0.9rem 0 1.2rem;
    background: #fafafa;
}
.store-list-head {
    margin-bottom: 1rem;
}
.store-list-title {
    line-height: var(--line12);
    font-weight: 500;
}
.store-list-sub {
    margin-top: .2rem;
    line-height: var(--line15);
}
.store-list {
    display: flex;
    flex-wrap: wrap;
    margin: -1.2rem -0.3rem 0;
}
.store-list-item {
    width: 50%;
    padding: 0 0.3rem;
    margin-top: 1.2rem;
}
.store-list-item:nth-child(2n) {
    margin-right: 0;
}
.store-list-item.is-hidden,
.store-more-btn.is-hidden {
    display: none;
}
.store-list-info {
    padding-top: 0.28rem;
}
.store-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    line-height: 46px;
    margin: 0.8rem auto 0;
    border: 1px solid var(--color000);
    font-size: var(--font14);
    color: var(--color000);
    transition: var(--transition);
    font-weight: 500;
    cursor: pointer;
}
/* i3 附近门店：官网 store 结构 - end */

/* j1-j2 海琛介绍/品牌传承：价值与时间线 - start */
.timeline-item {
    position: relative;
    width: 33.333%;
    padding: 0 0.14rem;
}
.timeline-item h3 {
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--color333);
}
.timeline-item p {
    margin-top: 0.1rem;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
}
/* j1-j2 海琛介绍/品牌传承：价值与时间线 - end */

/* j2 品牌传承：官网品牌页还原 - start */
.brand-main .ys-main {
    overflow: hidden;
    background: var(--colorfff);
}
.brand-main .ys-imgbox-cover img:nth-child(n+2) {
    object-fit: cover;
}
.brand-main .ys-nyban-cont h1{
    font-weight: 500;
    letter-spacing: .03rem;
    text-shadow: none;
}
.brand-hero {
    position: relative;
    color: var(--colorfff);
}
.brand-hero-img {
    width: 100%;
}
.brand-hero-title {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    text-align: center;
    text-shadow: 0 2px 1px rgba(0,0,0,.31);
    transform: translate(-50%, -50%);
}
.brand-hero-title h2 {
    font-size: var(--font46);
    line-height: 1.52;
    font-weight: 500;
    color: var(--colorfff);
}
.brand-hero-title p {
    margin-top: 0.22rem;
    font-size: var(--font20);
    line-height: 2;
    color: var(--colorfff);
}
.brand-start {
    padding-top: 1.4rem;
}
.brand-section-title {
    text-align: center;
}
.brand-wide-img {
    margin-top: 0.9rem;
    padding: 0 2.4rem;
}
.brand-wide-img img {
    width: 100%;
}
.brand-logo-story {
    margin: 2.2rem 0 2.5rem;
    padding: 0 2.4rem;
}
.brand-logo-story-ph {
    display: none;
}
.brand-logo-story-core {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.brand-logo-story-logo {
    width: 49%;
    text-align: center;
}
.brand-logo-story-logo img {
    width: 34%;
}
.brand-logo-story-copy {
    width: 51%;
}
.brand-logo-story-copy p {
    letter-spacing: 0.03rem;
    margin-bottom: 0.8rem;
}
.brand-logo-story-copy p:last-child{
    margin-bottom: 0;
}
/* .brand-video-title {
    margin-top: 1.6rem;
} */
.brand-video-title p {
    margin-top: 0.6rem;
}
.brand-video-box {
    margin-top: 0.9rem;
    padding: 0 2.4rem;
}
.brand-video-box-img{
    width: 100%;
    display: none;
}
.brand-video-box-img img{
    width: 100%;
}
.brand-history-section {
    margin-top: 1.5rem;
    padding-top: 1.8rem;
    padding-bottom: 2.5rem;
    background: #f9f7f4;
    box-shadow: inset 0 0.08rem 0.15rem 0 rgba(0,0,0,.06);
}
.brand-history-section .brand-story-start{
    line-height: 0.67rem;
}
.brand-history-title {
    padding: 0 5%;
    text-align: center;
}
.brand-history-title h2,
.brand-history-title p {
    font-size: var(--font32);
    line-height: 2.1;
    font-weight: 400;
    color: var(--color333);
}
.brand-history-box {
    position: relative;
    width: 100%;
    margin-top: 0.88rem;
}
.brand-history-card {
    border: 0.11rem solid var(--colorfff);
    background: var(--colorfff);
    box-shadow: 0 0.08rem 0.12rem 0 rgba(0,0,0,.1);
    margin-top: 0.56rem;
}
.brand-history-card img{
    width: 100%;
}
.brand-history-feature {
    width: 46.56%;
    margin: 0 auto;
    position: relative;
}
.brand-history-feature .brand-history-copy {
    position: absolute;
    width: 100%;
    bottom: 20%;
    left: 0;
    text-align: center;
}
.brand-history-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.brand-history-row-23 {
    margin-top: 1.43rem;
    padding: 0 1.77rem 0 2.09rem;
}
.brand-history-1965 {
    width: 8rem;
    display: flex;
    flex-direction: column;
}
.brand-history-1965 .brand-history-media {
    order: 2;
    margin-top: 0.4rem;
    aspect-ratio: 784 / 562;
}
.brand-history-1965 .brand-history-copy {
    order: 1;
    margin-top: 0;
    padding-left: 0.33rem;
}
.brand-history-1982 {
    width: 6.15rem;
    padding-top: 2.3rem;
}
.brand-history-1982 .brand-history-media {
    margin-top: 0.4rem;
    aspect-ratio: 593 / 529;
}
.brand-history-1985 .brand-history-entry-core {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.bhec-img{
    width: 53%;
    margin-right: 1rem;
}
.bhec-img img{
    width: 100%;
}
.brand-history-1985 .brand-history-copy {
    width: calc(47% - 1rem);
}
.brand-history-1987{
    position: relative;
}
.brand-history-1987 .brand-history-copy {
    position: absolute;
    right: 1.4rem;
    bottom: 0.7rem;
    width: 4.75rem;
}
.brand-history-1987 .brand-history-year,
.brand-history-1987 .brand-history-copy p {
    color: var(--colorfff);
}
.brand-history-row-67 {
    width: 74.27%;
    margin: 2.28rem auto 0;
}
.brand-history-1992 {
    width: 34.5%;
}
.brand-history-1992 .brand-history-copy {
    margin-top: 0.58rem;
    padding-left: 0.64rem;
}
.brand-history-1999 {
    width: 8.83rem;
    padding-top: 1.17rem;
}
.brand-history-1999 .brand-history-media {
    aspect-ratio: 883 / 836;
}
.brand-history-1999 .brand-history-copy {
    position: absolute;
    left: 5.7rem;
    top: 0.34rem;
    width: 3.7rem;
}
.brand-history-2001 {
    width: 64%;
    margin: 0.52rem auto 0;
    position: relative;
    display: flex;
    align-items: center;
}
.brand-history-2001 .brand-history-media {
    width: 66%;
}
.brand-history-2001 .brand-history-copy {
    width: 34%;
    transform: translateX(-0.35rem);
    position: relative;
    z-index: 2;
}
.brand-history-2011 {
    width: 100%;
    margin-top: -0.6rem;
}
.brand-history-2011 .brand-history-entry-core {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0ece6;
}
.brand-history-2011 .brand-history-media {
    width: 50%;
}
.brand-history-2011 .brand-history-copy {
    width: 50%;
    padding: 0 1rem 0 2.55rem;
}
.brand-history-row-1011 {
    position: relative;
    width: 78%;
    margin: 1.38rem auto 0;
    padding-bottom: 2.5rem;
}
.brand-history-2018 {
    width: 76.67%;
}
.brand-history-2018 .brand-history-media {
    margin-top: 0;
}
.brand-history-2018 .brand-history-media img{
    height: 100%;
    object-fit: cover;
}
.brand-history-2018 .brand-history-copy {
    width: 87%;
    margin-top: 0.58rem;
}
.brand-history-2024 {
    position: absolute;
    right: 0;
    top: 38%;
    width: 29.33%;
}
.brand-history-2024 .brand-history-media {
    margin-top: 0;
}
.brand-history-2024 .brand-history-media img{
    height: 100%;
    object-fit: cover;
}
.brand-history-2024 .brand-history-copy {
    margin-top: 0.5rem;
}
.brand-continue-section {
    position: relative;
    margin-top: 2rem;
    text-align: center;
}
.brand-continue-text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    padding: 0 5%;
}
.brand-continue-top {
    line-height: var(--line12);
}
.brand-continue-bottom {
    margin-top: 0.17rem;
    font-weight: 500;
    color: var(--colormain);
    letter-spacing: .02rem;
    line-height: var(--line12);
}
.brand-continue-bg {
    font-size: 2rem;
    line-height: 1.17;
    font-weight: 700;
    color: #f2f0ed;
}
/* j2 品牌传承：官网品牌页还原 - end */

/* j3 品牌资讯：线上新闻列表还原 - start */
.news-main {
    --news-red: #d10b2d;
    --colormain: var(--news-red);
    background: var(--colorfff);
}
.news-main .ys-main {
    margin-top: var(--headh);
}
.news-feature-section {
    background: var(--colorfff);
}
.news-feature-core {
    width: 58%;
    margin: auto;
    padding: 1rem 0 0.8rem;
    text-align: center;
}
.news-page-title {
    font-weight: 500;
    letter-spacing: .04rem;
    line-height: var(--line12);
}
.news-feature-card {
    margin-top: 0.7rem;
}
.news-feature-card a{
    width: 100%;
    display: block;
}
.news-feature-img {
    width: 100%;
}
.news-feature-img img{
    width: 100%;
}
.news-feature-info {
    margin-top: 0.4rem;
    text-align: center;
}
.news-card-category{
    line-height: var(--line12);
}
.news-card-date {
    margin-top: 0.16rem;
    line-height: var(--line12);
}
.news-feature-info-tit {
    font-size: var(--font26);
    font-weight: 500;
    color: var(--color000);
    margin-top: 0.16rem;
    line-height: var(--line15);
    transition: all .3s;
}
.news-all-section {
    padding: 1.1rem 0 1.3rem;
    background: #fafafa;
}
.news-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}
.news-section-title {
    font-weight: 500;
    line-height: var(--line12);
}
.news-main .news-tab-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 -0.3rem;
}
.news-main .news-tab-item {
    position: relative;
    margin: 0 0.3rem;
    padding: 0.12rem 0;
    font-size: var(--font14);
    line-height: var(--line12);
    color: var(--color000);
    cursor: pointer;
    transition: var(--transition);
    font-weight: 500;
}
.news-main .news-tab-item::after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--colormain);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: var(--transition);
    opacity: 0;
}
.news-main .news-tab-item.act {
    color: var(--news-red);
}
.news-main .news-tab-item.act::after {
    opacity: 1;
}
.news-main .news-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.25rem;
}
.news-main .news-list-item {
    width: 33.333333%;
    padding: 0 0.25rem;
    margin-bottom: 0.8rem;
}
.news-main .news-list-item:nth-child(3n) {
    margin-right: 0;
}
.news-main .news-list-item a {
    display: block;
    color: #000;
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
    transition: var(--transition);
}
.news-main .news-list-img {
    width: 100%;
    overflow: hidden;
}
.news-main .news-list-img img{
    height: 100%;
    object-fit: cover;
}
.news-main .news-list-info {
    margin-top: 0.24rem;
}
.news-main .news-list-info h3 {
    margin-top: 0.24rem;
    transition: .5s;
    line-height: var(--line15);
}
.news-more {
    text-align: center;
}
.news-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    border: 1px solid var(--color000);
    font-size: var(--font14);
    line-height: 46px;
    color: var(--color000);
    transition: var(--transition);
    font-weight: 500;
}
.news-list-info .news-card-date{
    margin-top: 0.1rem;
}
/* j3 品牌资讯：线上新闻列表还原 - end */

/* j4 新闻详情：文章正文 - start */
.article-head {
    text-align: center;
}
.article-head h2 {
    margin-top: 0.08rem;
}
.article-cover {
    margin-top: 0.48rem;
    overflow: hidden;
    border-radius: 0.08rem;
}
.article-page-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 0.52rem;
    padding-top: 0.26rem;
    border-top: 1px solid var(--home-line);
}
.article-page-link {
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color333);
}
/* j4 新闻详情：文章正文 - end */

/* j4 新闻详情：官网详情结构 - start */
.article-main .ys-nyban-img{
    position: relative;
}
.article-main .ys-nyban-img::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
}
.article-main .ys-nyban-cont h1{
    font-size: var(--font60);
    letter-spacing: 0;
}
.article-main .ys-nyban-cont{
    text-align: left;
    width: 52%;
}
.article-main .ys-nyban-title {
    top: -0.6rem;
    align-items: flex-end;
}
.article-main .ys-nyban-cont-parga{
    margin-top: 0.3rem;
}
.news-detail-section {
    overflow: visible;
    background: var(--colorfff);
}
.news-detail-head {
    position: relative;
    width: 100%;
    height: 7rem;
    overflow: hidden;
    color: var(--colorfff);
}
.news-detail-head::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
}
.news-detail-head-img {
    width: 100%;
    height: 100%;
}
.news-detail-head-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-detail-info {
    position: absolute;
    left: 50%;
    bottom: 0.6rem;
    z-index: 2;
    width: 10rem;
    color: var(--colorfff);
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.31);
    transform: translateX(-50%);
}
.news-detail-info .ys-cont1400 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.news-detail-title {
    order: 1;
    max-width: none;
    margin-top: 0;
    font-size: 0.6rem;
    line-height: 1.32;
    font-weight: 400;
    color: var(--colorfff);
}
.news-detail-info .news-detail-time {
    order: 2;
    margin-top: 0.3rem;
    font-size: 0.2rem;
    line-height: 1.3;
    color: var(--colorfff);
    white-space: pre;
}
.news-detail-body {
    width: 52%;
    margin: 0 auto;
    padding: 0.8rem 0 1.5rem;
}
.news-detail-body .yxedr-active {
    width: 100%;
    margin-top: 0;
    color: rgb(5, 7, 59);
}
.news-detail-body .yxedr-active,
.news-detail-body .yxedr-active p,
.news-detail-body .yxedr-active span,
.news-detail-body .yxedr-active li {
    font-size: 0.2rem;
    line-height: 2;
    color: rgb(5, 7, 59);
}
.news-detail-body .yxedr-active p {
    margin: 0;
}
.news-detail-body .yxedr-active img,
.news-detail-body .yxedr-active video {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0.2rem auto;
}
/* j4 新闻详情：官网详情结构 - end */

/* k1-k2 法律声明/隐私政策：文本条款 - start */
.policy-section {
    padding: 0.7rem 0 1rem;
    width: 62.5%;
    margin: auto;
}
.policy-block + .policy-block {
    margin-top: 0.46rem;
    padding-top: 0.46rem;
    border-top: 1px solid var(--home-line);
}
.policy-title {
    margin-bottom: 0.7rem;
    font-weight: 500;
    text-align: center;
}
.policy-copy,
.policy-copy p,
.policy-copy li {
    font-size: var(--font20);
    line-height: 1.7;
    color: var(--color333);
}
.policy-copy p {
    margin-bottom: 0.16rem;
}
.policy-copy > p:last-child {
    margin-bottom: 0;
}
/* k1-k2 法律声明/隐私政策：文本条款 - end */



/* 原站中文内容补充 - start */
/* 公共头部：原站导航下拉图文 */
.site-nav-down-core {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.head-nav-item-down1 .site-nav-down-core {
    justify-content: flex-start;
}
.sndc-le {
    width: 2.8rem;
    padding-right: 0.8rem;
}
.sndc-le-tit{
    font-size: var(--font18);
    line-height: var(--line15);
    color: var(--color000);
    font-weight: 500;
    margin-bottom: 0.24rem;
}
.site-nav-down-card-list {
    display: flex;
    margin: 0 -0.3rem;
}
.site-nav-down-card {
    width: 3.6rem;
    padding: 0 0.3rem;
}
.head-nav-item-down1 .site-nav-down-card {
    width: 33.333%;
}
.site-nav-down-card-link {
    display: block;
    color: var(--color333);
}
.site-nav-down-card-img {
    border-radius: 0.1rem;
    margin-top: 0.24rem;
}
.site-nav-down-card-title {
    font-size: var(--font18);
    line-height: var(--line12);
    font-weight: 500;
    color: var(--color000);
    transition: var(--transition);
}
.site-nav-down-card.yxnav-active2 .site-nav-down-card-title {
    color: var(--colormain);
}
/* 产品详情：颜色与图库补充 */
.product-gallery-img,
.feature-card-img,
.timeline-img {
    width: 100%;
}
.feature-card-img {
    margin-bottom: 0.24rem;
    overflow: hidden;
    border-radius: 0.08rem;
}
/* 品牌/大片：图库、数据与地图 */
.story-gallery-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.16rem -0.32rem;
}
.story-gallery-item {
    width: 50%;
    padding: 0 0.16rem;
    margin-bottom: 0.32rem;
}
.story-gallery-img,
.timeline-img,
.about-map {
    overflow: hidden;
    border-radius: 0.08rem;
}
.story-video.act .story-video-mask,
.story-video.act .story-video-play {
    opacity: 0;
    pointer-events: none;
}
.story-video-mask,
.story-video-play {
    transition: var(--transition);
}
.about-stat-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0.34rem -0.16rem 0;
}
.about-stat-item {
    width: 50%;
    padding: 0 0.16rem;
}
.about-stat-num {
    display: block;
    font-size: var(--font48);
    line-height: var(--line12);
    color: var(--colormain);
}
.about-stat-label {
    display: block;
    margin-top: 0.08rem;
    font-size: var(--font16);
    line-height: var(--line15);
    color: var(--color666);
}
.about-country-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0.28rem -0.08rem -0.12rem;
}
.about-country-item {
    margin: 0 0.08rem 0.12rem;
    padding: 0.08rem 0.16rem;
    border: 1px solid var(--home-line);
    border-radius: 999px;
    font-size: var(--font14);
    line-height: var(--line15);
    color: var(--color666);
}
/* 富文本：新闻详情、FAQ、法律条款 */
.yxedr-active img,
.yxedr-active video {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0.24rem auto;
}
.yxedr-active ul,
.yxedr-active ol {
    margin: 0.16rem 0;
    padding-left: 0.24rem;
}
.yxedr-active ul {
    list-style: disc;
}
.yxedr-active ol {
    list-style: decimal;
}
.yxedr-active li + li {
    margin-top: 0.08rem;
}
/* 原站中文内容补充 - end */

/* b1 原站详情页还原 - start */
.origin-main {
    --product-origin-sticky-height: 17.4rem;
}
.ys-page-wrap.act .ys-main{
    margin-top: var(--headh);
}
.origin-detail {
    padding: 0.56rem 0 1rem;
    overflow: visible;
}
.origin-detail-cont {
    width: 100%;
    padding: 0 1.2rem;
}
.product-gallery-set {
    display: none;
    position: relative;
}
.product-gallery-set.act {
    display: block;
}
.product-gallery-pane {
    background: #f8f8f8;
    width: 100%;
}
.product-gallery-pane img{
    width: 100%;
}
.origin-detail .product-gallery-viewer-img {
    cursor: zoom-in;
}
.origin-detail .product-detail-title {
    line-height: var(--line12);
    font-weight: 500;
    margin-top: 0.1rem;
}
.origin-detail .inside-title-sub {
    line-height: var(--line12);
    opacity: 0.65;
}
.product-detail-desc {
    margin-top: 0.4rem;
    line-height: 1.9;
}
.product-detail-desc p{
    line-height: inherit;
}
.product-model {
    margin-top: 0.8rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: var(--font14);
    line-height: 1.86;
    color: var(--color000);
    opacity: 0.8;
}
.pdim-nub{
    padding: .4rem 0;
    border-bottom: 1px solid #e9e9e9;
}
.pdim-nub-tit {
    line-height: var(--line12);
}
.product-color-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.24rem;
}
.product-detail-info-more .product-color-list{
    justify-content: flex-start;
}
.product-detail-info-more .product-size-list{
    flex-direction: row;
    max-height: inherit;
    margin-top: 0.3rem;
}
.product-color-item {
    position: relative;
    margin-left: 0.34rem;
    cursor: pointer;
    padding: 0 0.1rem;
    border: 3px solid #fff;
}
.product-color-item:nth-child(1){
    margin-left: 0;
}
.product-color-item.disabled{
    opacity: .4;
    cursor: default;
    pointer-events: none;
}
.product-color-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    background: var(--bgcolor);
}
.product-color-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.product-color-img::after {
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: 1px solid #d55a6f;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    opacity: 0;
}
.product-color-item.act .product-color-img::after{
    opacity: 1;
}
.product-color-name {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
.product-action {
    display: flex;
    align-items: center;
    padding: 0.4rem 0;
    border-bottom: 1px solid #e9e9e9;
}
.product-buy-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64.5%;
    background: var(--color000);
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 70px;
    transition: var(--transition);
    letter-spacing: .03rem;
    border-radius: .04rem;
}
.product-store-link {
    display: flex;
    align-items: center;
    margin-left: 0.4rem;
    padding: 0.05rem 0;
}
.product-store-icon {
    width: 0.28rem;
    margin-right: 0.14rem;
}
.product-store-icon img{
    width: 100%;
}
.product-store-link span{
    position: relative;
}
.product-store-link span:after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--color000);
    position: absolute;
    left: 0;
    bottom: -0.05rem;
}
.origin-detail-spec {
    --product-origin-sticky-height: 18.2rem;
}
.origin-detail-spec .product-size {
    padding: 0.4rem 0 0.36rem;
    border-bottom: 0;
}
.origin-detail-spec .product-size-title {
    font-size: var(--font20);
    line-height: 1.15;
    color: #000;
}
.origin-detail-spec .product-size-list {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 0;
    margin: 0.22rem -0.09rem 0;
}
.origin-detail-spec .product-size-item,
.origin-detail-spec .product-size-item.act,
.origin-detail-spec .product-size-item.is-disabled {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 25%;
    width: 25%;
    min-width: 0;
    min-height: 0.32rem;
    margin: 0;
    padding: 0 0.19rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    isolation: isolate;
    color: #000;
    font-size: var(--font14);
    line-height: 1.35;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
}
.origin-detail-spec .product-size-item::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0.09rem;
    bottom: 0;
    left: 0.09rem;
    border: 1px solid #e9e9e9;
    border-radius: 0.02rem;
    background: #fff;
    z-index: -1;
    transition: var(--transition);
}
.origin-detail-spec .product-size-item.act::before {
    border-color: #d55a6f;
}
.origin-detail-spec .product-size-item.is-disabled {
    color: rgba(0, 0, 0, 0.12);
    cursor: not-allowed;
}
.origin-detail-spec .product-size-item.is-disabled::before {
    border-color: #f0f0f0;
}
.origin-detail-spec .product-color-title {
    margin-top: 0;
}
.origin-detail-spec .product-color-list {
    margin-bottom: 0;
}
.origin-detail-spec .product-action {
    margin-top: 0.34rem;
    border-top: 1px solid #e9e9e9;
}
.product-highlight {
    padding: 0.4rem 0;
    border-bottom: 1px solid #e9e9e9;
}
.origin-detail .product-panel-title {
    font-size: var(--font20);
    line-height: 1.15;
    font-weight: 400;
    color: #000;
}
.origin-detail .product-highlight-more {
    display: flex;
    flex-wrap: wrap;
    margin: 0.4rem -0.075rem 0 !important;
}
.origin-detail .product-highlight-item {
    width: 33.333%;
    padding: 0 0.075rem;
    margin-bottom: 0.4rem;
}
.origin-detail .product-highlight-img {
    margin-bottom: 0.2rem;
}
.product-capacity {
    padding: 0.4rem 0;
}
.product-capacity-text {
    margin-top: 0.4rem;
    color: #343434;
    line-height: var(--line15);
}
.product-capacity-text p{
    color: #343434;
    line-height: var(--line15);
}
.origin-main .origin-feature,
.origin-main .origin-related {
    display: none;
}

/* b1 原站详情页还原 - end */

/* c1 film page - start */
.film-main .ys-nybanner{
    height: 100vh;
}
.film-main .ys-nyban-img{
    height: 100%;
}
.film-main .ys-nyban-img img{
    height: 100%;
    object-fit: cover;
}
.ys-nyban-cont h1{
    font-size: var(--font46);
    letter-spacing: .04rem;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .31);
}
.ys-nyban-cont{
    width: 90%;
    text-align: center;
}
.blockbuster-hero-down {
    position: absolute;
    left: 50%;
    bottom: 0.7rem;
    z-index: 2;
    width: 0.3rem;
    transform: translateX(-50%);
    animation: blockbusterDown 2s ease-out infinite;
    filter: drop-shadow(0 0.02rem 0.04rem rgba(0, 0, 0, .2));
}
.blockbuster-hero-down img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@keyframes blockbusterDown {
    0% {
        bottom: .7rem
    }

    50% {
        bottom: 1.2rem
    }

    to {
        bottom: .7rem
    }
}
.blockbuster-word {
    padding-top: 1.4rem;
}
.blockbuster-word-tit{
    text-align: center;
}
.blockbuster-word h2 {
    line-height: var(--line12);
    letter-spacing: 0.03rem;
}
.blockbuster-word-tit-parga{
    margin-top: 0.18rem;
}
.blockbuster-word-tit-parga p {
    line-height: 0.5rem;
    letter-spacing: 0.01rem;
}
.blockbuster-video-section {
    width: 12.8rem;
    margin: 1rem auto 0;
}
.blockbuster-video-section-gif{
    width: 100%;
    display: none;
}
.blockbuster-video-section-gif img{
    width: 100%;
}
.blockbuster-statement {
    padding-top: 2rem;
}
.blockbuster-statement-tit{
    text-align: center;
}
.blockbuster-statement-tit h2{
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.04rem;
}
.blockbuster-statement-zh {
    margin-top: 1rem;
    font-size: 0.54rem;
    line-height: 1.185;
    font-weight: 300;
    color: #111;
}
.blockbuster-statement p {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    color: inherit;
}
.blockbuster-gallery {
    display: flex;
    width: 100%;
    margin-top: 1.8rem;
    flex-wrap: wrap;
}
.blockbuster-gallery-item {
    width: 50%;
}
.film-main .story-video-section {
    padding: 0;
    background: var(--colorfff);
}
.film-main .story-video-section .ys-cont1400 {
    width: 100%;
    max-width: none;
}
.film-main .story-video-section .inside-title-sub,
.film-main .story-video-mask,
.film-main .story-video-play,
.film-main .story-video-cover {
    display: none;
}
.film-main .story-video-section .std-title2 {
    font-size: 0.32rem;
    line-height: 1.2;
    font-weight: 400;
    color: var(--color333);
}
.film-main .story-video {
    position: relative;
    width: 12.8rem;
    max-width: calc(100% - 0.6rem);
    margin: 0 auto;
    border-radius: 0;
    cursor: auto;
}
.film-main .story-video > video {
    position: static;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    transform: none;
    object-fit: cover;
}
.film-main .story-gallery-section {
    padding: 0;
    background: var(--colorfff);
}
.film-main .story-gallery-section .ys-cont1400 {
    width: 100%;
    max-width: none;
}
.film-main .story-gallery-section .inside-title-sub{
    display: none;
}
.film-main .story-gallery-section .std-title2 {
    font-size: 0.54rem;
    line-height: 1.2;
    font-weight: 300;
    font-style: italic;
    color: var(--color333);
}
.film-main .story-gallery-list {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}
.film-main .story-gallery-item {
    width: 50%;
    padding: 0;
}
.film-main .story-gallery-img {
    width: 100%;
    border-radius: 0;
}
.blockbuster-story-block {
    padding-top: 1.7rem;
}
.bsbu-li{
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.bsbu-li:last-child{
    margin-bottom: 0;
}
.bsbu-li.on {
    flex-direction: row-reverse;
}
.bsbu-li-img{
    width: 50%;
}
.blockbuster-story-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
}
.blockbuster-story-text {
    text-align: center;
}
.blockbuster-story-text h2 {
    line-height: var(--line12);
}
.blockbuster-story-text-parga {
    margin-top: 0.2rem;
}
.blockbuster-story-img {
    width: 72%;
    margin-left: 0.5rem;
}
.bsbu-li.on .bsbu-li-img{
    display: flex;
    justify-content: flex-end;
}
.bsbu-li.on .blockbuster-story-img{
    margin-left: 0;
    margin-right: 0.5rem;
}
.film-main .story-intro-section {
    padding: 0;
    background: var(--colorfff);
}
.film-main .story-intro-section .ys-cont1400 {
    width: 100%;
    max-width: none;
}
.film-main .story-intro-section .story-intro-core {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 9.7rem;
}
.film-main .story-intro-section .inside-title-sub {
    display: none;
}
.film-main .story-intro-section .story-intro-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    padding: 0 0.6rem;
    text-align: center;
}
.film-main .story-intro-section .story-intro-img {
    width: 6.88rem;
    margin: 0 0 0 0.5rem;
    border-radius: 0;
}
.film-main .story-intro-section .story-intro-img:first-child {
    margin-right: 0.5rem;
    margin-left: 2.22rem;
}
.film-main .story-intro-section .std-title2 {
    font-size: 0.4rem;
    line-height: 1.18;
    font-weight: 400;
    color: var(--color333);
}
.film-main .story-intro-section .story-intro-desc,
.film-main .story-intro-section .story-intro-desc p {
    margin-top: 0.2rem;
    font-size: 0.24rem;
    line-height: 1.84;
    color: var(--color333);
}
.film-main .story-intro-section .story-intro-desc p + p {
    margin-top: 0;
}
.blockbuster-scene-section {
    margin-top: 1.8rem;
}
.blockbuster-scene-slick {
    width: 100%;
}
.blockbuster-scene-slide:not(:first-child) {
    display: none;
}
.blockbuster-scene-slick.slick-initialized .blockbuster-scene-slide {
    display: block;
}
.blockbuster-scene-img {
    width: 100%;
}
.blockbuster-products {
    width: calc(100% - 1.2rem);
    max-width: none;
    margin: 0 auto;
    padding: 1.6rem 0 1.2rem;
}
.film-main .product-related-section,
.film-main .product-series-section,
.film-main .story-products-section,
.film-main .story-product-section,
main:has(.blockbuster-hero) .product-related-section,
main:has(.blockbuster-hero) .product-series-section,
main:has(.blockbuster-hero) .story-products-section,
main:has(.blockbuster-hero) .story-product-section {
    display: none;
}
.blockbuster-products-title {
    text-align: center;
}
.blockbuster-products-title h2 {
    font-size: 0.54rem;
    line-height: 1.315;
    font-weight: 400;
    letter-spacing: 0.05rem;
    color: #111;
}
.blockbuster-products-title p {
    margin-top: 0.4rem;
    font-size: 0.2rem;
    line-height: 1.3;
    letter-spacing: 0.1rem;
    color: #111;
}
.blockbuster-product-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.blockbuster-product-item {
    width: calc((100% - 0.6rem) / 4);
    margin-right: 0.1rem;
    margin-bottom: 0.5rem;
}
.blockbuster-product-item:nth-child(4n) {
    margin-right: 0;
}
.blockbuster-product-item a,
.blockbuster-product-img {
    display: block;
}
.blockbuster-product-img {
    width: 100%;
}
.blockbuster-product-item h3 {
    margin-top: 0.4rem;
    font-size: 0.2rem;
    line-height: 1.15;
    font-weight: 400;
    color: #111;
    text-align: center;
    word-break: break-word;
}
.story-intro-section + .product-related-section {
    padding: 1.6rem 0 1.2rem;
    background: var(--colorfff);
}
.story-intro-section + .product-related-section .ys-cont1400 {
    width: calc(100% - 1.2rem);
    max-width: none;
}
.story-intro-section + .product-related-section .inside-title-sub {
    display: none;
}
.story-intro-section + .product-related-section .product-card-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.story-intro-section + .product-related-section .product-card-item {
    width: calc((100% - 0.3rem) / 4);
    padding: 0;
    margin-right: 0.1rem;
    margin-bottom: 0.5rem;
}
.story-intro-section + .product-related-section .product-card-item:nth-child(4n) {
    margin-right: 0;
}
.story-intro-section + .product-related-section .product-card-item a {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.story-intro-section + .product-related-section .product-card-img {
    width: 100%;
}
.story-intro-section + .product-related-section .product-card-info {
    margin-top: 0.36rem;
}
.story-intro-section + .product-related-section .product-card-type,
.story-intro-section + .product-related-section .product-card-info p {
    display: none;
}
.story-intro-section + .product-related-section .product-card-info h3 {
    margin-top: 0;
    font-size: 0.16rem;
    line-height: 1.3;
    font-weight: 400;
    color: #111;
    text-align: center;
}
.blockbuster-product-img img:nth-child(n+2) {
    transition: var(--transition1);
}
/* c1 film page - end */

/* j1 about page - start */
.about-main .ys-main {
    background: var(--colorfff);
}
.about-hero {
    position: relative;
    color: var(--colorfff);
    background: #f4f4f4;
}
.about-hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9rem;
    max-width: 88%;
    color: var(--colorfff);
    text-align: center;
    transform: translate(-50%, -50%);
}
.about-hero-title {
    font-size: 0.46rem;
    line-height: 1.2;
    font-weight: 400;
    color: var(--colorfff);
}
.about-hero-desc {
    margin-top: 0.3rem;
}
.about-hero-desc,
.about-hero-desc p {
    font-size: var(--font16);
    line-height: 1.78;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.88);
}
.about-hero-desc p + p {
    margin-top: 0.02rem;
}
.about-expert-section {
    padding: 1.2rem 5%;
    text-align: center;
}
.about-expert h2{
    letter-spacing: 0.03rem;
}
.about-expert {
    width: 9.8rem;
    max-width: 100%;
    margin: 0 auto;
}
.about-expert-title {
    font-size: 0.3rem;
    line-height: 1.32;
    font-weight: 400;
    color: #111;
}
.about-expert-desc {
    margin-top: 0.24rem;
    line-height: 2;
}
.about-expert-desc p{
    line-height: 2;
    letter-spacing: .01rem;
}
.about-strength-section {
    background: var(--colorfff);
}
.about-strength-view {
    position: relative;
    overflow: hidden;
}
.about-strength-list {
    margin: 0 -5px;
}
.about-strength-item {
    width: 33.333333%;
    padding: 0 5px;
}
.about-strength-card {
    position: relative;
}
.about-strength-card::after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent, #000);
    opacity: .6;
}
.about-strength-info {
    position: absolute;
    width: 100%;
    padding: 0 0.32rem;
    bottom: 0.7rem;
    left: 0;
    z-index: 5;
}
.about-strength-info-tit {
    font-size: var(--font26);
    line-height: var(--line12);
    color: var(--colorfff);
}
.about-strength-info-parga{
    margin-top: 0.1rem;
    color: var(--colorfff);
}
.about-strength-info p {
    color: var(--colorfff);
}
.about-strength-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 0.5rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.35);
    cursor: pointer;
    transform: translateY(-50%);
}
.about-strength-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    aspect-ratio: 1 / 1;
    border-top: 1px solid var(--colorfff);
    border-left: 1px solid var(--colorfff);
    transform: translate(-38%, -50%) rotate(-45deg);
}
.about-strength-arrow-prev {
    left: 0.1rem;
}
.about-strength-arrow-next {
    right: 0.1rem;
}
.about-strength-arrow-next::before {
    transform: translate(-62%, -50%) rotate(135deg);
}
.about-beyond-section {
    margin-top: 1rem;
    position: relative;
}
.about-beyond-img{
    width: 100%;
    position: relative;
}
.about-beyond-img img{
    width: 100%;
}
.about-beyond-img::after{
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(271deg, transparent, #000 69%);
    opacity: .5;
    position: absolute;
    bottom: 0;
    left: 0;
}
.about-beyond-text {
    width: 100%;
    height: 100%;
    padding: 0 1.43rem;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: 5;
    flex-direction: column;
}
.about-beyond-title {
    color: var(--colorfff);
    letter-spacing: .02rem;
}
.about-beyond-desc {
    margin-top: 0.24rem;
}
.about-beyond-desc,
.about-beyond-desc p {
    color: var(--colorfff);
    line-height: 2;
}
.about-beyond-desc p + p {
    margin-top: 0.02rem;
}
.about-global-section {
    padding: 1.2rem 0 0.65rem;
    text-align: center;
}
.about-global-title p {
    font-size: 0.22rem;
    line-height: 1.55;
    font-weight: 400;
    color: var(--color333);
}
.about-global-title strong {
    display: inline-block;
    margin: 0 0.08rem;
    font-size: 0.44rem;
    line-height: 1;
    font-weight: 400;
    color: #e6002d;
    vertical-align: -0.05rem;
}
.about-global-map {
    position: relative;
    margin-top: 0.65rem;
}
.about-global-map-img{
    width: 100%;
}
.about-global-map-img img{
    width: 100%;
}
.about-global-ph{
    display: none;
}
.about-global-title{
    font-size: var(--font26);
    color: var(--color000);
    line-height: 2;
}
.about-global-title span{
    color: var(--colormain);
    font-size: var(--font40);
    margin-left: .15rem;
    margin-right: .15rem;
    display: inline-block;
}
.about-global-title em{
    font-size: var(--font26);
    font-style: normal;
}
.about-global-section-cont{
    width: 100%;
    padding: 0 0.7rem;
}
.about-region-list {
    position: absolute;
    inset: 0;
}
.about-region-item {
    position: absolute;
    transform: translate(-50%, -50%);
}
.about-region-item-circle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    border: 2px solid var(--colormain);
    text-align: center;
    background: var(--colorfff);
    cursor: pointer;
    opacity: 0.6;
}
.aric-cont{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.aric-cont::after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    filter: blur(20px);
    transition: all .5s;
    z-index: -1;
}

.aric-name{
    line-height: 1.1;
    transition: all .3s ease-in-out;
}
.aric-num{
    text-align: center;
    margin-top: .1rem;
    font-size: var(--font40);
    font-weight: 700;
    line-height: 1.1;
    color: var(--color000);
    transition: all .3s ease-in-out;
}
.about-region-detail {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}
.about-region-pop {
    position: absolute;
    top: 1.78rem;
    left: 50%;
    z-index: 10;
    width: 4.27rem;
    padding: 0.3rem 0.36rem;
    border: 1px solid red;
    background: var(--colorfff);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 0.3rem);
    transition: all .3s;
    text-align: left;
}
.about-region-pop-title {
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #d9d9d9;
    line-height: var(--line12);
}
.about-region-pop-text {
    margin-top: 0.23rem;
    line-height: 2;
}
.about-region-pop-text p{
    line-height: 2;
}
.about-region-pop-close {
    display: none;
}
.about-region-item.is-open .about-region-pop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}
.about-region-sa .about-region-pop,
.about-region-africa .about-region-pop,
.about-region-oceania .about-region-pop {
    top: auto;
    bottom: calc(100% + 0.22rem);
    transform: translate(-50%, -0.12rem);
}
.about-region-sa.is-open .about-region-pop,
.about-region-africa.is-open .about-region-pop,
.about-region-oceania.is-open .about-region-pop {
    transform: translate(-50%, 0);
}
.about-main .ys-nyban-cont h1{
    text-shadow: none;
}
.about-main .ys-nyban-cont-parga {
    margin-top: 0.3rem;
}
.about-main .ys-nyban-cont-parga p{
    letter-spacing: .02rem;
    text-shadow: none;
}
.about-strength-section .custom-product-arrow::after {
    background: url(../images/arrow1.png) center / cover no-repeat;
}
.about-region-item.top .about-region-pop{
    top: auto;
    bottom: 1.78rem;
    transform: translate(-50%, -0.3rem);
}
.about-region-item-icon{
    width: 10px;
    display: none;
}
.about-region-item-icon img{
    width: 100%;
}
/* j1 about page - end */
.brand-story-start {
    line-height: var(--line12);
    letter-spacing: 0.03rem;
}
.brand-story-desc{
    margin-top: 0.24rem;
}
.brand-story-desc,
.brand-story-desc p{
    line-height: 2.625;
}
.brand-section-tit{
    line-height: var(--line12);
}
.brand-video-title p{
    margin-top: 0;
}
.brand-status .brand-story-desc{
    margin-top: 0.6rem;
}
.brand-status{
    padding-top: 1.6rem;
}
.brand-video-box video{
    aspect-ratio: auto;
}
.brand-history-tit{
    line-height: 2.1;
    color: var(--color000) !important;
}
.brand-history-year{
    line-height: var(--line12);
    font-family: 'Futura-Medium';
}
.brand-history-desc{
    margin-top: 0.2rem;
    opacity: 0.8;
}
.brand-history-entry{
    display: flex;
    flex-direction: column;
}
.brand-history-entry:nth-child(odd) {
    width: 53%;
}
.brand-history-entry:nth-child(odd) .brand-history-copy{
    padding-left: 0.33rem;
}
.brand-history-entry:nth-child(even) {
    padding-top: 2.3rem; 
    width: 40.5%;
}
.brand-history-media {
    width: 100%;
}
.brand-history-media img{
    width: 100%;
}
.brand-history-entry-tit{
    line-height: var(--line15);
    opacity: .8;
    margin-top: 0.22rem;
}
.brand-history-award{
    width: 50.83%;
    margin: 1.29rem auto 0;
}
.brand-history-1985 .brand-history-media{
    aspect-ratio: auto;
}
.brand-history-1987 .brand-history-entry-tit{
    color: var(--colorfff);
}
.brand-history-process{
    width: 62.5%;
    padding-top: 1.17rem;
    position: relative;
}
.brand-history-process .brand-history-copy{
    position: absolute;
    width: 370px;
    top: .34rem;
    right: -70px;
}
.brand-history-process-box{
    position: relative;
}
.brand-history-2001 .brand-history-entry-tit{
    margin-top: 0;
}
/* i2 表单样式 */
.contact-form .ys-fii-input input, 
.contact-form .ys-fii-input textarea{
    color: var(--color000);
    background: var(--colorfff);
}
.contact-form .ys-fii-name{
    margin-bottom: 0.1rem;
    color: var(--color000);
}
.contact-form .ys-fii-input input::placeholder,
.contact-form .ys-fii-input textarea::placeholder{
    color: #757575 !important;
} 
.ys-form.contact-form {
    --space: 0;
    --spacebot: 30px;
    --spacein: 10px;
    --height: 58px;
    --colortips: #f00;
}
.contact-form  .ys-fii-input{
    border: 1px solid #e9e9e9;
}
.contact-form .ys-fii-submit{
    width: 3.18rem;
    line-height: 52px;
    height: auto;
    background: #d10b2d;
    font-size: var(--font14);
    color: #fff;
    display: flex;
    margin: .7rem auto 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.contact-form .ys-fia-text-word{
    color: var(--color000);
    width: calc(100% - 20px);
}
.contact-form .ys-fia-text-word a {
    color: var(--color000);
    text-decoration-line: underline; 
    text-decoration-style: solid;    
    text-decoration-thickness: 1px;  
    text-decoration-color: var(--color000);
}
.contact-form .ys-form-inof-text{
    display: none;
    margin-top: -0.2rem;
}
.contact-form .ys-form-inof-text .ys-fii-input{
    height: 70px;
}
.contact-form .ys-form-inof-text .ys-fii-input textarea{
    padding: 0.1rem;
}
.contact-form .ys-select-li{
    color: var(--color000);
    line-height: var(--line12);
    padding: 8px var(--spacein);
    cursor: pointer;
}
.contact-form .ys-select-info .ys-select-li.on{
    background: var(--colormain);
    color: var(--colorfff);
}
.contact-form .ys-form-inof-agree{
    margin-bottom: 0 !important;
    margin-left: 2px;
}
.contact-form .ys-select-bd{
    top: calc(100% + 6px);
    border: 1px solid #e9e9e9;
    box-shadow: var(--shadow);
}
.contact-form .ys-select-scroll{
    max-height: 282px;
}
.contact-form .ys-fia-text-btn::before{
    border: 1px solid var(--color000);
}
.ys-fia-text-btn::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: var(--transition);
    background: url(../images/0_toi2_icon01.svg) center / cover no-repeat;
}
.contact-form .ys-fia-text-btn{
    width: 20px;
    height: 20px;
}
.news-detail-cont p{
    font-size: var(--font20) !important;
    line-height: 2;
    color: rgb(5, 7, 59);
    margin-bottom: 0.2rem !important;
}
.news-detail-cont p:last-child{
    margin-bottom: 0 !important;
}
.news-detail-body .yxedr-active img{
    margin: 0;
}
.brand-wide-img-full{
    width: 100%;
}
.brand-wide-img-full img{
    width: 100%;
}
/* privacy - start */
.policy-tit{
    line-height: var(--line12);
    margin-bottom: 0.7rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: .04rem;
}
.policy-copy h2,
.policy-copy p{
    font-size: var(--font20);
    line-height: 1.7;
    color: var(--color000);
    margin-bottom: 0;
}
/* privacy - end */
/* 2026.06.18 - Teemo新增 - start */
.brand-history-feature,
.brand-history-1987,
.brand-history-2001{
    position: relative;
}
.brand-history-feature .brand-history-media{
    aspect-ratio: auto;
    margin-top: 0;
}
.contact-form .ys-select-li{
    transition: var(--transition);
}
.brand-story-title,
.brand-wide-img,
.brand-logo-story-core,
.brand-video-title,
.brand-video-box,
.brand-wide-img-full{
    opacity: 0;
    transform: translateY(1rem);
}
.brand-history-process,
.brand-history-1992,
.brand-history-2001,
.brand-history-2018,
.brand-history-2024,
.brand-continue-section,
.brand-history-entry,
.brand-history-2011,
.brand-history-1985,
.brand-history-1987,
.brand-history-feature{
    transform: translateY(1rem);
}
.ys-header .ys-hd-pc{
    transition: var(--transition);
}
.ys-hd-pc {
    will-change: transform;
    transform: translateY(0);
}
.no-white .ys-hd-pc.isfixed .head-lang-text,
.no-white .ys-hd-pc.isfixed .head-search-text,
.no-white .ys-hd-pc.isfixed .head-nav-item-title{
    color: var(--colorfff);
}
.no-white.istrue .ys-hd-pc.isfixed .head-lang-text,
.no-white.istrue .ys-hd-pc.isfixed .head-search-text,
.no-white.istrue .ys-hd-pc.isfixed .head-nav-item-title{
    color: var(--color000);
}
.no-white .ys-hd-pc::before,    
.no-white .ys-hd-pc.isfixed::before{
    background: transparent;
    box-shadow: none;
}
.no-white.istrue .ys-hd-pc::before,    
.no-white.istrue .ys-hd-pc.isfixed::before{
    background: var(--colorfff);
    box-shadow: var(--shadow);
}
.no-white .ys-hd-pc.isfixed .head-search-btn img:nth-of-type(2),
.no-white .ys-hd-pc.isfixed .head-logo img:nth-of-type(2){
    opacity: 0;
}
.no-white.istrue .ys-hd-pc.isfixed .head-search-btn img:nth-of-type(2),
.no-white.istrue .ys-hd-pc.isfixed .head-logo img:nth-of-type(2){
    opacity: 1;
}
.no-white .ys-hd-pc.isfixed .head-search-btn img:first-child,
.no-white .ys-hd-pc.isfixed .head-logo img:first-child{
    opacity: 1;
}
/* hover后 */
.no-white .isfixed.ishover .head-lang-text,
.no-white .isfixed.ishover .head-search-text,
.no-white .isfixed.ishover .head-nav-item-title{
    color: var(--color000);
}
.no-white .ys-hd-pc.ishover::before{
    background: var(--colorfff);
    box-shadow: var(--shadow);
} 
.no-white .ys-hd-pc.isfixed.ishover .head-search-btn img:nth-of-type(2),
.no-white .ys-hd-pc.isfixed.ishover .head-logo img:nth-of-type(2){
    opacity: 1;
}
.no-white .ys-hd-pc.isfixed.ishover .head-search-btn img:first-child,
.no-white .ys-hd-pc.isfixed.ishover .head-logo img:first-child{
    opacity: 0;
}
/* 2026.06.18 - Teemo新增 - end */
/* 2026.06.24 - Teemo新增 - start */
.product-filter-modal-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #f2f2f2;
}
.product-filter-modal .ys-modal-close{
    margin: 0;
}
.product-filter-modal .ys-modal-wrap{
    width: 100%;
    height: 100%;
    padding: 0;
}
.product-filter-modal .ys-modal-container{
    display: block;
}
.product-filter-modal .ys-modal-content{
    max-width: none;
}
.product-filter-modal .ys-modal-container,
.product-filter-modal .ys-modal-content{
    width: 100%;
    height: 100%;
    padding: 0;
}
.pfmt-tit{
    line-height: 56px;
    font-weight: 500;
}
.pfmt-close{
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
    margin-right: -.2rem;
    -webkit-transform: rotate(45deg);
    cursor: pointer;
}
.pfmt-close::before{
    content: "";
    display: block;
    height: 0.4rem;
    width: 1px;
    background: var(--color000);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.pfmt-close::after{
    content: "";
    display: block;
    width: 0.4rem;
    height: 1px;
    background: var(--color000);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}
.pfms-close{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pfms-close::before{
    content: "";
    display: block;
    height: 0.26rem;
    width:  1px;
    background: var(--color000);
    right: 13px;
    left: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    transition: var(--transition);
}
.pfms-box .pfms-box-hd.on .pfms-close::before{
    transform: translateY(-50%) rotate(90deg);
}
.pfms-close::after{
    content: "";
    display: block;
    width: 0.26rem;
    height:  1px;
    background: var(--color000);
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
.product-filter-modal-sel{
    width: 100%;
    padding: 0 20px;
}
.pfms-box .product-size-list{
    max-height: none;
}
.pfms-box .product-size-nub-text{
    padding-left: 0.16rem;
}
.pfms-box-name{
    font-weight: 500;
}
.pfms-box-hd{
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.product-filter-modal-btn{
    width: 100%;
    padding: 0.4rem;
    background: var(--colorfff);
    position: absolute;
    bottom: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;  
}
.product-filter-modal-btn .std-font18{    
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 100%;
    background: var(--color000);
    color: var(--colorfff);
    line-height: 50px;
    border-radius: 0.1rem;
}
.product-filter-modal .product-size-nub:not(:first-child){
    margin-top: 0.2rem;
}
.product-filter-modal .pfms-box-bd{
    position: relative;
    margin-top: 0.28rem;
    height: auto;
}
.product-filter-modal .product-size-clear{
    margin-top: 0.32rem;
}
.pfms-box{
    padding:0.4rem 0;
    border-bottom: 1px solid #f2f2f2;
}
.pfms-box .product-size-nub-circle{
    width: 16px;
    height: 16px;
}
.product-filter-modal-scroll{
    height: 70vh;
    overflow-y: auto;
}   
 /* 兼容 Firefox */
.product-filter-modal-scroll {
    scrollbar-width: thin;
    scrollbar-color: #C0C0C0 #f1f1f1;
}

/* 兼容 WebKit/Blink */
.product-filter-modal-scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.product-filter-modal-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.product-filter-modal-scroll::-webkit-scrollbar-thumb {
    background: #C0C0C0;
    border-radius: 3px;
}
/* 2026.06.24 - Teemo新增 - end */
/* 2026.06.25 - Teemo新增 - start */
.home-news-core{
    opacity: 0;
    transform: translateY(2rem);
}
.home-brand-link{
    opacity: 0;
    transform: scale(0.1);
}
.home-scene-more,
.custom-type-item,
.product-related-section .custom-product-title,
.custom-type-section .custom-product-title,
.custom-product-slider,
.blockbuster-word-tit,
.blockbuster-video-section,
.blockbuster-statement-tit,
.blockbuster-gallery,
.bsbu-li{
    opacity: 0;
    transform: translateY(1rem);
}
/* 2026.06.25 - Teemo新增 - end */
/* 鼠标效果 */
@media screen and (min-width: 1200px) {
    .news-main .news-list-item a:hover {
        border-color: transparent;
        box-shadow: none;
    }
    .contact-social-list li:hover .contact-social-code {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    .site-nav-down-list a:hover::after {
        opacity: 1;
    }
    .site-nav-down-card-link:hover .site-nav-down-card-title {
        color: var(--colormain);
    }
    .origin-detail .product-store-link:hover {
        color: #d10b2d;
    }
    .origin-detail .product-gallery-pane:hover .product-gallery-img img:nth-child(n+2) {
        transform: translate(-50%, -50%) scale(1.08);
    }
    .origin-detail .product-highlight-item:hover .product-highlight-img img:nth-child(n+2) {
        transform: scale(1.08);
    }
    .product-filter-item:hover,
    .news-tab-item:hover,
    .faq-tab-item:hover,
    .store-city-item:hover {
        color: var(--colormain);
        border-color: rgba(0,34,158,.35);
    }
    .product-filter-item.act:hover,
    .news-tab-item.act:hover,
    .faq-tab-item.act:hover,
    .store-city-item.act:hover {
        color: var(--colorfff);
    }
    .news-list-item a:hover {
        border-color: rgba(0,34,158,.35);
        box-shadow: 0 0.16rem 0.4rem rgba(0, 0, 0, 0.08);
    }
    .news-main .news-tab-item:hover,
    .news-main .news-tab-item.act:hover {
        color: var(--news-red);
        background: transparent;
        border-color: transparent;
    }
    .news-main .news-list-item a:hover {
        border-color: transparent;
        box-shadow: none;
    }
    .news-main .news-list-item a:hover .news-list-img img:nth-child(n+2),
    .news-feature-card:hover .news-feature-img img:nth-child(n+2) {
        transform: scale(1.05);
    }
    .news-more-btn:hover {
        color: var(--colorfff);
        background: #000;
    }
    .faq-filter-option:hover,
    .faq-filter-option:focus {
        color: #606266;
        background: #f5f7fa;
    }
    .home-brand-link:hover .home-brand-img img,
    .home-news-img:hover img,
    .scene-card-item a:hover .ys-imgbox-cover img:nth-child(n+2),
    .story-video:hover .ys-imgbox-cover img:nth-child(n+2),
    .article-cover:hover .ys-imgbox-cover img:nth-child(n+2) {
        transform: scale(1.04);
    }
    .home-news-img:hover img {
        transform: scale(1.1);
    }
    .store-recommend-item:hover .store-recommend-img img:nth-child(n+2),
    .store-list-item:hover .store-list-img img:nth-child(n+2) {
        transform: scale(1.04);
    }
    .article-page-link:hover {
        color: var(--colormain);
    }
    .store-more-btn:hover {
        color: var(--colorfff);
        background: var(--color333);
    }
    .std-btn1-box:hover {
        color: var(--colorfff);
        background: var(--color000);
    }
    .std-btn1-box:hover span{
        color: var(--colorfff);
    }
    .home-news-copy .std-btn-link5:hover {
        color: var(--colorfff);
        background: #000;
        border-color: #000;
    }
    .language-modal-item:hover .language-modal-sub-list {
        height: auto;
        max-height: calc(50vh - 0.2rem);
        padding: 0.1rem 0;
    }
    .language-modal-region:hover,
    .language-modal-sub-item a:hover {
        color: var(--colormain);
    }
    .home-product-item:hover .home-product-info h3,
    .home-product-item:hover .home-product-info::after {
        color: #000;
    }
    .home-scene-item:hover .home-scene-info h3 {
        color: var(--colorfff);
    }
    .home-scene-item a:hover .home-scene-img img:nth-child(n+2) {
        transform: scale(1.1);
    }
    .home-recommend-item a:hover .ys-imgbox-contain img:nth-child(n+2) {
        transform: translate(-50%, -50%) scale(1.1);
    }
    .blockbuster-product-item a:hover .blockbuster-product-img img:nth-child(n+2) {
        transform: translate(-50%, -50%) scale(1.06);
    }
    .blockbuster-product-item a:hover h3 {
        color: var(--colormain);
    }
    .footer-nav a:hover,
    .footer-contact a:hover p{
        color: var(--colormain);
    }
    .footer-share > li:hover .footer-share-code {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
    }
    .about-region-item:hover{
        z-index: 5;
    }
    .about-region-item:hover .about-region-pop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }
    .about-region-sa:hover .about-region-pop,
    .about-region-africa:hover .about-region-pop,
    .about-region-oceania:hover .about-region-pop {
        transform: translate(-50%, 0);
    }
    .head-nav-item-title:hover::after{
        opacity: 1;
    }
    .about-strength-card:hover .about-strength-img img{
        transform: scale(1.05);
    }
    .news-feature-info-tit:hover{
        opacity: 0.5;
    }
    .news-main .news-list-info h3:hover{
        opacity: 0.5;
    }
    .head-lang-text:hover{
        color: var(--colormain) !important;
    }
    .about-region-item:hover .aric-cont::after{
        transform: translate(-50%,-50%) scale(1.2);
    }
    .about-region-item:hover .aric-name,
    .about-region-item:hover .aric-num{
        color: var(--colorfff);
    }
    .custom-type-item:hover .custom-type-img img:nth-child(n+2) {
        transform: scale(1.1);
    }
    .custom-bottom-btn a:hover {
        opacity: .7;
    }
    .contact-form .ys-select-li:hover{
        color: var(--colormain);
    }
    .contact-form .ys-fia-text-word a:hover{
        color: var(--colormain);
    }
    .hlpu-btm-li a:hover span{
        color: var(--colormain);
    }
}
/* 2026.7.14修改-start */
.pdim-nub-color .pdim-nub-color-li:not(:first-child){
    display: none;
}
/* 2026.7.14修改-end */

/* 2026.7.29修改-start */
.ys-fic-auth{
    width: 100%;
    align-items: flex-end;
}
.ys-fic-auth label{
    flex-grow: 1;
    margin-right: 20px;
}
.ys-fic-auth .ys-fii-input{
    width: 100%;
}
.ys-fic-auth-img img{
    object-fit: contain;
}
.product-size-panel::after{
    content: "";
    width: 200vw;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: -100vw;
    z-index: -1;
}
/* 2026.7.29修改-end */

/* 2026.9.7修改-start */
.product-card-item{
    padding-bottom: 5px;
}
.hlpu-btm-li a.act span{
    color: var(--colormain);
}
/* 2026.9.7修改-end */