.YiCommonItem_car-type-desc__7PEfI {
    width: 75vw;
    margin: 5.2vw auto 0;
}
.YiCommonItem_car-desc-first__weUR9 {
    width: 100%;
    text-align: left;
    margin-bottom: 5.4vw;
}
.YiCommonItem_car-desc-title__5Jy3y {
    font-size: 2.6vw;
    font-weight: 300;
    color: #000;
}
.YiCommonItem_car-desc-txt__PLLde {
    font-size: 18px;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #6b6f7d;
    padding: 1.25vw 0 1.66vw;
    line-height: 32px;
}
.YiCommonItem_car-desc-img-wrap__sMYx7 {
    width: 100%;
    margin-bottom: 5.2vw;
    overflow: hidden;
}
.YiCommonItem_car-desc-img-big__SHPGM {
    display: block;
    width: 100%;
    margin: 0 auto;
    transition: all 0.5s ease;
}
.YiCommonItem_car-desc-next__IElES {
    display: flex;
    justify-content: space-between;
    margin-bottom: 120px;
}
.YiCommonItem_car-desc-lf__bhV_K,
.YiCommonItem_car-desc-rt__VgB_n {
    width: 34.375vw;
    overflow: hidden;
}
.YiCommonItem_car-desc-img-small-wrap__xGfy9 {
    width: 100%;
    height: 41.667vw;
    overflow: hidden;
}
.YiCommonItem_car-desc-img-lf-wrap__cH8No {
    margin-top: 32px;
}
.YiCommonItem_car-desc-img-rt-wrap__U7xpB {
    margin-bottom: 32px;
}
.YiCommonItem_car-desc-img-small__JqkTa {
    display: block;
    width: 100%;
    transition: all 0.5s ease;
}
.YiCommonItem_car-desc-img-big__SHPGM:hover,
.YiCommonItem_car-desc-img-small__JqkTa:hover {
    transform: scale(1.1);
}
@media screen and (max-width: 750px) {
    .YiCommonItem_banner-bj__P9ASR,
    .YiCommonItem_banner-img__rDzmi {
        height: auto;
    }
    .YiCommonItem_car-desc-title__5Jy3y {
        color: #121620;
        font-size: 4.3478vw;
    }
    .YiCommonItem_car-desc-txt__PLLde {
        font-size: 3.3816vw;
        line-height: 4.831vw;
    }
    .YiCommonItem_car-desc-lf__bhV_K,
    .YiCommonItem_car-desc-rt__VgB_n {
        width: 44.2%;
    }
}
.YiCommonItem_banner-content-txt__kyTaJ {
    transition: all 0.5s ease;
}
.YiCommonItem_scale__GU978 .YiCommonItem_banner-content-txt__kyTaJ {
    animation: YiCommonItem_mytranslateY__fvIUy 0.66s linear 1;
}
@keyframes YiCommonItem_mytranslateY__fvIUy {
    0% {
        transform: translateY(-100px);
    }
    25% {
        transform: translateY(-75px);
    }
    50% {
        transform: translateY(-50px);
    }
    75% {
        transform: translateY(-25px);
    }
    to {
        transform: translateY(0);
    }
}
.YiCommonItem_scale__GU978 {
    animation: YiCommonItem_myscale___ZzfF 0.66s linear 1;
}
@keyframes YiCommonItem_myscale___ZzfF {
    0% {
        transform: scale(1.2);
    }
    25% {
        transform: scale(1.15);
    }
    50% {
        transform: scale(1.1);
    }
    75% {
        transform: scaleY(1.05);
    }
    to {
        transform: scale(1);
    }
}
.YiCommonItem_animate-b__Om2bj {
    animation: YiCommonItem_elementmove__4KZis 0.66s linear 1;
}
@keyframes YiCommonItem_elementmove__4KZis {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }
    50% {
        transform: translateY(15px);
        opacity: 0.5;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@media screen and (max-width: 750px) {
    .YiCommonItem_car-type-desc__7PEfI {
        margin-top: 19.32vw;
        width: 89%;
    }
    .YiCommonItem_car-desc-txt__PLLde {
        padding-bottom: 0.53rem;
    }
    .YiCommonItem_car-desc-next__IElES {
        margin-bottom: 9.66vw;
    }
}
.ToggleColor_toggle-car__YgfrB {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10rem;
    transition: all 0.5s ease;
}
.ToggleColor_toggle-bj-1__E_Pz3 {
    background: linear-gradient(90deg, #eff4f9, #f2eef4);
    background-size: 100% 100%;
}
.ToggleColor_toggle-bj-2__Q8bTr {
    background: linear-gradient(90deg, #e0f4f7, #73b1b9);
    background-size: 100% 100%;
}
.ToggleColor_toggle-bj-3__wKtNs {
    background: linear-gradient(90deg, #cfcfcd, #c5c5c2);
    background-size: 100% 100%;
}
.ToggleColor_toggle-bj-4__lyNGZ {
    background: linear-gradient(90deg, #8d8f92, #707072);
    background-size: 100% 100%;
}
.ToggleColor_toggle-bj__lmr33 {
    width: 100%;
    overflow: hidden;
}
.ToggleColor_toggle-car-img__SFgn_ {
    display: block;
    height: 17.7vw;
    margin: 0 auto;
}
.ToggleColor_car-name__hk7Q1 {
    font-size: 40px;
    line-height: 56px;
    margin: 10% 0 8px;
}
.ToggleColor_car-desc__JYwYK,
.ToggleColor_car-name__hk7Q1 {
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #020c23;
    text-align: center;
}
.ToggleColor_car-desc__JYwYK {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 54px;
}
.ToggleColor_car-dot-container__7tYIn {
    margin-top: max(20px, 1.61vw);
    border-radius: max(35px, 4.6vw);
    background: hsla(0, 0%, 100%, 0.4);
    padding: max(8px, 0.04vw) max(12px, 1.6vw);
}
.ToggleColor_dot-item__6agbk {
    margin: 0 10px;
    cursor: pointer;
}
.ToggleColor_car-dot__tF9U5 {
    max-width: 100%;
    margin: 1.15vw auto 0;
    display: flex;
    justify-content: space-around;
    justify-content: center;
    align-items: center;
}
.ToggleColor_dot-item-icon__soyov {
    display: block;
    width: max(20px, 2.5vw);
    margin: 0 20px 8px;
}
.ToggleColor_dot-item-name__UtofE {
    font-size: 14px;
    font-weight: 300;
    color: #020c23;
    line-height: 20px;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .ToggleColor_toggle-car__YgfrB {
        height: auto;
        padding-bottom: 20px;
    }
    .ToggleColor_car-name__hk7Q1 {
        font-size: 26px;
    }
    .ToggleColor_car-desc__JYwYK {
        font-size: 14px;
    }
    .ToggleColor_dot-item-name__UtofE {
        font-size: 12px;
    }
    .ToggleColor_toggle-car__YgfrB {
        height: 100vh;
        justify-content: center;
    }
    .ToggleColor_toggle-car-img__SFgn_ {
        width: 100%;
        height: auto;
    }
}
:root {
    --adm-radius-s: 4px;
    --adm-radius-m: 8px;
    --adm-radius-l: 12px;
    --adm-font-size-1: 9px;
    --adm-font-size-2: 10px;
    --adm-font-size-3: 11px;
    --adm-font-size-4: 12px;
    --adm-font-size-5: 13px;
    --adm-font-size-6: 14px;
    --adm-font-size-7: 15px;
    --adm-font-size-8: 16px;
    --adm-font-size-9: 17px;
    --adm-font-size-10: 18px;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-white: #fff;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-box: #f5f5f5;
    --adm-color-background: #fff;
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    --adm-border-color: var(--adm-color-border);
}
html[data-prefers-color-scheme="dark"] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: grey;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-border-color: var(--adm-color-border);
}
:root {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-main);
    font-family: var(--adm-font-family);
}
a,
button {
    cursor: pointer;
}
a {
    color: var(--adm-color-primary);
    transition: opacity 0.2s ease-in-out;
}
a:active {
    opacity: 0.8;
}
.adm-plain-anchor {
    color: unset;
    transition: none;
}
.adm-plain-anchor:active {
    opacity: unset;
}
body.adm-overflow-hidden {
    overflow: hidden !important;
}
div.adm-px-tester {
    --size: 1;
    height: calc(var(--size) / 2 * 2px);
    width: 0;
    position: fixed;
    right: -100vw;
    bottom: -100vh;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}
.adm-mask {
    --z-index: var(--adm-mask-z-index, 1000);
    position: fixed;
    z-index: var(--z-index);
    display: block;
}
.adm-mask,
.adm-mask-aria-button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.adm-mask-aria-button {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}
.adm-mask-content {
    z-index: 1;
}
.adm-swiper {
    --height: auto;
    --width: 100%;
    --border-radius: 0;
    --track-padding: 0;
    --slide-size: 100%;
    --track-offset: 0%;
    display: block;
    width: var(--width);
    height: var(--height);
    position: relative;
    border-radius: var(--border-radius);
    z-index: 0;
    overflow: hidden;
}
.adm-swiper-track {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    padding: var(--track-padding);
}
.adm-swiper-track-allow-touch-move {
    cursor: -webkit-grab;
    cursor: grab;
}
.adm-swiper-track-inner {
    width: 100%;
    height: 100%;
    overflow: visible;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}
.adm-swiper-slide {
    position: relative;
    white-space: unset;
    flex: none;
}
.adm-swiper-item,
.adm-swiper-slide {
    width: 100%;
    height: 100%;
    display: block;
}
.adm-swiper-item {
    white-space: normal;
}
.adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
    touch-action: pan-y;
}
.adm-swiper-horizontal .adm-swiper-indicator {
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
}
.adm-swiper-horizontal .adm-swiper-track {
    transform: translateX(var(--track-offset));
}
.adm-swiper-horizontal .adm-swiper-track-inner {
    flex-direction: row;
    width: var(--slide-size);
}
.adm-swiper-vertical .adm-swiper-track-allow-touch-move {
    touch-action: pan-x;
}
.adm-swiper-vertical .adm-swiper-indicator {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}
.adm-swiper-vertical .adm-swiper-track {
    transform: translateY(var(--track-offset));
}
.adm-swiper-vertical .adm-swiper-track-inner {
    flex-direction: column;
    height: var(--slide-size);
}
.adm-page-indicator {
    display: flex;
    width: auto;
    --dot-color: #ddd;
    --active-dot-color: var(--adm-color-primary);
    --dot-size: 3px;
    --active-dot-size: 13px;
    --dot-border-radius: 1px;
    --active-dot-border-radius: var(--dot-border-radius);
    --dot-spacing: 3px;
}
.adm-page-indicator-dot {
    display: block;
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: var(--dot-border-radius);
    background: var(--dot-color);
}
.adm-page-indicator-dot:last-child {
    margin-right: 0;
}
.adm-page-indicator-dot-active {
    border-radius: var(--active-dot-border-radius);
    background: var(--active-dot-color);
}
.adm-page-indicator-color-white {
    --dot-color: hsla(0, 0%, 100%, 0.5);
    --active-dot-color: var(--adm-color-white);
}
.adm-page-indicator-horizontal {
    flex-direction: row;
}
.adm-page-indicator-horizontal .adm-page-indicator-dot {
    margin-right: var(--dot-spacing);
}
.adm-page-indicator-horizontal .adm-page-indicator-dot-active {
    width: var(--active-dot-size);
}
.adm-page-indicator-vertical {
    flex-direction: column;
}
.adm-page-indicator-vertical .adm-page-indicator-dot {
    margin-bottom: var(--dot-spacing);
}
.adm-page-indicator-vertical .adm-page-indicator-dot-active {
    height: var(--active-dot-size);
}
.adm-toast-mask .adm-toast-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.adm-toast-mask .adm-toast-main {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 204px;
    max-height: 70%;
    overflow: auto;
    color: #fff;
    word-break: break-all;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    pointer-events: all;
    font-size: var(--adm-font-size-7);
    line-height: 1.5;
    box-sizing: border-box;
}
.adm-toast-mask .adm-toast-main-text {
    padding: 12px;
    min-width: 0;
}
.adm-toast-mask .adm-toast-main-icon {
    padding: 35px 12px;
    min-width: 150px;
}
.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
    text-align: center;
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 1;
}
.adm-toast-loading {
    --size: 48px;
    margin: 0 auto 8px;
}
.adm-spin-loading {
    --color: var(--adm-color-weak);
    --size: 32px;
    width: var(--size);
    height: var(--size);
}
.adm-spin-loading-svg {
    width: 100%;
    height: 100%;
    animation: adm-spin-loading-rotate 0.8s linear infinite;
}
.adm-spin-loading-svg > .adm-spin-loading-fill {
    stroke: var(--color);
}
@keyframes adm-spin-loading-rotate {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.adm-auto-center {
    display: flex;
    justify-content: center;
}
.adm-auto-center-content {
    flex: 0 1 auto;
}
.Yi_yi-main__uB4Bn {
    width: 100%;
}
.Yi_banner__BNfeV {
    position: relative;
    font-size: 0;
    width: 100vw;
}
.Yi_banner-img__WrDBn {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.Yi_yi-info__V7_0e {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 30%;
    left: 45%;
    transform: translate(-45%, -50%);
}
.Yi_banner-icon__A4Eb_ {
    width: min(400px, 20.8vw);
    object-fit: contain;
}
.Yi_banner-mobile-icon__3BEue {
    display: none;
}
.Yi_banner-bt-wrap__YUsY6 {
    display: flex;
    margin: 10px auto 23px;
}
.Yi_car-bt__znWaV {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #fff;
    padding: 4px 15px;
    margin-right: 20px;
    transition: all 1s ease;
    white-space: nowrap;
}
.Yi_car-tip__3QW6g {
    position: absolute;
    bottom: 32px;
    right: 12.5vw;
    font-size: 0.83vw;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #fff;
}
.Yi_car-bt__znWaV:last-child {
    margin-right: 0;
}
.Yi_banner-bj__O5OVe {
    width: 100%;
    height: 100vh;
    background-size: contain;
    overflow: hidden;
    position: relative;
    background-size: cover;
}
.Yi_video-play__IKTN9 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.932rem;
    height: 1.932rem;
    transform: translate(-50%, -50%);
}
.Yi_content-banner-top__A6aWv {
    width: 100%;
    height: 38.229vh;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    overflow: hidden;
}
.Yi_content-banner-img-small__AC9T2 {
    display: block;
    width: 100%;
}
.Yi_content-banner-2__FKlpZ,
.Yi_content-banner-4__qn9Kk {
    width: 100%;
    /*height: 100vh;*/
    position: relative;
}
.Yi_car-name__dKoDa {
    font-size: 2.6vw;
    margin: 4vw 0 8px;
}
.Yi_car-desc__g2cjl,
.Yi_car-name__dKoDa {
    font-weight: 300;
    color: #fff;
    text-align: center;
}
.Yi_car-desc__g2cjl {
    padding: 0 15px;
    font-size: 18px;
    margin: 0 auto 54px;
}
.Yi_banner-info__BugPA {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.Yi_car-name-1__6Dkfd {
    font-size: 2.6vw;
    padding: max(8px, 5vw) 0 max(8px, 1.25vw);
}
.Yi_car-desc-1__OYE63,
.Yi_car-name-1__6Dkfd {
    font-weight: 300;
    color: #fff;
    text-align: center;
}
.Yi_car-desc-1__OYE63 {
    font-size: 18px;
    line-height: 25px;
    padding: 0 0 max(8px, 1.25vw);
}
.Yi_content-banner-box__WVG9r {
    width: 100%;
    height: 100vh;
}
.Yi_content-banner-4__qn9Kk {
    background-color: #000;
    overflow: hidden;
}
.Yi_content-banner-box1__3SN8B,
.Yi_content-banner-box2__IcEVz {
    width: 100vw;
    margin: 0 auto;
    overflow: hidden;
}
.Yi_content-banner-img__mx_q_ {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}
.Yi_last-banner-img__c6BoI {
    width: 75vw;
    height: 34.375vw;
    object-fit: cover;
    margin: 0 auto;
}
.Yi_drive-type__B6h0H {
    width: 75vw;
    max-width: 1440px;
    margin: 5.2vw auto;
}
.Yi_drive-type-title__GBwOL {
    font-size: 2.6vw;
    color: #000;
}
.Yi_drive-type-desc__VtmTt,
.Yi_drive-type-title__GBwOL {
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
}
.Yi_drive-type-desc__VtmTt {
    font-size: 18px;
    color: #6b6f7d;
    padding: 24px 0 32px;
    line-height: 32px;
}
.Yi_drive-type-ul__w4RlV {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.Yi_drive-type-li__kex0_ {
    width: 24%;
    background: rgba(40, 120, 185, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6.5vw 2vw;
    transition: all 0.5s ease;
    border-radius: 4px;
    color: #2c3d41;
}
.Yi_drive-type-li__kex0_:hover {
    background: #2878b9;
    transform: translateY(-15px);
    color: #fff;
}
.Yi_drive-type-icon__S3dLt {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}
.Yi_drive-type-li__kex0_:hover .Yi_drive-type-icon__S3dLt {
    filter: brightness(100);
}
.Yi_drive-type-li__kex0_:hover .Yi_drive-type-name__menzh,
.Yi_drive-type-li__kex0_:hover .Yi_drive-type-txt__y_TKs {
    color: #fff;
}
.Yi_drive-type-name__menzh {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000;
    padding: 12px 0 10px;
    text-align: center;
}
.Yi_drive-type-txt__y_TKs {
    font-size: 16px;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #6b6f7d;
    text-align: center;
}
.Yi_content-banner-3__DTv9c {
    padding: 8.33vw 0 7.29vw;
    position: relative;
    background: linear-gradient(225deg, #6ea0a4, #344c79);
}
.Yi_manger-banner-main__ZX9K5 {
    width: 62.5vw;
    margin: 0 auto 5.2vw;
}
.Yi_manger-banner-title__uOhAB {
    font-size: 2.6vw;
    line-height: 90px;
}
.Yi_manger-banner-desc__ML4N4,
.Yi_manger-banner-title__uOhAB {
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #fff;
    text-align: center;
}
.Yi_manger-banner-desc__ML4N4 {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 5.2vw;
}
.Yi_manger-content-li__4fr0N {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
    margin-bottom: 30px;
}
.Yi_manger-content-name__0qGmn {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 33px;
}
.Yi_manger-content-txt__YoYTR {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 22px;
    padding: 16px 0 24px;
}
.Yi_car-bt__znWaV:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}
.Yi_moibile-banner-img__QDYtv {
    display: none;
}
.Yi_banner-content-txt__lS34j {
    transition: all 0.5s ease;
}
.Yi_scale__ygCio .Yi_banner-content-txt__lS34j {
    animation: Yi_mytranslateY__uQygV 0.66s linear 1;
}
@keyframes Yi_mytranslateY__uQygV {
    0% {
        transform: translateY(-100px);
    }
    25% {
        transform: translateY(-75px);
    }
    50% {
        transform: translateY(-50px);
    }
    75% {
        transform: translateY(-25px);
    }
    to {
        transform: translateY(0);
    }
}
.Yi_scale__ygCio {
    animation: Yi_myscale__P8cFl 0.66s linear 1;
}
@keyframes Yi_myscale__P8cFl {
    0% {
        transform: scale(1.2);
    }
    25% {
        transform: scale(1.15);
    }
    50% {
        transform: scale(1.1);
    }
    75% {
        transform: scaleY(1.05);
    }
    to {
        transform: scale(1);
    }
}
.Yi_animate-b__GdmoT {
    animation: Yi_elementmove__SlCOy 0.66s linear 1;
}
.Yi_background-video-yi__gftTf {
    height: 100vh;
    width: 100vw;
}
.Yi_background-video-yi__gftTf,
.Yi_background-video__HdNws {
    display: block;
    position: relative;
    transform: none;
    background-size: cover;
    object-fit: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.Yi_background-video__HdNws {
    height: 90vh;
    left: 0;
    top: 5vh;
    width: 90vw;
}
@keyframes Yi_elementmove__SlCOy {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }
    50% {
        transform: translateY(15px);
        opacity: 0.5;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.Yi_animate-c__7lSb6 {
    animation: Yi_lfIn___bdb0 0.66s linear 1;
}
@keyframes Yi_lfIn___bdb0 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0.520833rem);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-0.15625rem);
    }
    80% {
        -webkit-transform: translateX(0.052083rem);
    }
    to {
        -webkit-transform: translateX(0);
    }
}
.Yi_animate-d__4BvrM {
    animation: Yi_rotateinLF__cwvxr 0.66s linear 1;
}
@keyframes Yi_rotateinLF__cwvxr {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-0.520833rem);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(0.15625rem);
    }
    80% {
        -webkit-transform: translateX(-0.052083rem);
    }
    to {
        -webkit-transform: translateX(0);
    }
}
.Yi_animate-e__qLjpz {
    animation: Yi_rotateinLT__2Pg_3 0.66s linear 1;
}
@keyframes Yi_rotateinLT__2Pg_3 {
    0% {
        -webkit-transform: perspective(2.083333rem) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(2.083333rem) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(2.083333rem) rotateY(10deg);
    }
    to {
        -webkit-transform: perspective(2.083333rem) rotateY(0);
        opacity: 1;
    }
}
.Yi_animate-f__bAztD {
    animation: Yi_flipinX__qg2xU 0.66s linear 1;
}
@keyframes Yi_flipinX__qg2xU {
    0% {
        transform: perspective(2.083333rem) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(2.083333rem) rotateX(-10deg);
    }
    70% {
        transform: perspective(2.083333rem) rotateX(10deg);
    }
    to {
        transform: perspective(2.083333rem) rotateX(0);
        opacity: 1;
    }
}
.Yi_background-yi-avi-pic-last__Ol6_6,
.Yi_background-yi-avi-pic__y5cCy {
    display: none;
}
@media screen and (max-width: 750px) {
    .Yi_moibile-banner-img__QDYtv {
        display: block;
        height: 100vh;
        object-fit: cover;
        width: 100%;
    }
    .Yi_video-play__IKTN9 {
        display: block;
        z-index: 9;
    }
    .Yi_background-video-yi__gftTf {
        display: none !important;
    }
    .Yi_background-yi-avi-pic__y5cCy {
        height: 216vw;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
    }
    .Yi_background-yi-avi-pic-last__Ol6_6,
    .Yi_background-yi-avi-pic__y5cCy {
        display: block;
        position: relative;
        width: 100vw;
        object-fit: cover;
        margin: 0 auto;
    }
    .Yi_background-yi-avi-pic-last__Ol6_6 {
        height: 100%;
    }
    .Yi_car-name__dKoDa,
    .Yi_content-banner-4__qn9Kk .Yi_car-name-1__6Dkfd {
        padding-top: 2.89rem;
    }
    .Yi_car-desc__g2cjl {
        padding: 0 0.2rem;
    }
    .Yi_car-tip__3QW6g {
        font-size: 3vw;
        right: 2vw;
    }
    .Yi_manger-banner-title__uOhAB {
        padding: 1.2rem 0 0.2rem;
        line-height: normal;
    }
    .Yi_manger-banner-desc__ML4N4 {
        padding: 0 0 1.2rem;
    }
    .Yi_content-banner-4__qn9Kk .Yi_car-desc-1__OYE63 {
        padding-bottom: 0.9rem;
    }
    .Yi_yi-info__V7_0e {
        top: 30% !important;
    }
    .Yi_banner-img__WrDBn,
    .Yi_last-banner-img__c6BoI {
        display: none;
    }
    .Yi_banner-bj__O5OVe {
        height: 216vw;
        background-image: url(../assets/img/content-banner-mobile-1.5bff93c3.jpg);
        background-size: 100%;
    }
    .Yi_content-banner-2__FKlpZ,
    .Yi_content-banner-box__WVG9r {
        height: auto;
    }
    .Yi_content-banner-4__qn9Kk {
        padding-bottom: 30px;
    }
    .Yi_car-name-1__6Dkfd,
    .Yi_car-name__dKoDa,
    .Yi_drive-type-title__GBwOL,
    .Yi_manger-banner-title__uOhAB {
        font-size: 4.3478vw;
    }
    .Yi_car-desc-1__OYE63,
    .Yi_car-desc__g2cjl,
    .Yi_drive-type-desc__VtmTt,
    .Yi_manger-banner-desc__ML4N4 {
        font-size: 3.3816vw;
        line-height: 4.831vw;
    }
    .Yi_manger-content-name__0qGmn {
        font-size: 3.3816vw;
        line-height: 5.314vw;
    }
    .Yi_manger-content-txt__YoYTR {
        font-size: 2.89vw;
        line-height: 3.986vw;
    }
    .Yi_drive-type__B6h0H {
        width: 89%;
        margin: 14.49vw auto;
    }
    .Yi_drive-type-ul__w4RlV {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: auto;
    }
    .Yi_drive-type-li__kex0_ {
        /*width: 4.3rem;
        height: 4.3rem;*/
        margin-bottom: 0.3rem;
        width: 30% !important;
    }
    .Yi_drive-type-icon__S3dLt {
        width: 0.87rem;
        height: 0.87rem;
    }
    .Yi_drive-type-name__menzh {
        font-size: 2.415vw;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #2c3d41;
    }
    .Yi_drive-type-txt__y_TKs {
        font-size: 1.932vw;
    }
    .Yi_yi-info__V7_0e {
        top: 50%;
    }
    .Yi_manger-banner-main__ZX9K5 {
        width: 89%;
        margin: 0 auto 5.2vw;
    }
    .Yi_drive-type-li__kex0_:hover {
        background: #2878b9;
        transform: translateY(0);
        color: #fff;
    }
    .Yi_banner-icon__A4Eb_ {
        display: none;
    }
    .Yi_banner-mobile-icon__3BEue {
        display: block;
        width: 68.4vw;
    }
}

/*.ToggleColor_dot-item__6agbk.active {
    border: 2px solid #000;
}*/