/* common start */
.vision6Pro-main {
    position: relative;
    font-weight: 400;
    line-height: 1.6;
    background: #000000;
}

html.oshidden,
body.oshidden {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    touch-action: none;
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch;
}
body {
    overflow-x: hidden;
    padding-inline-end: var(--scrollWidth);
}
.vision6Pro-main * {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

.vision6Pro-main sup {
    font-size: 0.6em;
}

.vision6Pro-main sup.yes-click {
    cursor: pointer;
}

.vision6Pro-main a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.vision6Pro-main ul,
.vision6Pro-main ol {
    list-style: none;
    list-style-image: none;
}

.vision6Pro-main button {
    border: 0;
    font-size: 0;
    line-height: 0;
}

.vision6Pro-main .nr {
    white-space: nowrap;
    display: inline-block;
}

.vision6Pro-main img,
.vision6Pro-main picture {
    border: 0;
    width: 100%;
    display: block;
}

.vision6Pro-main svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.vision6Pro-main video {
    border: 0;
    width: 100%;
    display: block;
    object-fit: cover;
}

.vision6Pro-main canvas {
    display: block;
    width: 100%;
}

.vision6Pro-main em {
    font-style: inherit;
}

.vision6Pro-main .is-ucwx {
    display: none !important;
}

.vision6Pro-main .blur-up {
    filter: blur(20px);
    -webkit-filter: blur(20px);
    transition: filter 0.2s;
    -webkit-transition: filter 0.2s;
    -moz-transition: filter 0.2s;
}

.vision6Pro-main .blur-up.lazyloaded {
    filter: blur(0);
    -webkit-filter: blur(0);
}

.vision6Pro-main br {
    line-height: 0;
}

.vision6Pro-main .show-mob,
.vision6Pro-main .show-mob-inline {
    display: none;
}

.vision6Pro-main .show-pc {
    display: block;
}

.vision6Pro-main .show-pc-inline {
    display: inline-block;
}

.vision6Pro-main .common-big-title {
    color: #ffffff;
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 0.833333vw;
}

.vision6Pro-main .common-sub-title {
    color: transparent;
    display: inline-block;
    font-size: 1.666667vw;
    font-weight: 300;
    line-height: 1.25;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    ;
    background-clip: text;
    -webkit-background-clip: text;
}

.vision6Pro-main .common-desc {
    color: #d1d1d1;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
}

.vision6Pro-main .common-desc .highlight-txt {
    color: #000;
    font-style: inherit;
    font-weight: 500;
}

.vision6Pro-main .video-control-btn {
    width: 2.0833334vw;
    height: 2.0833334vw;
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    overflow: hidden;
}

.vision6Pro-main .video-control-btn .video-btn {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.vision6Pro-main .video-control-btn .btn-item {
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .video-control-btn:hover {
        cursor: pointer;
    }

    .vision6Pro-main .video-control-btn:hover .glass-wrap {
        opacity: .6;
    }

    .vision6Pro-main .vision6Pro-s5 .s5-btn:hover .glass-wrap .glass-item2 {
        background-color: rgba(208, 208, 208, 0.2);
    }

}

.vision6Pro-main .control-video[data-video-state="play"] .video-play {
    opacity: 1;
}

.vision6Pro-main .control-video[data-video-state="pause"] .video-pause {
    opacity: 1;
}

.vision6Pro-main .control-video[data-video-state="replay"] .video-replay {
    opacity: 1;
}


.vision6Pro-main .svg-grad {
    height: 0;
    overflow: hidden;
}

.vision6Pro-main .glass-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    overflow: hidden;
}

.vision6Pro-main .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6Pro-main .nav-container .glass-item1 {
    border-radius: 999px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .nav-container .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 2.29166667vw;
    height: 2.29166667vw;
    top: 0;
    left: 0px;
    border: 1px solid #fff;
    filter: blur(3.72px);
    -webkit-filter: blur(3.72px);
    border-radius: 999px;
}

.vision6Pro-main .nav-container .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.15625vw;
    left: 0.15625vw;
    width: 2.29166667vw;
    height: 2.29166667vw;
    border: 1px solid #707070;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    z-index: 2;
    border-radius: 999px;
}

.vision6Pro-main .nav-container .glass-item2 {
    background: rgba(208, 208, 208, .5);
    border-radius: 999px;
    transform: translate3d(0, 0, 0);
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .nav-container .glass-item3 {
    position: absolute;
    z-index: 2;
    inset: 0;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 3px 3px rgba(112, 112, 112, .1);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .nav-container .glass-item1::before {
        top: 0.416666666vw;
        left: 0.2777777777vw;
        width: 10.277777vw;
        height: 10.277777vw;
        filter: blur(3.72px);
        -webkit-filter: blur(3.72px);
    }

    .vision6Pro-main .nav-container .glass-item1::after {
        top: 0.277777777vw;
        left: 0.277777777vw;
        width: 10.138888vw;
        height: 9.86111111vw;
    }
}

/* title animation */
.vision6Pro-main .title-animation {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    perspective: 36.458333vw;
    padding-bottom: 1.66666667vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .title-animation::before {
    content: "";
    position: absolute;
    top: 0.625vw;
    left: 50%;
    z-index: 1;
    pointer-events: none;
    width: 59.47916667vw;
    height: 20.10416667vw;
    background: radial-gradient(ellipse 47.17% 46.67% at 51.9% 47.86%, #000000 0%, rgba(0, 0, 0, 0.7) 52.09%, rgba(0, 0, 0, 0) 100%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.vision6Pro-main .title-animation .title-wrap {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    opacity: 1;
    transition: opacity 0.8s ease;
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
}

.vision6Pro-main .title-animation .title-wrap li {
    display: flex;
    opacity: 0;
}

.vision6Pro-main .title-animation.will-change .title-wrap li {
    will-change: transform;
}


.vision6Pro-main .title-animation .title-wrap .txt-v .v1-1,
.vision6Pro-main .title-animation .title-wrap .txt-i .v1-1,
.vision6Pro-main .title-animation .title-wrap .txt-s .v1-1,
.vision6Pro-main .title-animation .title-wrap .txt-i2 .v1-1,
.vision6Pro-main .title-animation .title-wrap .txt-o .v1-1,
.vision6Pro-main .title-animation .title-wrap .txt-n .v1-1,
.vision6Pro-main .title-animation .title-wrap .txt-p .v1-1,
.vision6Pro-main .title-animation .title-wrap .txt-r .v1-1,
.vision6Pro-main .title-animation .title-wrap .txt-o2 .v1-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    filter: blur(3.55px);
    -webkit-filter: blur(3.55px);
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
}

.vision6Pro-main .title-animation .title-wrap .txt-v .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-i .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-s .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-i2 .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-o .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-n .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-p .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-r .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-o2 .v1-2 {
    position: absolute;
    z-index: 2;
    filter: blur(3.55px);
    -webkit-filter: blur(3.55px);
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
}

.vision6Pro-main .title-animation .title-wrap .txt-v .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-i .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-s .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-i2 .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-o .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-n .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-p .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-r .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-o2 .v1-3 {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
}

.vision6Pro-main .title-animation .title-wrap .txt-v .v1-2 {
    width: 8.95833333vw;
    height: 9.89583333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-i .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-i2 .v1-2 {
    width: 1.40625vw;
    height: 9.63541667vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-s .v1-2 {
    width: 7.29166667vw;
    height: 10.15625vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-o .v1-2,
.vision6Pro-main .title-animation .title-wrap .txt-o2 .v1-2 {
    width: 9.11458333vw;
    height: 10.20833333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-n .v1-2 {
    width: 7.86458333vw;
    height: 9.94791667vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-p .v1-2 {
    width: 6.77083333vw;
    height: 9.94791667vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-r .v1-2 {
    width: 7.76041667vw;
    height: 9.89583333vw;
}

/*  */
.vision6Pro-main .title-animation .title-wrap .txt-v .v1-3 {
    width: 8.95833333vw;
    height: 9.89583333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-i .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-i2 .v1-3 {
    width: 1.35416667vw;
    height: 9.58333333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-s .v1-3 {
    width: 7.29166667vw;
    height: 10.15625vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-o .v1-3,
.vision6Pro-main .title-animation .title-wrap .txt-o2 .v1-3 {
    width: 9.11458333vw;
    height: 10.20833333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-n .v1-3 {
    width: 7.86458333vw;
    height: 9.94791667vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-p .v1-3 {
    width: 6.77083333vw;
    height: 9.94791667vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-r .v1-3 {
    width: 7.76041667vw;
    height: 9.89583333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-v {
    width: 9.21875vw;
    height: 10.10416667vw;
    position: relative;
}

.vision6Pro-main .title-animation .title-wrap .txt-i {
    width: 1.61458333vw;
    height: 9.79166667vw;
    margin-left: 1.77083333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-s {
    width: 7.5vw;
    height: 10.36458333vw;
    margin-left: 1.5625vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-i2 {
    width: 1.61458333vw;
    height: 9.84375vw;
    margin-left: 1.66666667vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-o {
    width: 9.375vw;
    height: 10.41666667vw;
    margin-left: 1.97916667vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-n {
    width: 8.07291667vw;
    height: 10.15625vw;
    margin-left: 1.92708333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-p {
    width: 7.03125vw;
    height: 10.15625vw;
    margin-left: 7.5vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-r {
    width: 7.91666667vw;
    height: 10.10416667vw;
    margin-left: 1.77083333vw;
}

.vision6Pro-main .title-animation .title-wrap .txt-o2 {
    width: 9.375vw;
    height: 10.41666667vw;
    margin-left: 0.98958333vw;
}

.vision6Pro-main .title-animation.animated1 .title-wrap li,
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(1),
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(2),
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(3),
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(4),
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(5),
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(6),
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(7),
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(8),
.vision6Pro-main .title-animation.animated1 .title-wrap li:nth-child(9) {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: transform 1s ease, opacity 1s ease;
    -webkit-transition: transform 1s ease, opacity 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .title-animation.animated1 .title-wrap li img {
    transform: translate3d(0, 0, 1px);
    margin-bottom: -2px;
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(1) {
    transform: translate3d(408%, 2.60416667vw, 0);
    -webkit-transform: translate3d(408%, 2.60416667vw, 0);
    -moz-transform: translate3d(408%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(2) {
    transform: translate3d(1900%, 2.60416667vw, 0);
    -webkit-transform: translate3d(1900%, 2.60416667vw, 0);
    -moz-transform: translate3d(1900%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(3) {
    transform: translate3d(322%, 2.60416667vw, 0);
    -webkit-transform: translate3d(322%, 2.60416667vw, 0);
    -moz-transform: translate3d(322%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(4) {
    transform: translate3d(1100%, 2.60416667vw, 0);
    -webkit-transform: translate3d(1100%, 2.60416667vw, 0);
    -moz-transform: translate3d(1100%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(5) {
    transform: translate3d(110%, 2.60416667vw, 0);
    -webkit-transform: translate3d(110%, 2.60416667vw, 0);
    -moz-transform: translate3d(110%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(6) {
    transform: translate3d(0%, 2.60416667vw, 0);
    -webkit-transform: translate3d(0%, 2.60416667vw, 0);
    -moz-transform: translate3d(0%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(7) {
    transform: translate3d(-210%, 2.60416667vw, 0);
    -webkit-transform: translate3d(-210%, 2.60416667vw, 0);
    -moz-transform: translate3d(-210%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(8) {
    transform: translate3d(-300%, 2.60416667vw, 0);
    -webkit-transform: translate3d(-300%, 2.60416667vw, 0);
    -moz-transform: translate3d(-300%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-wrap li:nth-child(9) {
    transform: translate3d(-360%, 2.60416667vw, 0);
    -webkit-transform: translate3d(-360%, 2.60416667vw, 0);
    -moz-transform: translate3d(-360%, 2.60416667vw, 0);
}

.vision6Pro-main .title-animation .title-content {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -3.64583333vw 0 0 -2.60416667vw;
    overflow: hidden;
    clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%, 50% 0%);
}

.vision6Pro-main .title-animation .title-content.animated2 {
    animation: clipSectorIn .6s forwards linear 0.5s;
    -webkit-animation: clipSectorIn .6s forwards linear 0.5s;
}

@keyframes clipSectorIn {
    0% {
        clip-path: polygon(50% 100%, 50% 0%, 0% 0%, 100% 0%, 50% 0%);
    }

    50% {
        clip-path: polygon(50% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
    }

    100% {
        clip-path: polygon(50% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
    }
}

.vision6Pro-main .title-animation .title-content .title-txt {
    width: fit-content;
    font-weight: 500;
    line-height: 1.25;
}

.vision6Pro-main .title-animation.will-change .title-content .title-txt {
    will-change: clip-path, transform;
}

.vision6Pro-main .title-animation .title-content .title-one {
    color: #fff;
    font-size: 3.645833vw;
}

.vision6Pro-main .title-animation .title-content .title-one span {
    color: #fff;
}

.vision6Pro-main .title-animation .title-content .title-two {
    color: #fff;
    font-size: 6.25vw;
}

.vision6Pro-main .title-animation .title-content .title-two span {
    color: #fff;
}


@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .title-animation {
        perspective: none;
        padding-bottom: 0;
    }

    .vision6Pro-main .title-animation::before {
        top: 0.6944444444vw;
        width: 67.3611111111vw;
        height: 22.5vw;
        background: radial-gradient(ellipse 47.17% 46.67% at 51.9% 47.86%, #000000 0%, rgba(0, 0, 0, 0.7) 52.09%, rgba(0, 0, 0, 0) 100%);
    }

    .vision6Pro-main .title-animation .title-wrap .txt-v {
        width: 10.4166666667vw;
        height: 11.3888888889vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-i {
        width: 1.5277777778vw;
        height: 10.8333333333vw;
        margin-left: 2.0833333333vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-s {
        width: 8.1944444444vw;
        height: 11.5277777778vw;
        margin-left: 1.9444444444vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-i2 {
        width: 1.5277777778vw;
        height: 10.8333333333vw;
        margin-left: 2.0833333333vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-o {
        width: 10.2777777778vw;
        height: 11.5277777778vw;
        margin-left: 2.5vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-n {
        width: 8.8888888889vw;
        height: 11.25vw;
        margin-left: 2.3611111111vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-p {
        width: 7.6388888889vw;
        height: 11.25vw;
        margin-left: 8.6111111111vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-r {
        width: 8.75vw;
        height: 11.1111111111vw;
        margin-left: 2.2222222222vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-o2 {
        width: 10.2777777778vw;
        height: 11.5277777778vw;
        margin-left: 1.3888888889vw;
    }

    .vision6Pro-main .title-animation .title-content {
        margin-top: -2.611111vw;
    }

    .vision6Pro-main .title-animation .title-content .title-one {
        font-size: 9.722222vw;
    }

    .vision6Pro-main .title-animation .title-content .title-two {
        font-size: 16.666667vw;
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(1) {
        transform: translate3d(408%, 2.60416667vw, 0);
        -webkit-transform: translate3d(408%, 2.60416667vw, 0);
        -moz-transform: translate3d(408%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(2) {
        transform: translate3d(1900%, 2.60416667vw, 0);
        -webkit-transform: translate3d(1900%, 2.60416667vw, 0);
        -moz-transform: translate3d(1900%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(3) {
        transform: translate3d(322%, 2.60416667vw, 0);
        -webkit-transform: translate3d(322%, 2.60416667vw, 0);
        -moz-transform: translate3d(322%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(4) {
        transform: translate3d(1100%, 2.60416667vw, 0);
        -webkit-transform: translate3d(1100%, 2.60416667vw, 0);
        -moz-transform: translate3d(1100%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(5) {
        transform: translate3d(110%, 2.60416667vw, 0);
        -webkit-transform: translate3d(110%, 2.60416667vw, 0);
        -moz-transform: translate3d(110%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(6) {
        transform: translate3d(0%, 2.60416667vw, 0);
        -webkit-transform: translate3d(0%, 2.60416667vw, 0);
        -moz-transform: translate3d(0%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(7) {
        transform: translate3d(-210%, 2.60416667vw, 0);
        -webkit-transform: translate3d(-210%, 2.60416667vw, 0);
        -moz-transform: translate3d(-210%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(8) {
        transform: translate3d(-300%, 2.60416667vw, 0);
        -webkit-transform: translate3d(-300%, 2.60416667vw, 0);
        -moz-transform: translate3d(-300%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap li:nth-child(9) {
        transform: translate3d(-360%, 2.60416667vw, 0);
        -webkit-transform: translate3d(-360%, 2.60416667vw, 0);
        -moz-transform: translate3d(-360%, 2.60416667vw, 0);
    }

    .vision6Pro-main .title-animation .title-wrap .txt-v .v1-2 {
        width: 10.1388888889vw;
        height: 11.1111111111vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-i .v1-2,
    .vision6Pro-main .title-animation .title-wrap .txt-i2 .v1-2 {
        width: 1.5277777778vw;
        height: 11.1111111111vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-s .v1-2 {
        width: 8.6111111111vw;
        height: 11.5277777778vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-o .v1-2,
    .vision6Pro-main .title-animation .title-wrap .txt-o2 .v1-2 {
        width: 10.2777777778vw;
        height: 11.5277777778vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-n .v1-2 {
        width: 8.8888888889vw;
        height: 11.25vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-p .v1-2 {
        width: 7.7777777778vw;
        height: 11.25vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-r .v1-2 {
        width: 8.75vw;
        height: 11.25vw;
    }

    /*  */
    .vision6Pro-main .title-animation .title-wrap .txt-v .v1-3 {
        width: 10.1388888889vw;
        height: 11.25vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-i .v1-3,
    .vision6Pro-main .title-animation .title-wrap .txt-i2 .v1-3 {
        width: 1.5277777778vw;
        height: 10.8333333333vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-s .v1-3 {
        width: 8.1944444444vw;
        height: 11.5277777778vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-o .v1-3,
    .vision6Pro-main .title-animation .title-wrap .txt-o2 .v1-3 {
        width: 10.2777777778vw;
        height: 11.5277777778vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-n .v1-3 {
        width: 8.8888888889vw;
        height: 11.25vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-p .v1-3 {
        width: 7.7777777778vw;
        height: 11.25vw;
    }

    .vision6Pro-main .title-animation .title-wrap .txt-r .v1-3 {
        width: 8.75vw;
        height: 11.25vw;
    }
}

/* common style end */

/* kv start */
.vision6Pro-main .vision6Pro-kv .kv-box {
    width: 100%;
    position: relative;
}
.vision6Pro-main .vision6Pro-kv .kv-box .kv-ksp{
    width: 30.05208333vw;
    position: absolute;
    top: 2.91666667vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.vision6Pro-main .vision6Pro-kv .kv-img {
    width: 100%;
    height: 46.875vw;
}
.vision6Pro-main .vision6Pro-kv .kv-img picture,
.vision6Pro-main .vision6Pro-kv .kv-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vision6Pro-kv .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4.16666667vw;
}

.vision6Pro-kv .huawei-product-buy-btn-price {
    color: #fff;
    font-size: 1.46vw;
    font-weight: 400;
    line-height: 1.25;
}

.vision6Pro-kv .huawei-product-buy-btn {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 6px 20px;
    transition: 0.3s ease-out;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 4px;
            color: #000;
            border: 2px solid #fff;
            background: #fff;
}

.vision6Pro-kv .huawei-product-buy-btn:hover {
    opacity: 0.8;
}

.vision6Pro-kv .huawei-product-buy-btn-price .price_btn {
    display: inline;
    cursor: pointer;
}

.vision6Pro-kv .huawei-product-buy-btn-price a {
    color: inherit;
}

.vision6Pro-kv .huawei-product-buy-btn-price span {
    font-size: 0.677083vw;
    font-weight: 500;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-kv .kv-img {
        height: 150vw;
    }
    .vision6Pro-main .vision6Pro-kv .kv-box .kv-ksp{
        width: 75vw;
        top: 27.7777777778vw;
    }
    .vision6Pro-main .vision6Pro-kv .huawei-product-buy-btn-container {
        margin-top: 11.11111111vw;
        display: flex;
    }

    .vision6Pro-kv .huawei-product-buy-btn-price {
        font-size: 5.55555555vw;
    }

    .vision6Pro-kv .huawei-product-buy-btn-price span {
        font-size: 3.61111111vw;
    }

    .vision6Pro-kv .huawei-product-buy-btn {
        color: #000;
        border: 2px solid #fff;
        background: #fff;
    }
}

/* kv end */
/* s2 start */
.vision6Pro-main .object-reasontobuy {
    position: relative;
    z-index: 1;
    padding: 10.416667vw 0;
    width: 100%;
    overflow: hidden;
}

.vision6Pro-main .object-reasontobuy .product-buy-container .tip-txt {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 2.083333vw 9.375vw 0;
}

.vision6Pro-main .object-reasontobuy .product-buy-container .tip-txt p {
    color: rgba(109, 111, 114, .6);
    font-size: max(0.625vw, 8px);
    font-weight: 500;
    line-height: 1.6;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper-container {
    padding-top: 10.416667vw;
    position: relative;
    z-index: 1;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .object-reasontobuy .reasontobuy-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }

    .vision6Pro-main .object-reasontobuy .reason-wrap li:hover {
        background: rgba(255, 255, 255, 0.5);
    }
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content {
    position: relative;
    border-radius: 0.83333333vw;
    overflow: hidden;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .mask-img {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
    overflow: hidden;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .mask-img.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 600ms 200ms linear;
    will-change: opacity;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasonImg {
    position: relative;
    width: 100%;
    height: 37.5vw;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    overflow: hidden;
    border-radius: 0.833333vw;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap {
    height: 38.020833vw;
    position: relative;

    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap picture,
.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap img {
    height: 100%;
    object-fit: cover;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .content-wrap video {
    height: 100%;
    transform: scale(1.006);
    -webkit-transform: scale(1.006);
    -moz-transform: scale(1.006);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasontobuy-title {
    position: absolute;
    padding: 2.5vw;
    top: 0;
    left: 0;
    z-index: 1;
    transition-timing-function: cubic-bezier(0.85, 0.02, 0.15, 0.53);
    opacity: 1;
    line-height: 1.6;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .object-reasontobuy.will-change .reasontobuy-title {
    will-change: transform, opacity;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-title h2 {
    color: #FFFFFF;
    font-size: 1.66666667vw;
    font-weight: 700;
    line-height: 1.5;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-title p {
    color: #FFFFFF;
    font-size: 1.66666667vw;
    font-weight: 300;
    line-height: 1.5;
}
.vision6Pro-main .object-reasontobuy .reasontips{
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    font-size: max(0.625vw,8px);
    color: #fff;
    font-weight: 300;
    line-height: 1.6;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}
.vision6Pro-main .object-reasontobuy .reasontobuy-content2 .reasontobuy-title p,
.vision6Pro-main .object-reasontobuy .reasontobuy-content2 .reasontobuy-title h2 {
    color: #0E0E0F;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-content .reasontobuy-content1-wrap {
    position: absolute;
    font-size: 1.14583333vw;
    font-weight: 300;
    line-height: 1.6;
    color: #FFFFFF;
    top: 50%;
    left: 2.5vw;
    transform: translate3d(0, -50%, 1px);
    -webkit-transform: translate3d(0, -50%, 1px);
    -moz-transform: translate3d(0, -50%, 1px);
    -ms-transform: translate3d(0, -50%, 1px);
    -o-transform: translate3d(0, -50%, 1px);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-content1 .reasontobuy-content1-wrap {
    color: #fff;
    left: auto;
    right: 2.8125vw;
    font-size: 1.14583333vw;
    transform: translate3d(0, -50%, 1px);
    -webkit-transform: translate3d(0, -50%, 1px);
    -moz-transform: translate3d(0, -50%, 1px);
    -ms-transform: translate3d(0, -50%, 1px);
    -o-transform: translate3d(0, -50%, 1px);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-content1 .reason2-txt-hight {
    position: absolute;
    top: 9.375vw;
    right: 15.72916667vw;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 1.6;
    font-size: 1.14583333vw;
    transform: translate3d(0, 0, 1px);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-content .math {
    font-size: 5.20833333vw;
    line-height: 1.25;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-content .unit {
    font-size: 2.08333333vw;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-content1 .unit {
    font-size: 3.125vw;
}

.vision6Pro-main .reasontobuy-content1 .s2-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    width: 20.5%;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition-delay: 0.5s;
    will-change: width;
    transform: translate3d(0, 0, 1px);
    -webkit-transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -ms-transform: translate3d(0, 0, 1px);
    -o-transform: translate3d(0, 0, 1px);
}

.vision6Pro-main .reasontobuy-content1.active .s2-mask {
    width: 48.9%;
}

.vision6Pro-main .reasontobuy-content1 .s2-mask .s2-maskImg {
    width: 67.5vw;
    height: 37.5vw;
    position: relative;
}

.vision6Pro-main .reasontobuy-content1 .reason2-txt {
    position: absolute;
    top: 9.375vw;
    left: 14.11458333vw;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 1.6;
    font-size: 1.14583333vw;
    transform: translate3d(0, 0, 1px);
}

.vision6Pro-main .reasontobuy-content1 .s2-linebg {
    position: absolute;
    width: 0.3125vw;
    height: 22.03125vw;
    top: 8.75vw;
    right: 0;
    background: linear-gradient(274.73deg, #888888 23.01%, #e5e5e5 30.42%, #ffffff 56.97%, #e8e8e8 81.43%, #888888 88.05%);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition-delay: 0.5s;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}


.vision6Pro-main .reasontobuy-content1 .s2-line {
    width: 0.20833333vw;
    height: calc(100% - 0.20833333vw);
    background-color: #D0D0D0;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.vision6Pro-main .reasontobuy-content1 .s2-line::after {
    content: "";
    width: 100%;
    height: calc(100% - 8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container {
    margin-top: 3.3333334vw;
    display: flex;
    justify-content: center;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .reasontobuy-btn-wrap {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    overflow: hidden;
    padding: 0.625vw 1.041667vw;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #b4ed9a;
    box-shadow: 0vw -1.25vw 1.666666666666667vw #f1f7ef inset;
    pointer-events: none;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0.104167vw 0.520833vw auto;
    height: 2.291667vw;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 999px;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto 0.520833vw 0.416667vw;
    height: 1.354167vw;
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 999px;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .button-item {
    width: 2.0833334vw;
    height: 2.0833334vw;
    flex-shrink: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .button-disabled {
    pointer-events: none;
    opacity: .3;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .button-prev {
    transform: translate3d(0, 0, 0) rotate(180deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    -moz-transform: translate3d(0, 0, 0) rotate(180deg);
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .button-item:hover {
        cursor: pointer;
        opacity: 0.6;
    }
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination {
    position: static;
    margin: 0 0.9375vw;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet {
    margin: 0;
    cursor: default;
    flex-shrink: 0;
    width: 0.5208334vw;
    height: 0.5208334vw;
    background: #94cf81;
    opacity: 0.2;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: 0.5208334vw;
}

.vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet-active {
    opacity: .8;
    pointer-events: none;
}

.vision6Pro-main .object-reasontobuy .reason-container {
    width: fit-content;
    margin: 2.5vw auto 0;
    position: relative;
    z-index: 1;
}

.vision6Pro-main .object-reasontobuy .glass-wrap {
    position: absolute;
    inset: -2px;
    z-index: -1;
    pointer-events: none;
}

.vision6Pro-main .object-reasontobuy .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6Pro-main .object-reasontobuy .glass-wrap .glass-item1 {
    border-radius: 999px;
    overflow: hidden;
}

.vision6Pro-main .object-reasontobuy .glass-wrap .glass-item1::before {
    content: "";
    position: absolute;
    height: 3.07291667vw;
    inset: 0px 2px auto 2px;
    border: 1px solid #fff;
    border-radius: 999px;
    filter: blur(3px);
    z-index: 2;
    -webkit-filter: blur(3px);
}

.vision6Pro-main .object-reasontobuy .glass-wrap .glass-item1::after {
    content: "";
    position: absolute;
    height: 3.07291667vw;
    inset: 0px 0px auto 4px;
    border: 1px solid #707070;
    border-radius: 999px;
    filter: blur(3px);

}

.vision6Pro-main .object-reasontobuy .glass-wrap .glass-item2 {
    background: rgba(208, 208, 208, 0.5);
    border-radius: 999px;
    backdrop-filter: blur(3px);
    position: absolute;
    inset: 0px;
    z-index: 1;
    opacity: 0.5;
}

.vision6Pro-main .object-reasontobuy .glass-wrap .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(92.17deg, #888888 -0.43%, #e5e5e5 13.83%, #ffffff 64.4%, #ffffff 83.52%, #888888 98.27%);
    ;
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.vision6Pro-main .object-reasontobuy .reason-control {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 2.5vw auto 0;
    padding: 0.625vw 1.04166667vw;
}

.vision6Pro-main .object-reasontobuy .reason-control .disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.vision6Pro-main .object-reasontobuy .reason-left {
    width: 2.08333333vw;
    height: 2.08333333vw;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.2));
    transition: opacity 0.3s ease;
    -webkit-filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.2));
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .object-reasontobuy .reason-left img {
    transform: rotate(180deg);
}

.vision6Pro-main .object-reasontobuy .reason-wrap {
    display: flex;
}

.vision6Pro-main .object-reasontobuy .reason-wrap li {
    width: 0.52083333vw;
    height: 0.52083333vw;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 1));
    -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 1));
}

.vision6Pro-main .object-reasontobuy .reason-wrap li.active {
    background: rgba(255, 255, 255, 1);
    cursor: default;
}

.vision6Pro-main .object-reasontobuy .reason-wrap li:not(:last-child) {
    margin-right: 0.52083333vw;
}

.vision6Pro-main .object-reasontobuy .reason-right {
    width: 2.08333333vw;
    height: 2.08333333vw;
    cursor: pointer;
    filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.2));
    transition: opacity 0.3s ease;
    -webkit-filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.2));
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transform: translate3d(0, 0, 0);
}

.vision6Pro-main .object-reasontobuy .reason-wrap {
    padding: 0 0.9375vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet:hover {
        opacity: .6;
        cursor: pointer;
    }

    .vision6Pro-main .object-reasontobuy .reason-left:hover,
    .vision6Pro-main .object-reasontobuy .reason-right:hover {
        opacity: 0.6;
    }
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .object-reasontobuy {
        padding: 27.77777778vw 0;
    }

    .vision6Pro-main .object-reasontobuy .reason-control {
        margin-top: 8.8888888889vw;
        padding: 0 1.6666666667vw;
        justify-content: center;
    }

    .vision6Pro-main .object-reasontobuy .reason-left {
        width: 13.3333333333vw;
        height: 13.3333333333vw;
        filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.8));
        -webkit-filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.8));
    }

    .vision6Pro-main .object-reasontobuy .reason-right {
        width: 13.3333333333vw;
        height: 13.3333333333vw;
        filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.8));
        -webkit-filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.8));
    }

    .vision6Pro-main .object-reasontobuy .reason-wrap {
        padding: 0 1.11111111vw;
    }

    .vision6Pro-main .object-reasontobuy .reason-wrap li {
        width: 2.2222222222vw;
        height: 2.2222222222vw;
        filter: drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.8));
        -webkit-filter: drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.8));
    }

    .vision6Pro-main .object-reasontobuy .reason-wrap li:not(:last-child) {
        margin-right: 3.3333333333vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-swiper-container {
        padding-top: 27.777777778vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-swiper-container::before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        height: 184.16666666vw;
        background: linear-gradient(0deg, rgba(226, 251, 222, 0) 0%, rgba(186, 245, 188, 0.14) 24.27%, rgba(233, 254, 223, 0.46) 100%);
        pointer-events: none;
    }

    .vision6Pro-main .object-reasontobuy .product-buy-container .tip-txt {
        position: static;
        padding: 8.888889vw 0 3.333333334vw;
        justify-content: center;
    }

    .vision6Pro-main .object-reasontobuy .product-buy-container .tip-txt p {
        color: rgba(109, 111, 114, .8);
        font-size: 2.777778vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-swiper {
        width: 82.222222vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content {
        height: auto;

    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasonImg {
        height: 108.3333333333vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
        position: relative;
    }

    .vision6Pro-main .reasontobuy-content1 .s2-mask {
        height: 108.3333333333vw;
        width: 5%;
    }

    .vision6Pro-main .reasontobuy-content1 .s2-mask .s2-maskImg {
        width: 82.2222222222vw;
        height: 108.3333333333vw;
        border-radius: 2.2222222222vw;
        overflow: hidden;
    }

    .vision6Pro-main .reasontobuy-content1 .reason2-txt {
        top: 19.4444444444vw;
        left: 4.1666666667vw;
        font-size: 3.3333333333vw;
    }

    .vision6Pro-main .reasontobuy-content1 .s2-line {
        width: 0.41666666vw;
    }

    .vision6Pro-main .reasontobuy-content1 .s2-linebg {
        width: 0.5555555556vw;
        height: 41.66666666vw;
        top: 26.75vw;
        right: 0.2px;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-swiper .reasontobuy-content .reasontobuy-title {
        width: 100%;
        position: static;
        padding: 6.666667vw 0 0;
        text-align: center;
        opacity: 1;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-content .reasontobuy-content1-wrap {
        left: 50%;
        top: 80.1388888889vw;
        bottom: auto;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        text-align: center;
        font-size: 4.4444444444vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-content1 .reason2-txt-hight {
        top: 19.4444444444vw;
        right: 4.1666666667vw;
        font-size: 3.3333333333vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-content .math {
        font-size: 13.8888888889vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-content .unit {
        font-size: 5.5555555556vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-content1 .unit {
        font-size: 8.33333333vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-title h2,
    .vision6Pro-main .object-reasontobuy .reasontobuy-title p {
                font-size: 5.5555555556vw;
    }
    .vision6Pro-main .object-reasontobuy .reasontips{
        width: 73.3333333333vw;
        bottom: 4.4444444444vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        font-size: 2.7777777778vw;
        text-align: center;
}
    .vision6Pro-main .object-reasontobuy .reasontobuy-content2 .reasontobuy-title p,
    .vision6Pro-main .object-reasontobuy .reasontobuy-content2 .reasontobuy-title h2 {
        color: #fff;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container {
        margin-top: 11.111111vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .reasontobuy-btn-wrap {
        padding: 0 1.666667vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap {
        box-shadow: 0vw -3.333333vw 4.444444vw #f1f7ef inset;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::before {
        inset: 0.416667vw 2.222222223vw auto;
        height: 9.166667vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .btn-bg-wrap::after {
        inset: auto 2.222222223vw 1.666667vw;
        height: 5.416667vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .button-item {
        width: 13.333333vw;
        height: 13.333333vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination {
        margin: 0 1.111111vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
    }

    .vision6Pro-main .object-reasontobuy .reasontobuy-btn-container .swiper-pagination-bullet:nth-child(n+2) {
        margin-left: 3.333333vw;
    }

    .vision6Pro-main .object-reasontobuy .glass-wrap .glass-item1::before {
        height: 12.627778vw;
        filter: blur(5.72px);
        -webkit-filter: blur(5.72px);
        inset: 0 -2px 0 -2px;
    }

    .vision6Pro-main .object-reasontobuy .glass-wrap .glass-item1::after {
        height: 11.6666666667vw;
        inset: 0px 0px auto 0px;
    }

    .vision6Pro-main .reasontobuy-content1.active .s2-mask {
        width: 50.2%;
    }
}


/* s2 end */
/* s5 start */
.vision6Pro-main .vision6Pro-s5 {
    margin-top: 10.41666667vw;
    position: relative;
}

.vision6Pro-main .vision6Pro-s5 .s5-img {
    width: 100%;
    object-fit: cover;
}

.vision6Pro-main .vision6Pro-s5 .s5-btn {
    position: absolute;
    top: 2.5vw;
    left: 69.11458333vw;
    width: 2.5vw;
    height: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.vision6Pro-main .vision6Pro-s5 .s5-btnSvg {
    width: 1.14583333vw;
    height: 1.14583333vw;
    filter: drop-shadow(2px 1px 0 rgba(25, 25, 25, 0.1));
    -webkit-filter: drop-shadow(2px 1px 0 rgba(25, 25, 25, 0.1));
    position: relative;
    z-index: 10;
}

.vision6Pro-main .vision6Pro-s5 .s5-btnSvg svg {
    width: 100%;
    height: 100%;
}

.vision6Pro-main .vision6Pro-s5 .glass-wrap {
    z-index: 1;
}

.vision6Pro-main .vision6Pro-s5 .glass-item1 {
    border-radius: 999px;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    opacity: 0;

}

.vision6Pro-main .vision6Pro-s5 .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 2.13541667vw;
    height: 2.13541667vw;
    border: 1px solid #fff;
    inset: 2px 0 auto 2px;
    border-radius: 999px;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
}

.vision6Pro-main .vision6Pro-s5 .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.460417vw;
    left: 0.35625vw;
    width: 1.927083vw;
    height: 1.770833vw;
    border: 1px solid #707070;
    z-index: 2;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    border-radius: 999px;
    overflow: hidden;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}

.vision6Pro-main .vision6Pro-s5 .glass-item2 {
    background: rgba(208, 208, 208, .5);
    border-radius: 999px;
    position: absolute;
    inset: 0px;
    z-index: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.vision6Pro-main .vision6Pro-s5 .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-s5 {
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-s5 .s5-img {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .vision6Pro-main .vision6Pro-s5 .s5-btn {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
        top: 8.8888888889vw;
        left: 16.6666666667vw;
    }

    .vision6Pro-main .vision6Pro-s5 .s5-btnSvg {
        width: 5.2777777778vw;
        height: 5.2777777778vw;
    }

    .vision6Pro-main .vision6Pro-s5 .glass-item1::before {
        width: 10.6944444444vw;
        height: 10.6944444444vw;
        inset: -0.6944444444vw 0 auto -0.6944444444vw;
    }

    .vision6Pro-main .vision6Pro-s5 .glass-item1::after {
        width: 10.5555555556vw;
        height: 10.5555555556vw;
    }
}

/* s5 end */
/* s8 start */
.vision6Pro-main .vision6Pro-s8 {
    margin-top: 10.41666667vw;
}

.vision6Pro-s8 .s8-group {
    margin: 10.41666667vw auto 0;
    width: 81.25vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vision6Pro-s8 .s8-group .s8-left {
    width: 41.66666667vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6Pro-s8 .s8-group .s8-left .s8-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.09deg, #ecddb2 0.01%, #c6a16d 99.98%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-s8 .s8-group .s8-left .s8-beau {
    font-weight: 500;
    color: #fff;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6Pro-s8 .s8-group .s8-left .s8-txt {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
    width: 100%;
}

.vision6Pro-s8 .s8-group .s8-rightBox {
    display: flex;
    margin-bottom: -0.72916667vw;
}

.vision6Pro-s8 .s8-group .s8-right {
    width: fit-content;
    text-align: left;
}

.vision6Pro-s8 .s8-group .s8-right:nth-child(2) {
    margin-left: 4.16666667vw;
}

.vision6Pro-s8 .s8-group .s8-right .s8-thin {
    font-weight: 300;
    color: #fff;
    font-size: 1.14583333vw;
    line-height: 1.25;
}

.vision6Pro-s8 .s8-group .s8-right .s8-math {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-left: -0.26041667vw;
    width: fit-content;
}

.vision6Pro-s8 .s8-group .s8-right .s8-math .unit {
    font-size: 3.125vw;
}

.vision6Pro-s8 .s8-box {
    width: 100%;
    margin-top: 4.16666667vw;
    position: relative;
}

.vision6Pro-s8 .s8-box .s8-adswitch {
    width: 53.125vw;
    overflow: hidden;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.vision6Pro-s8 .s8-box .s8-adswitch .s8-scswitch {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 99;
}

.vision6Pro-s8 .s8-box .s8-adswitch .s8-scswitch .s8-scImg {
    overflow: hidden;
    position: relative;
}

.vision6Pro-s8 .s8-box .s8-adswitch .s8-scswitch .s8-scImg img {
    width: 53.125vw;
}

.vision6Pro-s8 .s8-box .s8-title {
    position: absolute;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.04166667vw;
    line-height: 1.6;
    top: 1.35416667vw;
    right: 0.36458333vw;
    width: 5.72916667vw;
}

.vision6Pro-s8 .s8-box .s8-title2 {
    right: auto;
    left: 1.14583333vw;
    width: 5.20833333vw;
}

.vision6Pro-s8 .s8-box .s8-adswitch .s8-line-glass {
    width: 0.46875vw;
    height: calc(100% - 1.04166667vw);
    position: absolute;
    background-color: #d0d0d0;
    top: 50.7%;
    right: 0;
    transform: translate(49.9%, -50%);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    opacity: 0.6;
    -webkit-transform: translate(49.9%, -50%);
    -moz-transform: translate(49.9%, -50%);
}

.vision6Pro-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.vision6Pro-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6Pro-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item1 {
    border-radius: 999px;
}

.vision6Pro-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item1::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(178.73deg, #888888 23.01%, #e5e5e5 30.42%, #ffffff 56.97%, #e8e8e8 81.43%, #888888 88.05%);
    border-radius: 9999px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);

}

.vision6Pro-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item1::after {
    content: "";
    position: absolute;
    width: 0.26041667vw;
    height: calc(100% - 5px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: rgba(208, 208, 208, 0.6);
    z-index: 2;
    border-radius: 999px;
}

.vision6Pro-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item2 {
    position: absolute;
    width: 0.20833333vw;
    height: 29.42708333vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: blur(3px);
    opacity: 0.6;
    border: 1px solid #707070;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 3;
}

.vision6Pro-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item3 {
    position: absolute;
    inset: 0;
}

.vision6Pro-main .s8-box .s8-adswitch .s8-line-glass .glass-wrap .glass-item3::before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 999px;
    z-index: 1;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset;
}

.vision6Pro-s8 .s8-box .s8-adswitch .s8-lineBtn {
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    cursor: grab;
}

.vision6Pro-s8 .s8-box .s8-adswitch .s8-lineBtn:active {
    cursor: grabbing;
}

.vision6Pro-s8 .s8-box .s8-lineBtn {
    width: fit-content;
    position: relative;
    z-index: 1;
}

.vision6Pro-s8 .s8-box .s8-lineBtn .glass-wrap {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.vision6Pro-s8 .s8-box .s8-lineBtn .glass-wrap .glass-item {
    position: absolute;
    inset: 0;
}

.vision6Pro-main .s8-lineBtn .glass-item1 {
    border-radius: 999px;
}

.vision6Pro-main .s8-lineBtn .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 2.239583vw;
    height: 2.239583vw;
    top: 0.052083vw;
    left: 0.104167vw;
    border: 1px solid #fff;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
    border-radius: 999px;
}

.vision6Pro-main .s8-lineBtn .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.3125vw;
    left: 0.208333vw;
    width: 2.291667vw;
    height: 2.135417vw;
    border: 1px solid #707070;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    z-index: 2;
    border-radius: 999px;
}

.vision6Pro-main .s8-lineBtn .glass-item2 {
    background: rgba(208, 208, 208, 0.2);
    border-radius: 999px;
    position: absolute;
    inset: 0px;
    z-index: 1;
    backdrop-filter: blur(30px) brightness(115%);
    -webkit-backdrop-filter: blur(30px) brightness(115%);
}

.vision6Pro-main .s8-lineBtn .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(42.69deg, #888888 15.87%, #e5e5e5 26%, #ffffff 51.36%, #e8e8e8 74.1%, #888888 83.83%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}


.vision6Pro-s8 .s8-box .s8-lineBtn .s8-glassImg {
    width: 1.66666667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, 0.2));
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-s8 {
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-s8 .s8-befor {
        width: 83.3333333333vw;
    }

    .vision6Pro-s8 .s8-befor .s8-crys {
        font-size: 6.6666666667vw;
    }

    .vision6Pro-s8 .s8-group {
        width: 83.3333333333vw;
        margin-top: 27.7777777778vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .vision6Pro-s8 .s8-group .s8-left {
        width: 100%;
        align-items: center;
    }

    .vision6Pro-s8 .s8-group .s8-left .s8-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6Pro-s8 .s8-group .s8-left .s8-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
        width: 77.7777777778vw;
    }

    .vision6Pro-s8 .s8-befor h2 {
        font-size: 13.8888888889vw;
        margin-top: 3.3333333333vw;
    }

    .vision6Pro-s8 .s8-group .s8-left .s8-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s8 .s8-group .s8-right {
        text-align: center;
        margin-top: 7.7777777778vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
    }

    .vision6Pro-s8 .s8-group .s8-rightBox {
        width: 100%;
        justify-content: center;
        margin-bottom: 0;
    }

    .vision6Pro-s8 .s8-group .s8-right .s8-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s8 .s8-group .s8-right .s8-math {
        font-size: 13.8888888889vw;
        width: fit-content;
    }

    .vision6Pro-s8 .s8-group .s8-right .s8-math .unit {
        font-size: 8.3333333333vw;
    }

    .vision6Pro-s8 .s8-group .s8-right:nth-child(2) {
        margin-left: 5.5555555556vw;
    }

    .vision6Pro-s8 .s8-group .s8-right:nth-child(2) .s8-math .unit {
        font-size: 5.5555555556vw;
    }

    .vision6Pro-s8 .s8-box {
        margin-top: 11.1111111111vw;
        height: 97.2222222222vw;
    }

    .vision6Pro-s8 .s8-box .s8-bg {
        display: none;
    }

    .vision6Pro-s8 .s8-box .s8-adswitch {
        width: 100%;
        position: static;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
}

    .vision6Pro-s8 .s8-box .s8-adswitch .s8-scswitch .s8-scImg img {
        width: 100%;
    }

    .vision6Pro-s8 .s8-box .s8-adswitch .s8-feswitch {
        transition: all 0.8s linear;
        -webkit-transition: all 0.8s linear;
        -moz-transition: all 0.8s linear;
        -ms-transition: all 0.8s linear;
        -o-transition: all 0.8s linear;
        width: 100%;
    }
.vision6Pro-s8 .s8-box .s8-adswitch .s8-scswitch{
    opacity: 0;
}
    .vision6Pro-s8 .s8-box .s8-adswitch .s8-scswitch.active {
        opacity: 1;
    }

    .vision6Pro-main .vision6Pro-s8 .s8-btnBox {
        display: flex;
        position: absolute;
        justify-content: center;
        bottom: 5.8333333333vw;
        width: 100%;
    }


    .vision6Pro-s8 .s8-btnBox .container {
        width: fit-content;
        position: relative;
        z-index: 1;
    }

    .vision6Pro-main .vision6Pro-s8 .s8-btnBox .s8-btn:first-child {
        margin-right: 5.5555555556vw;
    }

    .vision6Pro-s8 .s8-btnBox .glass-wrap {
        position: absolute;
        inset: -2px;
        z-index: -1;
        pointer-events: none;

    }

    .vision6Pro-s8 .s8-btnBox .glass-wrap .glass-item {
        position: absolute;
        inset: 0;
    }

    .vision6Pro-s8 .s8-btnBox .glass-wrap .glass-item1 {
        border-radius: 999px;
    }

    .vision6Pro-s8 .s8-btnBox .glass-wrap .glass-item1::before {
        content: "";
        position: absolute;
        height: 8.3333333333vw;
        inset: 9px 0 auto 7px;
        border: 1px solid #707070;
        border-radius: 999px;
        filter: blur(4px);
        z-index: 2;
    }

    .vision6Pro-s8 .s8-btnBox .glass-wrap .glass-item1::after {
        content: "";
        position: absolute;
        height: 8.8888888889vw;
        inset: 6px 0 auto 4px;
        border: 1px solid #707070;
        border-radius: 999px;
        filter: blur(4px);
    }

    .vision6Pro-s8 .s8-btnBox .glass-wrap .glass-item2 {
        background: rgba(208, 208, 208, 0);
        border-radius: 999px;
        backdrop-filter: blur(3px);
        position: absolute;
        inset: 0px;
        z-index: 1;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .vision6Pro-main .vision6Pro-s8 .s8-btn.active .glass-wrap .glass-item2 {
        background: rgba(208, 208, 208, 0.5);
    }

    .vision6Pro-s8 .s8-btnBox .glass-wrap .glass-item3 {
        position: absolute;
        inset: 0;
        z-index: 2;
        padding: 2px;
        border-radius: 999px;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        background: linear-gradient(42.69deg, #888888 15.87%, #e5e5e5 26%, #ffffff 51.36%, #e8e8e8 74.1%, #888888 83.83%);
        -webkit-mask: linear-gradient(#fff, #fff) content-box,
            linear-gradient(#fff, #fff);
        mask: linear-gradient(#fff, #fff) content-box,
            linear-gradient(#fff, #fff);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }

    .vision6Pro-s8 .s8-btnBox .txt-wrap {
        color: #0e0e0f;
        font-weight: 500;
        font-size: 3.3333333333vw;
        padding: 2.5vw 3.8888888889vw;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.6;
    }

    .vision6Pro-s7 .s7-fbox .s7-conWrap .s7-con:nth-child(2) {
        margin-left: 3.3333333333vw;
    }

}

/* s8 end */
/* s9 start */
.vision6Pro-s9 .s9-group {
    margin: 10.41666667vw auto 0;
    width: 67.5vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vision6Pro-s9 .s9-group .s9-left {
    width: 41.66666667vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6Pro-s9 .s9-group .s9-left .s9-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    ;
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-s9 .s9-group .s9-left .s9-beau {
    font-weight: 500;
    color: #ffffff;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6Pro-s9 .s9-group .s9-left .s9-txt {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap {
    display: flex;
    margin-top: 2.5vw;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap li {
    display: flex;
    align-items: center;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img {
    width: 4.16666667vw;
    height: 4.16666667vw;
    margin-right: 1.25vw;
    position: relative;
    z-index: 1;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap li:not(:last-child) {
    margin-right: 5.20833333vw;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1 {
    border-radius: 1.5625vw;
    overflow: hidden;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0px 0.20833333vw 0.20833333vw 0;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.5625vw;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0.15625vw 0 0 0.15625vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.5625vw;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item2 {
    background: rgba(244, 244, 244, .5);
    border-radius: 1.5625vw;
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
    opacity: 0.5;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item3 {
    position: absolute;
    inset: 0;
    padding: 2px;
    z-index: 2;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(118.97deg, #888888 7.34%, #e5e5e5 19.91%, #ffffff 64.49%, #ffffff 81.34%, #888888 94.35%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.5625vw;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-con {
    font-weight: 300;
    color: #fff;
    font-size: 1.04166667vw;
    line-height: 1.6;
}

.vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-con p {
    display: inline;
    font-weight: 500;
}

.vision6Pro-s9 .s9-group .s9-right {
    width: fit-content;
    max-width: 15.625vw;
    text-align: left;
    margin-bottom: -0.72916667vw;
}

.vision6Pro-s9 .s9-group .s9-right .s9-thin {
    font-weight: 300;
    color: #ffffff;
    font-size: 1.14583333vw;
    line-height: 1.25;
}

.vision6Pro-s9 .s9-group .s9-right .s9-math {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-s9 .s9-group .s9-right .s9-math .unit {
    font-size: 3.125vw;
}

.vision6Pro-s9 .s9-box {
    width: 81.35416667vw;
    margin: 4.16666667vw auto 0;
    display: flex;
    justify-content: space-between;
}

.vision6Pro-s9 .s9-box .s9-advan {
    position: relative;
}

.vision6Pro-s9 .s9-box .s9-tip {
    position: absolute;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.04166667vw;
    line-height: 1.6;
    top: 3.125vw;
    left: 4.27083333vw;

}

.vision6Pro-s9 .s9-box .s9-advan:nth-child(2) .s9-tip {
    left: auto;
    right: 4.27083333vw;
}

.vision6Pro-s9 .s9-box .s9-img {
    width: 40.05208333vw;
    height: 31.25vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-s9 .s9-group .s9-left {
        width: 100%;
        align-items: center;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
        width: 77.7777777778vw;
    }

    .vision6Pro-s9 .s9-befor h2 {
        font-size: 13.8888888889vw;
        margin-top: 3.3333333333vw;
    }

    .vision6Pro-s9 .s9-group {
        width: 83.3333333333vw;
        margin-top: 27.7777777778vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s9 .s9-group .s9-right {
        width: 100%;
        max-width: none;
        text-align: center;
        margin: 7.7777777778vw 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision6Pro-s9 .s9-group .s9-right .s9-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s9 .s9-group .s9-right .s9-math {
        font-size: 13.8888888889vw;
    }

    .vision6Pro-s9 .s9-group .s9-right .s9-math .unit {
        font-size: 8.333333333vw;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap {
        margin-top: 7.7777777778vw;
        justify-content: center;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap li {
        flex-direction: row;
        width: fit-content;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap li:not(:last-child) {
        margin-right: 11.11111111vw;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
        margin: 0;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-con {
        font-size: 3.3333333333vw;
        margin: 0 0 0 3.3333333333vw;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-con p span {
        font-size: 3.3333333333vw;
        font-weight: 500;
    }

    .vision6Pro-s9 .s9-box {
        flex-direction: column;
        width: 91.1111111111vw;
        margin-top: 11.111111111111vw;
    }

    .vision6Pro-s9 .s9-box .s9-img {
        width: 100%;
        height: 69.4444444444vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1,
    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1::before,
    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item1::after,
    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item2,
    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-img .glass-item3 {
        border-radius: 4.1666666667vw;
        -webkit-border-radius: 4.1666666667vw;
        -moz-border-radius: 4.1666666667vw;
        -ms-border-radius: 4.1666666667vw;
        -o-border-radius: 4.1666666667vw;
    }

    .vision6Pro-s9 .s9-box .s9-tip {
        font-size: 3.8888888889vw;
        top: 3.3333333333vw;
        left: 3.3333333333vw;
    }

    .vision6Pro-s9 .s9-box .s9-advan:nth-child(2) .s9-tip {
        left: 3.3333333333vw;
        right: auto;
    }

    .vision6Pro-s9 .s9-box .s9-advan:nth-child(2) {
        margin-top: 4.4444444444vw;
    }

    .vision6Pro-s9 .s9-group .s9-left .s9-iconWrap .icon-con p {
        font-size: 4.4444444444vw;
        font-weight: 500;
        line-height: 1.25;
    }

}

/* s9 end */
/* s10 start */
.vision6Pro-main .vision6Pro-s10 {
    margin-top: 10.41666667vw;
}

.vision6Pro-s10 .s10-group {
    width: 81.25vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vision6Pro-s10 .s10-group .s10-left {
    width: 23.95833333vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6Pro-s10 .s10-group .s10-left .s10-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    ;
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-s10 .s10-group .s10-left .s10-beau {
    font-weight: 500;
    color: #fff;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6Pro-s10 .s10-group .s10-left .s10-txt {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6Pro-s10 .s10-group .s10-left .s10-txt .black {
    color: #0e0e0f;
    font-weight: 500;
}

.vision6Pro-s10 .s10-group .s10-left .s10-iconWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 4.16666667vw;
    width: 110%;
}

.vision6Pro-s10 .s10-group .s10-left .s10-iconWrap li {
    display: flex;
    align-items: center;
}

.vision6Pro-s10 .s10-group .s10-left .s10-iconWrap li:not(:last-child) {
    margin-bottom: 1.25vw;
}

.vision6Pro-s10 .s10-group .s10-left .s10-iconWrap .icon-img {
    width: 4.16666667vw;
    height: 4.16666667vw;
    margin-right: 1.25vw;
    position: relative;
    z-index: 1;
}

.vision6Pro-s10 .s10-group .s10-left .s10-iconWrap .icon-img .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.vision6Pro-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1 {
    border-radius: 1.5625vw;
    overflow: hidden;
}

.vision6Pro-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0px 0.15625vw 0.15625vw 0;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.5625vw;
}

.vision6Pro-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0.15625vw 0 0 0.15625vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.5625vw;
}

.vision6Pro-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item2 {
    background: rgba(244, 244, 244, .5);
    border-radius: 1.5625vw;
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
    opacity: 0.5;
}

.vision6Pro-main .s10-group .s10-left .s10-iconWrap .icon-img .glass-item3 {
    position: absolute;
    inset: 0;
    padding: 2px;
    z-index: 2;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(118.97deg, #888888 7.34%, #e5e5e5 19.91%, #ffffff 64.49%, #ffffff 81.34%, #888888 94.35%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.5625vw;
}

.vision6Pro-s10 .s10-group .s10-left .s10-iconWrap span {
    font-weight: 300;
    color: #fff;
    font-size: 1.04166667vw;
    line-height: 1.6;
}

.vision6Pro-s10 .s10-group .s10-box {
    width: 52.08333333vw;
    height: 37.5vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-s10 {
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-s10 .s10-group {
        width: 91.1111111111vw;
        flex-direction: column;
        justify-content: center;
    }

    .vision6Pro-s10 .s10-group .s10-left {
        width: 100%;
        text-align: center;
        align-items: center;
    }

    .vision6Pro-s10 .s10-group .s10-left .s10-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6Pro-s10 .s10-group .s10-left .s10-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
        width: 77.7777777778vw;
    }

    .vision6Pro-s10 .s10-group .s10-left .s10-thin {
        font-size: 4.4444444444vw;
    }


    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap {
        width: 100%;
        margin-top: 7.7777777778vw;
        justify-content: center;
        flex-direction: row;
    }

    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap li {
        width: fit-content;
    }

    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap li:not(:last-child) {
        margin: 0 5.5555555556vw 0 0;
    }

    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap .icon-img {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
        margin: 0 3.3333333333vw 0 0;
    }

    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1,
    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1::before,
    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item1::after,
    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item2,
    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap .icon-img .glass-item3 {
        border-radius: 4.1666666667vw;
    }

    .vision6Pro-s10 .s10-group .s10-left .s10-iconWrap span {
        font-size: 3.3333333333vw;
    }

    .vision6Pro-s10 .s10-group .s10-box {
        width: 100%;
        height: 77.7777777778vw;
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        -ms-border-radius: 2.2222222222vw;
        -o-border-radius: 2.2222222222vw;
        margin-top: 11.11111111vw;
    }
}

/* s10 end */
/* s11 start */
.vision6Pro-main .vision6Pro-s11 {
    margin-top: 10.41666667vw;
}

.vision6Pro-main .vision6Pro-s11 .s11-group {
    margin: 0 auto;
    width: 67.5vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vision6Pro-s11 .s11-group .s11-left {
    width: 41.66666667vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6Pro-s11 .s11-group .s11-left .s11-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    ;
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-s11 .s11-group .s11-left .s11-beau {
    font-weight: 500;
    color: #fff;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6Pro-s11 .s11-group .s11-left .s11-txt {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
    width: 100%;
}

.vision6Pro-s11 .s11-group .s11-left .s11-txt .black {
    color: #0e0e0f;
    font-weight: 500;
}

.vision6Pro-s11 .s11-group .s11-right {
    width: fit-content;
    max-width: 15.625vw;
    text-align: left;
    margin-bottom: -0.72916667vw;
}

.vision6Pro-s11 .s11-group .s11-right .s11-thin {
    font-weight: 300;
    color: #fff;
    font-size: 1.14583333vw;
    line-height: 1.25;
}

.vision6Pro-s11 .s11-group .s11-right .s11-math {
    font-weight: 300;
    color: #fff;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    -webkit-background-clip: text;
    background-clip: text;
}

.vision6Pro-s11 .s11-group .s11-right .s11-math .unit {
    font-size: 3.125vw;
}

.vision6Pro-s11 .s11-box {
    width: 81.25vw;
    margin: 4.16666667vw auto 0;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-s11 {
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-s11 .s11-group {
        width: 83.3333333333vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .vision6Pro-s11 .s11-group .s11-left {
        width: 100%;
        align-items: center;
    }

    .vision6Pro-s11 .s11-group .s11-left .s11-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6Pro-s11 .s11-group .s11-left .s11-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
        width: 77.7777777778vw;
    }

    .vision6Pro-s11 .s11-group .s11-left .s11-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s11 .s11-group .s11-right {
        width: 100%;
        max-width: none;
        text-align: center;
        margin: 7.7777777778vw 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision6Pro-s11 .s11-group .s11-right .s11-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s11 .s11-group .s11-right .s11-math {
        font-size: 13.8888888889vw;
        width: fit-content;
    }

    .vision6Pro-s11 .s11-group .s11-left .s11-iconWrap {
        margin-top: 7.7777777778vw;
        justify-content: center;
    }

    .vision6Pro-s11 .s11-group .s11-left .s11-iconWrap li {
        flex-direction: column;
        width: 30.5555555556vw;
    }

    .vision6Pro-s11 .s11-group .s11-left .s11-iconWrap li:not(:last-child) {
        width: 22.2222222222vw;
        margin-right: 11.11111111vw;
    }

    .vision6Pro-s11 .s11-group .s11-left .s11-iconWrap img {
        width: 11.1111111111vw;
        height: 11.1111111111vw;
        margin: 0;
    }

    .vision6Pro-s11 .s11-group .s11-left .s11-iconWrap span {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s11 .s11-box {
        margin-top: 11.11111111vw;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .vision6Pro-s11 .s11-group .s11-right .s11-math .unit {
        font-size: 8.3333333333vw;
    }
}

/* s11 end */
/* s12 start */
.vision6Pro-main .vision6Pro-s12 {
    margin-top: 10.41666667vw;
}

.vision6Pro-s12 .s12-group {
    margin: 0 auto;
    width: 81.25vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    text-align: center;
}

.vision6Pro-s12 .s12-group .s12-left {
    width: 40.36458333vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.vision6Pro-s12 .s12-group .s12-left .s12-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    ;
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-s12 .s12-group .s12-left .s12-beau {
    font-weight: 500;
    color: #ffffff;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6Pro-s12 .s12-group .s12-left .s12-txt {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.145833vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6Pro-s12 .s12-group .s12-left .s12-txt .black {
    color: #ffffff;
    font-weight: 500;
}

.vision6Pro-s12 .s12-group .s12-left .s12-iconWrap {
    display: flex;
    justify-content: center;
    margin-top: 3.33333333vw;
}

.vision6Pro-s12 .s12-group .s12-left .s12-iconWrap li {
    display: flex;
    align-items: center;
}

.vision6Pro-s12 .s12-group .s12-left .s12-iconWrap li:not(:last-child) {
    margin-right: 4.16666667vw;
}

.vision6Pro-s12 .s12-group .s12-left .s12-iconWrap img {
    width: 2.91666667vw;
    height: 2.91666667vw;
    margin-right: 0.78125vw;
}

.vision6Pro-s12 .s12-group .s12-left .s12-iconWrap span {
    font-weight: 300;
    color: #fff;
    font-size: 1.04166667vw;
    line-height: 1.6;
    text-align: left;
}

.vision6Pro-s12 .s12-group .s12-right {
    margin-bottom: -0.72916667vw;
}

.vision6Pro-s12 .s12-group .s12-right .s12-thin {
    font-weight: 300;
    color: #ffffff;
    font-size: 1.14583333vw;
    text-align: left;
}

.vision6Pro-s12 .s12-group .s12-right .s12-math {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-s12 .s12-group .s12-right .unit {
    font-size: 3.125vw;
}

.vision6Pro-s12 .s12-box {
    width: 100%;
    margin-top: 4.16666667vw;
}

.vision6Pro-s12 .s12-box .s12-img {
    position: relative;
}

.vision6Pro-s12 .s12-box .s12-img img {
    height: 41.66666667vw;
    object-fit: cover;
}

.vision6Pro-s12 .s12-box p.s12-title {
    position: absolute;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.14583333vw;
    line-height: 1.6;
    top: 4.16666667vw;
    left: 9.375vw;
}

.vision6Pro-s12 .s12-box p.s12-title2 {
    left: auto;
    right: 9.375vw;
}

.vision6Pro-s12 .s12-box p.s12-tip {
    position: absolute;
    font-weight: 300;
    color: #0e0e0f;
    font-size: max(0.625vw, 8px);
    line-height: 1.6;
    bottom: 14.11458333vw;
    left: 9.375vw;
}

.vision6Pro-s12 .s12-box p.s12-tip2 {
    right: 9.27083333vw;
    left: auto;
    bottom: 1.25vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-s12 {
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-s12 .s12-group {
        width: 94.4444444444vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .vision6Pro-s12 .s12-group .s12-left {
        width: 100%;
        align-items: center;
    }

    .vision6Pro-s12 .s12-group .s12-left .s12-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s12 .s12-group .s12-left .s12-txt {
        margin-top: 4.4444444444vw;
        font-size: 4.4444444444vw;
        width: 77.7777777778vw;
    }

    .vision6Pro-s12 .s12-group .s12-left .s12-iconWrap {
        margin-top: 7.7777777778vw;
    }

    .vision6Pro-s12 .s12-group .s12-left .s12-iconWrap li {
        flex-direction: column;
        max-width: 41.6666666667vw;
    }

    .vision6Pro-s12 .s12-group .s12-left .s12-iconWrap li:not(:last-child) {
        margin-right: 5.5555555556vw;
    }

    .vision6Pro-s12 .s12-group .s12-left .s12-iconWrap img {
        width: 11.11111111vw;
        height: 11.11111111vw;
        margin: 0 0 3.33333333vw 0;
    }

    .vision6Pro-s12 .s12-group .s12-left .s12-iconWrap span {
        font-size: 3.3333333333vw;
        text-align: center;
    }

    .vision6Pro-s12 .s12-group .s12-left .s12-beau {
        margin-top: 2.2222222222vw;
        font-size: 8.8888888889vw;
    }

    .vision6Pro-s12 .s12-group .s12-right {
        margin: 7.7777777778vw 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .vision6Pro-s12 .s12-group .s12-right .s12-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-s12 .s12-group .s12-right .s12-math {
        font-size: 13.8888888889vw;
    }

    .vision6Pro-s12 .s12-group .s12-right .unit {
        font-size: 8.3333333333vw;
    }

    .vision6Pro-s12 .s12-box {
        margin-top: 11.1111111111vw;
    }

    .vision6Pro-s12 .s12-box p.s12-title {
        font-size: 3.8888888889vw;
        left: 4.4444444444vw;
        top: 5vw;
    }

    .vision6Pro-s12 .s12-box p.s12-title2 {
        right: 4.4444444444vw;
        left: auto;
    }

    .vision6Pro-s12 .s12-box p.s12-tip {
        font-size: 2.7777777778vw;
        left: 4.4444444444vw;
        bottom: auto;
        top: 40.2777777778vw;
    }

    .vision6Pro-s12 .s12-box p.s12-tip2 {
        width: 77.7777777778vw;
        position: static;
        margin: 3.3333333333vw auto 0;
    }

    .vision6Pro-s12 .s12-box .s12-img img {
        height: auto;
    }

}

/* s12 end */
/* l11 start */
.vision6Pro-main .vision6Pro-l11 {
    margin-top: 10.41666667vw;
}

.vision6Pro-main .vision6Pro-l11 .l11-top {
    width: 57.29166667vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.vision6Pro-main .vision6Pro-l11 .l11-top .l11-thin {
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.66666667vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-main .vision6Pro-l11 .l11-top .l11-beau {
    font-weight: 500;
    color: #fff;
    font-size: 3.33333333vw;
    line-height: 1.25;
    margin-top: 0.83333333vw;
}

.vision6Pro-main .vision6Pro-l11 .l11-top .l11-txt {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6Pro-main .vision6Pro-l11 .l11-img {
    width: 100%;
    margin-top: 4.16666667vw;
}

.vision6Pro-main .vision6Pro-l11 .l11-iconWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.5vw;
}

.vision6Pro-main .vision6Pro-l11 .l11-iconWrap li {
    width: 15.625vw;
}

.vision6Pro-main .vision6Pro-l11 .l11-iconWrap li:nth-child(2) {
    margin-left: 6.25vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l11 {
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l11 .l11-top {
        width: 83.3333333333vw;
    }

    .vision6Pro-main .vision6Pro-l11 .l11-top .l11-thin {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-l11 .l11-top .l11-beau {
        font-size: 8.8888888889vw;
        margin-top: 2.2222222222vw;
    }

    .vision6Pro-main .vision6Pro-l11 .l11-top .l11-txt {
        width: 77.7777777778vw;
        font-size: 4.4444444444vw;
        margin-top: 4.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-l11 .l11-img {
        margin-top: 11.1111111111vw;
    }

    .vision6Pro-main .vision6Pro-l11 .l11-iconWrap {
        margin-top: 7.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l11 .l11-iconWrap li {
        width: 27.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l11 .l11-iconWrap li:nth-child(2) {
        margin-left: 11.1111111111vw;
    }
}

/* l11 end */
/* l10 start */
.vision6Pro-main .vision6Pro-l10 {
    margin-top: 10.416667vw;
}

.vision6Pro-main .vision6Pro-l10 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.vision6Pro-main .vision6Pro-l10 .content-wrap .left-content {
    width: 41.66666667vw;
}

.vision6Pro-main .vision6Pro-l10 .content-wrap .common-desc {
    margin-top: 1.66666667vw;
}

.vision6Pro-main .vision6Pro-l10 .right-content {
    margin-bottom: -0.72916667vw;
}

.vision6Pro-main .vision6Pro-l10 .right-content .right-title {
    font-weight: 300;
    color: #ffffff;
    font-size: 1.14583333vw;
    line-height: 1.25
}

.vision6Pro-main .vision6Pro-l10 .right-content .right-linear {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-main .vision6Pro-l10 .right-content .right-linear .unit {
    font-size: 3.125vw;
}

.vision6Pro-main .vision6Pro-l10 .sound-hifi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 81.25vw;
    margin: 4.16666667vw auto 0;
}

.vision6Pro-main .vision6Pro-l10 .sound-hifi .sound-left {
    width: 23.95833333vw;
}

.vision6Pro-main .vision6Pro-l10 .sound-hifi .sound-left .sound-txt {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
}

.vision6Pro-main .vision6Pro-l10 .sound-hifi .sound-left .sound-linear {
    font-weight: 300;
    color: #0e0e0f;
    margin-top: 1.875vw;
    font-size: 3.125vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-main .vision6Pro-l10 .sound-hifi .sound-left .sound-linear span {
    font-size: 5.20833333vw;
}

.vision6Pro-main .vision6Pro-l10 .sound-hifi .hifi-img {
    width: 52.08333333vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-l10 .sound-img {
    width: 81.25vw;
    height: 36.458333vw;
    margin: 4.166667vw auto 0;
    border-radius: 0.833333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper-container {
    margin-top: 4.16666667vw;
}

.vision6Pro-main .vision6Pro-l10 .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper {
    width: 81.25vw;
    margin: 0 auto;
    overflow: visible;
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide {
    width: 40vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper.isend .swiper-slide:nth-last-child(1) {
    cursor: default;
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide .img-wrap {
    position: relative;
    height: 27.083333vw;
    border-radius: 0.833333vw;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide .ps-txt {
    position: absolute;
    left: 1.25vw;
    bottom: 1.25vw;
    color: #fff;
    font-size: max(0.625vw, 8px);
    font-weight: 300;
    line-height: 1.6;
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide .slide-word {
    width: 31.25vw;
    color: #d1d1d1;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 2.083333vw;
    margin-left: 0.833333vw;
}

.vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide .slide-word b {
    color: #FFFFFF;
    font-weight: 500;
}

.vision6Pro-main .vision6Pro-l10 .nav-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.vision6Pro-main .vision6Pro-l10 .nav-container .nav-wrap {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6Pro-main .vision6Pro-l10 .nav-container .nav-btn {
    position: relative;
    z-index: 1;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    box-shadow: 1px 3px 3px rgba(112, 112, 112, .3);
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .vision6Pro-l10 .nav-container .nav-btn:hover {
        cursor: pointer;
    }

    .vision6Pro-main .vision6Pro-l10 .nav-container .nav-btn:hover .glass-wrap {
        opacity: .6;
    }
}

.vision6Pro-main .vision6Pro-l10 .nav-container .nav-btn.btn-disabled {
    pointer-events: none;
    opacity: .5;
}

.vision6Pro-main .vision6Pro-l10 .nav-container .nav-btn .arrow-pic {
    filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
    -webkit-filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
}

.vision6Pro-main .vision6Pro-l10 .nav-container .btn-next {
    margin-left: 1.25vw;
}

.vision6Pro-main .vision6Pro-l10 .nav-container .btn-next .arrow-pic img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l10 {
        margin-top: 27.777778vw;
    }

    .vision6Pro-main .vision6Pro-l10 .content-wrap {
        width: 83.3333333333vw;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .vision6Pro-main .vision6Pro-l10 .content-wrap .common-desc {
        width: 77.7777777778vw;
        margin: 4.444444vw auto 0;
    }

    .vision6Pro-main .vision6Pro-l10 .content-wrap .left-content {
        width: 100%;
    }

    .vision6Pro-main .vision6Pro-l10 .content-wrap .right-content {
        margin-top: 7.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l10 .right-content {
        margin-bottom: 0;
    }

    .vision6Pro-main .vision6Pro-l10 .right-content .right-title {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-l10 .right-content .right-linear {
        font-size: 13.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-l10 .right-content .right-linear .unit {
        font-size: 8.3333333333vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-img {
        width: 91.111111vw;
        height: 77.777778vw;
        margin: 11.1111111112vw auto 0;
        border-radius: 2.222222vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-hifi {
        flex-direction: column-reverse;
        margin-top: 4.4444444444vw;
        width: 91.1111111111vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-hifi .hifi-img {
        width: 100%;
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        -moz-border-radius: 2.222222vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-hifi .sound-left {
        width: 100%;
        margin-top: 6.6666666667vw;
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-hifi .sound-left .sound-txt {
        font-size: 4.4444444444vw;
        margin-bottom: 7.7777777778vw;
        width: 77.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-hifi .sound-left .sound-linear {
        display: inline;
        font-size: 8.3333333333vw;
        margin-top: 0;
        width: 100%;
        text-align: left;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-hifi .sound-left .sound-linear span {
        font-size: 13.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-swiper-container {
        margin-top: 7.7777777778vw;
        position: relative;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-swiper-container::after {
        content: "";
        width: 1px;
        height: 55.5555555556vw;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000;
        z-index: 100;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-swiper {
        width: 86.666667vw;
        margin-left: 4.444444vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide {
        width: 100%;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide .img-wrap {
        height: 55.555556vw;
        border-radius: 2.222222vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide .ps-txt {
        font-size: 2.77777778vw;
        bottom: 3.33333333vw;
        left: 3.33333333vw;
    }

    .vision6Pro-main .vision6Pro-l10 .sound-swiper .swiper-slide .slide-word {
        width: 64.444444vw;
        font-size: 4.444444vw;
        margin-top: 6.666667vw;
        margin-left: 6.666667vw;
    }

    .vision6Pro-main .vision6Pro-l10 .nav-container {
        width: 82.222222vw;
        margin: 11.11111111vw auto 0;
    }

    .vision6Pro-main .vision6Pro-l10 .nav-container .nav-btn {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .vision6Pro-main .vision6Pro-l10 .nav-container .btn-next {
        margin-left: 5.555556vw;
    }
}

/* l10 end */

/* l9 start */
.vision6Pro-main .vision6Pro-l9 {
    margin-top: 10.416667vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l9 {
        margin-top: 27.777777778vw;
    }
}

/* l9 end */
/* l12 start */
.vision6Pro-main .vision6Pro-l12 {
    margin-top: 10.41666667vw;
}

.vision6Pro-main .vision6Pro-l12 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vision6Pro-main .vision6Pro-l12 .l12-left {
    width: 41.66666667vw;
}

.vision6Pro-main .vision6Pro-l12 .l12-left .common-desc {
    margin-top: 1.66666667vw;
}

.vision6Pro-main .vision6Pro-l12 .l12-right {
    margin-bottom: -0.72916667vw;
}

.vision6Pro-main .vision6Pro-l12 .l12-right .right-title {
    font-weight: 300;
    color: #ffffff;
    font-size: 1.14583333vw;
    line-height: 1.25;
}

.vision6Pro-main .vision6Pro-l12 .l12-right .right-linear {
    font-weight: 300;
    color: #0e0e0f;
    font-size: 5.20833333vw;
    line-height: 1.25;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.22deg, #ecddb2 0.07%, #c6a16d 99.89%);
    -webkit-background-clip: text;
    background-clip: text;
    width: fit-content;
}

.vision6Pro-main .vision6Pro-l12 .l12-right .right-linear .unit {
    font-size: 3.125vw;
}

.vision6Pro-main .vision6Pro-l12 .l12-img {
    width: 81.35416667vw;
    margin: 4.16666667vw auto 0;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-l12 .l12-bottomWrap {
    display: flex;
    justify-content: space-between;
    width: 81.25vw;
    margin: 1.25vw auto 0;
}

.vision6Pro-main .vision6Pro-l12 .l12-bottomIcon {
    width: 40vw;
    padding: 1.97916667vw 4.375vw;
    background-color: rgba(244, 244, 244, 0.2);
    position: relative;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-l12 .l12-botTitle {
    font-weight: 500;
    color: #ffffff;
    font-size: 1.25vw;
    line-height: 1.25;
    margin-bottom: 0.83333333vw;
}

.vision6Pro-main .vision6Pro-l12 .l12-botCon {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
}

.vision6Pro-main .vision6Pro-l12 .l12-mask {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 0.83333333vw;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(99.79deg, #888888 4.3%, #e5e5e5 17.14%, #ffffff 62.67%, #ffffff 79.88%, #888888 93.16%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    pointer-events: none;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l12 {
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l12 .content-wrap {
        width: 88.8888888889vw;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-left {
        width: 100%;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-left .common-desc {
        margin: 4.4444444444vw auto 0;
        width: 77.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-right {
        margin: 7.7777777778vw 0 0;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-right .right-title {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-right .right-linear {
        font-size: 13.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-right .right-linear .unit {
        font-size: 8.3333333333vw;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-img {
        width: 91.1111111111vw;
        border-radius: 2.22222222vw;
        -webkit-border-radius: 2.22222222vw;
        -moz-border-radius: 2.22222222vw;
        margin: 11.1111111vw auto 0;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-bottomWrap {
        width: 91.1111111111vw;
        flex-direction: column;
        margin: 3.3333333333vw auto 0;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-bottomIcon {
        width: 100%;
        padding: 4.4444444444vw 5.5555555556vw;
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        -moz-border-radius: 2.222222vw;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-botTitle {
        font-size: 4.4444444444vw;
        margin-bottom: 2.2222222222vw;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-botCon {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-bottomIcon:not(:last-child) {
        margin-bottom: 3.3333333333vw;
    }

    .vision6Pro-main .vision6Pro-l12 .l12-mask {
        border-radius: 2.222222222vw;
        -webkit-border-radius: 2.222222222vw;
        -moz-border-radius: 2.222222222vw;
    }
}

/* l12 end */
/* l8 start */
.vision6Pro-main .vision6Pro-l8 {
    margin-top: 10.41666667vw;
}

.vision6Pro-main .vision6Pro-l8 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6Pro-main .vision6Pro-l8 .content-wrap .common-desc {
    margin-top: 1.666667vw;
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-container {
    margin-top: 3.333333vw;
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap {
    margin: 0 auto;
    width: fit-content;
    position: relative;
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .screen-wrap {
    position: relative;
    width: 46.875vw;
    height: 27.604167vw;
    z-index: 2;
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .screen-item {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translate(0, 20vw) scale(0.55);
    -webkit-transform: translate(0, 20vw) scale(0.55);
    -moz-transform: translate(0, 20vw) scale(0.55);
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .screen-bg {
    position: absolute;
    z-index: -1;
    width: 45.989583vw;
    height: 25.885417vw;
    top: 1.09375vw;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .screen-bg video {
    height: 100%;
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .xiaoyi-ball {
    position: absolute;
    z-index: -1;
    width: 14.270833vw;
    height: 14.270833vw;
    top: 2.083333vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.vision6Pro-main .vision6Pro-l8.will-change .xiaoyi-wrap .xiaoyi-ball {
    will-change: transform;
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .xiaoyi-ball .ball-item {
    width: 100%;
    height: 100%;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform-origin: center top;
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item {
    width: fit-content;
    position: absolute;
    z-index: 2;
    color: #000000;
    font-size: 1.145833vw;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item1 {
    top: 7.291667vw;
    right: calc(100% + 1.041667vw);
    padding: 0.677083vw 0.416667vw 0.625vw 1.354167vw;
    border-radius: 999px 999px 0px 999px;
    background: linear-gradient(271.29deg, #ffd79a 0.09%, #a074e2 96.14%);
    transform: translate(17.2vw, -2vw);
    -webkit-transform: translate(17.2vw, -2vw);
    -moz-transform: translate(17.2vw, -2vw);
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item2 {
    top: 3.802083vw;
    left: calc(100% + 1.041667vw);
    padding: 0.677083vw 0.520833vw 0.625vw 0.989583vw;
    border-radius: 999px 999px 999px 0px;
    background: linear-gradient(88.21deg, #ffd79a 0.18%, #6ec8fd 96.02%);
    transform: translate(-18.6vw, 0);
    -webkit-transform: translate(-18.6vw, 0);
    -moz-transform: translate(-18.6vw, 0);
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item3 {
    top: 16.145833vw;
    right: calc(100% + 1.979167vw);
    padding: 0.677083vw 0.15625vw 0.625vw 0.78125vw;
    border-radius: 999px 0px 999px 999px;
    background: linear-gradient(94.67deg, #faeba3 7.24%, #fe8989 93.52%);
    transform: translate(17.2vw, -3vw);
    -webkit-transform: translate(17.2vw, -3vw);
    -moz-transform: translate(17.2vw, -3vw);
}

.vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item4 {
    top: 14.84375vw;
    left: calc(100% + 1.041667vw);
    padding: 0.677083vw 0.572917vw 0.625vw 1.041667vw;
    border-radius: 0px 999px 999px 999px;
    background: linear-gradient(91.55deg, #ffd79a 0.14%, #a074e2 96.09%);
    transform: translate(-20vw, -4vw);
    -webkit-transform: translate(-20vw, -4vw);
    -moz-transform: translate(-20vw, -4vw);
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap {
    margin-top: 2.5vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25vw;
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap li {
    position: relative;
    padding: 1.041667vw 1.666667vw;
    z-index: 1;
    display: flex;
    align-items: center;
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap .btn-txt {
    color: #FFFFFF;
    font-size: 1.041667vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap .glass-wrap {
    position: absolute;
    inset: 0px;
    z-index: -1;
    pointer-events: none;
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap .glass-wrap .glass-item1 {
    border-radius: 999px;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap .glass-wrap .glass-item1::before {
    content: "";
    z-index: 2;
    position: absolute;
    border-radius: 999px;
    inset: 0.416667vw 0.104167vw 0.104167vw 0.3125vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap .glass-wrap .glass-item1::after {
    content: "";
    z-index: 2;
    position: absolute;
    border-radius: 999px;
    inset: 0.05208333vw 0.10416667vw 0.3125vw 0.10416667vw;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap .glass-item2 {
    background: rgba(208, 208, 208, 0.5);
    border-radius: 999px;
    backdrop-filter: blur(3px);
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0.5;
}

.vision6Pro-main .vision6Pro-l8 .btn-wrap .glass-wrap .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(107.45deg, #888888 5.85%, #e5e5e5 18.42%, #ffffff 62.98%, #ffffff 79.83%, #888888 92.83%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l8 {
        margin-top: 27.777777777778vw;
    }

    .vision6Pro-main .vision6Pro-l8 .content-wrap {
        width: 80.5555555556vw;
    }

    .vision6Pro-main .vision6Pro-l8 .content-wrap .common-desc {
        margin: 4.444444vw auto 0;
        width: 77.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-container {
        margin-top: 11.111111vw;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .screen-wrap {
        width: 91.111111vw;
        height: 53.611111vw;
        z-index: 3;
        order: 2;
        margin: 4.444444445vw auto 0;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .screen-item {
        transform: translate(0, 0) scale(1);
        -webkit-transform: translate(0, 0) scale(1);
        -moz-transform: translate(0, 0) scale(1);
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .screen-bg {
        width: 89.305556vw;
        height: 50.277778vw;
        top: 2.083333vw;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .xiaoyi-ball {
        display: none;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item {
        position: static;
        font-size: 3.333333vw;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item1 {
        margin-top: 3.333333vw;
        margin-left: 4.444444vw;
        padding: 1.527778vw 1.388889vw 1.527778vw 3.333333vw;
        transform: translate(10vw, 20vw);
        -webkit-transform: translate(10vw, 20vw);
        -moz-transform: translate(10vw, 20vw);
        order: 1;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item2 {
        margin-left: auto;
        margin-right: 4.444444vw;
        padding: 1.527778vw 1.388889vw 1.527778vw 2.777778vw;
        transform: translate(-10vw, 30vw);
        -webkit-transform: translate(-10vw, 30vw);
        -moz-transform: translate(-10vw, 30vw);
        order: 0;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item3 {
        margin-top: -3.3333333333vw;
        margin-left: 7.222222vw;
        padding: 1.805556vw 2.5vw 1.25vw 3.055556vw;
        transform: translate(10vw, -30vw);
        -webkit-transform: translate(10vw, -30vw);
        -moz-transform: translate(10vw, -30vw);
        order: 4;
    }

    .vision6Pro-main .vision6Pro-l8 .xiaoyi-wrap .tab-item4 {
        margin-top: 4.444444444444444vw;
        margin-left: auto;
        margin-right: 4.444444vw;
        padding: 1.527778vw 2.777778vw 1.527778vw 2.777778vw;
        transform: translate(-10vw, -25vw);
        -webkit-transform: translate(-10vw, -25vw);
        -moz-transform: translate(-10vw, -25vw);
        order: 3;
    }

    .vision6Pro-main .vision6Pro-l8 .btn-wrap {
        margin-top: 8.888889vw;
        gap: 3.333333vw;
    }

    .vision6Pro-main .vision6Pro-l8 .btn-wrap li {
        padding: 2.708333vw 3.333333vw 2.291667vw;
    }

    .vision6Pro-main .vision6Pro-l8 .btn-wrap .btn-txt {
        font-size: 3.333333vw;
    }

    .vision6Pro-main .vision6Pro-l8 .btn-wrap .glass-wrap .glass-item1::before {
        inset: 1.111111vw 0.277778vw 0.277778vw 0.833333vw;
    }

    .vision6Pro-main .vision6Pro-l8 .btn-wrap .glass-wrap .glass-item1::after {
        inset: 0.277778vw 0.277778vw 0.972222vw 0.277778vw;
    }
}


/* l8 end */
/* l13 start */
.vision6Pro-main .vision6Pro-l13 {
    margin-top: 10.41666667vw;
}

.vision6Pro-main .vision6Pro-l13 div.common-big-title {
    display: flex;
    align-items: center;
    margin-top: -0.9375vw;
}

.vision6Pro-main .vision6Pro-l13 .l13-icon {
    width: 6.61458333vw;
    margin: 0 0.41666667vw;
    transform: translateY(-0.78125vw);
    -webkit-transform: translateY(-0.78125vw);
    -moz-transform: translateY(-0.78125vw);
}

.vision6Pro-main .vision6Pro-l13 .content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 67.5vw;
    margin: 0 auto;
}
.vision6Pro-main .vision6Pro-l13 .content-wrap .l13-left{
    margin-bottom: -1.66666667vw;
}
.vision6Pro-main .vision6Pro-l13 .l13-right {
    width: 26.04166667vw;
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
}

.vision6Pro-main .vision6Pro-l13 .l13-img {
    width: 81.25vw;
    margin: 4.16666667vw auto 0;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-l13 .l13-tipCon {
    font-size: max(0.625vw, 8px);
    font-weight: 300;
    color: #FFFFFF;
    line-height: 1.6;
    width: 81.25vw;
    margin: 1.25vw auto 0;
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.vision6Pro-main .vision6Pro-l13 .l13-tipCon .tip2 {
    text-align: right;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l13 {
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l13 .content-wrap {
        flex-direction: column;
        align-items: center;
        width: 88.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-l13 .content-wrap .l13-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision6Pro-main .vision6Pro-l13 .l13-icon {
        width: 12.5vw;
        margin: 0 1.1111111111vw;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
    }

    .vision6Pro-main .vision6Pro-l13 div.common-big-title {
        margin-top: 0.4166666667vw;
    }

    .vision6Pro-main .vision6Pro-l13 .l13-right {
        width: 77.7777777778vw;
        text-align: center;
        font-size: 4.4444444444vw;
        margin: 4.4444444444vw 0 0 0;
    }

    .vision6Pro-main .vision6Pro-l13 .l13-img {
        width: 91.1111111111vw;
        border-radius: 2.22222222vw;
        -webkit-border-radius: 2.22222222vw;
        -moz-border-radius: 2.22222222vw;
        margin-top: 11.1111111111vw;
    }

    .vision6Pro-main .vision6Pro-l13 .l13-tipCon {
        width: 77.7777777778vw;
        margin-top: 3.3333333333vw;
        font-size: 2.7777777778vw;
        flex-direction: column;
    }

    .vision6Pro-main .vision6Pro-l13 .l13-tipCon .tip2 {
        text-align: left;
    }
}

/* l13 end */
/* l7 start */
.vision6Pro-main .vision6Pro-l7 {
    margin-top: 10.416667vw;
}

.vision6Pro-main .vision6Pro-l7 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6Pro-main .vision6Pro-l7 .content-wrap .common-desc {
    margin-top: 1.666667vw;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap {
    position: relative;
    margin-top: 4.166667vw;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .video-item {
    height: 57.291667vw;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .video-item video {
    height: 100%;
}


.vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap {
    display: flex;
    position: absolute;
    z-index: 1;
    left: 9.375vw;
    bottom: 3.333333vw;
    gap: 2.083333vw;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img {
    position: relative;
    z-index: 1;
    width: 5.208333vw;
    height: 5.208333vw;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item1 {
    border-radius: 1.875vw;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0px 0.15625vw 0.15625vw 0;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.875vw;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item1::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0.15625vw 0 0 0.15625vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.875vw;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item2 {
    background: rgba(244, 244, 244, .5);
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
    border-radius: 1.875vw;
    opacity: 0.5;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(118.97deg, #888888 7.34%, #e5e5e5 19.91%, #ffffff 64.49%, #ffffff 81.34%, #888888 94.35%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.875vw;
}

.vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap span {
    display: block;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    margin-top: 0.833333vw;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container {
    margin-top: 4.166667vw;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper {
    width: 81.25vw;
    margin: 0 auto;
    overflow: visible;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .swiper-slide {
    width: 40vw;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .video-container {
    position: relative;
    height: 22.5vw;
    overflow: hidden;
    border-radius: 0.833333vw;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .glass-item1 {
    border-radius: 999px;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0.052083vw;
    left: 0.052083vw;
    width: 1.875vw;
    height: 1.875vw;
    border: 1px solid #fff;
    border-radius: 999px;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.260417vw;
    left: 0.15625vw;
    width: 1.927083vw;
    height: 1.770833vw;
    border: 1px solid #707070;
    z-index: 2;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    border-radius: 999px;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .glass-item2 {
    background: rgba(208, 208, 208, .5);
    border-radius: 999px;
    position: absolute;
    inset: 0;
    z-index: 1;
    backdrop-filter: blur(2.73px);
    -webkit-backdrop-filter: blur(2.73px);
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 3px 3px rgba(112, 112, 112, .1);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}


.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .slide-desc {
    width: 31.77083333vw;
    margin-top: 2.083333vw;
}


.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .desc-title {
    color: #FFFFFF;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .desc-p {
    color: #d1d1d1;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

.vision6Pro-main .vision6Pro-l7 .nav-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.vision6Pro-main .vision6Pro-l7 .nav-container:has(.swiper-button-lock) {
    margin: 0 auto;
}

.vision6Pro-main .vision6Pro-l7 .nav-container .nav-wrap {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6Pro-main .vision6Pro-l7 .nav-container .nav-btn {
    position: relative;
    z-index: 1;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    box-shadow: 1px 3px 3px rgba(112, 112, 112, .3);
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .vision6Pro-l7 .nav-container .nav-btn:hover {
        cursor: pointer;
    }
}

.vision6Pro-main .vision6Pro-l7 .nav-container .nav-btn.btn-disabled {
    pointer-events: none;
    opacity: .5;
}

.vision6Pro-main .vision6Pro-l7 .nav-container .nav-btn picture {
    filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
    -webkit-filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
}

.vision6Pro-main .vision6Pro-l7 .nav-container .btn-next {
    margin-left: 1.25vw;
}

.vision6Pro-main .vision6Pro-l7 .nav-container .btn-next img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l7 {
        margin-top: 27.777778vw;
    }

    .vision6Pro-main .vision6Pro-l7 .content-wrap {
        width: 94.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-l7 .content-wrap .common-desc {
        margin: 4.444444vw auto 0;
        width: 77.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l7 .video-wrap {
        margin-top: 11.111111vw;
    }

    .vision6Pro-main .vision6Pro-l7 .video-wrap .video-item {
        height: 97.222222vw;
    }

    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap {
        margin-top: 5.555556vw;
        position: static;
        gap: 5.555556vw;
        justify-content: center;
    }

    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img {
        width: 13.888889vw;
        height: 13.888889vw;
    }

    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item1,
    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item1::before,
    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item1::after,
    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item2,
    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item3 {
        border-radius: 5vw;
    }

    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap .icon-img .glass-item1::before {
        inset: 0px 0.55625vw 0.55625vw 0
    }

    .vision6Pro-main .vision6Pro-l7 .video-wrap .icon-wrap span {
        font-size: 3.333333vw;
        margin-top: 2.222222vw;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container {
        margin-top: 8.888889vw;
        position: relative;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container::after {
        content: "";
        width: 1px;
        height: 66.6666666667vw;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000;
        z-index: 100;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper {
        width: 86.666667vw;
        margin-left: 4.444444vw;
    }


    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .swiper-slide {
        width: 100%;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.444444vw;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .video-container {
        height: 66.666667vw;
        border-radius: 2.222222vw;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .glass-item1::before {
        top: 0.277778vw;
        left: 0.277778vw;
        width: 8vw;
        height: 8vw;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .glass-item1::after {
        top: 1.111111vw;
        left: 0.666667vw;
        width: 8.222222vw;
        height: 7.555556vw;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .slide-desc {
        width: 64.444444vw;
        margin-top: 6.666667vw;
        margin-left: 6.666667vw;
    }


    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .desc-title {
        font-size: 5.555556vw;
    }

    .vision6Pro-main .vision6Pro-l7 .swiper-container .screencasting-swiper .desc-p {
        font-size: 4.444444vw;
        margin-top: 2.777778vw;
    }

    .vision6Pro-main .vision6Pro-l7 .nav-container {
        width: 82.222222vw;
        margin: 11.111111111vw auto 0;
    }

    .vision6Pro-main .vision6Pro-l7 .nav-container .nav-btn {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .vision6Pro-main .vision6Pro-l7 .nav-container .btn-next {
        margin-left: 5.555556vw;
    }
}

/* l7 end */
/* l6 start */
.vision6Pro-main .vision6Pro-l6 {
    margin-top: 10.416667vw;
}

.vision6Pro-main .vision6Pro-l6 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6Pro-main .vision6Pro-l6 .icon-wrap {
    margin-top: 1.666667vw;
}

.vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2.083333vw;
}

.vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul li {
    display: flex;
    justify-content: center;
    align-items: center;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul li img {
    flex-shrink: 0;
    width: 1.666667vw;
    height: 1.666667vw;
    margin-right: 0.416667vw;
}

.vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul li span {
    color: #fff;
    font-size: 1.041667vw;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
    flex-shrink: 0;
}

.vision6Pro-main .vision6Pro-l6 .screen-wrap {
    width: 81.25vw;
    height: 36.458333vw;
    margin: 3.333333vw auto 0;
    position: relative;
    overflow: hidden;
    border-radius: 0.833333vw;
}

.vision6Pro-main .vision6Pro-l6 .screen-wrap .screen-video {
    height: 100%;
}


.vision6Pro-main .vision6Pro-l6 .icon-list-wrap {
    margin-top: 3.333333vw;
}

.vision6Pro-main .vision6Pro-l6 .icon-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 81.25vw;
    margin: 0 auto;
}

.vision6Pro-main .vision6Pro-l6 .icon-list li {
    display: flex;
    align-items: flex-start;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .icon-img {
    flex-shrink: 0;
    width: 5.2083334vw;
    height: 5.2083334vw;
    margin-right: 1.25vw;
    margin-top: 0.260417vw;
    position: relative;
    z-index: 1;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-wrap {
    z-index: 1;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item1 {
    border-radius: 1.875vw;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0px 0.15625vw 0.15625vw 0;
    border: 1px solid #ffffff;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.875vw;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item1::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0.15625vw 0 0 0.15625vw;
    border: 1px solid #707070;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    border-radius: 1.875vw;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item2 {
    border-radius: 1.875vw;
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0.5;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item3 {
    position: absolute;
    inset: 0;
    padding: 2px;
    z-index: 2;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(118.97deg, #888888 7.34%, #e5e5e5 19.91%, #ffffff 64.49%, #ffffff 81.34%, #888888 94.35%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 1.875vw;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .right-txt {
    flex-shrink: 0;
    width: 11.71875vw;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .right-txt>div {
    color: #ffffff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
}

.vision6Pro-main .vision6Pro-l6 .icon-list .right-txt>p {
    color: #d1d1d1;
    font-size: 1.041667vw;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l6 {
        margin-top: 27.777778vw;
    }

    .vision6Pro-main .vision6Pro-l6 .content-wrap {
        width: 86.1111111111vw;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap {
        margin: 6.6666666667vw auto 0;
        width: 77.77777777777778vw;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul {
        gap: 2.777778vw 3.333333vw;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-list li {
        align-items: center;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul .icon-item1 {
        order: 0;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul .icon-item2 {
        order: 5;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul .icon-item3 {
        order: 2;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul .icon-item4 {
        order: 4;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul .icon-item5 {
        order: 1;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul .icon-item6 {
        order: 3;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul .icon-item7 {
        order: 7;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul li img {
        width: 5.555556vw;
        height: 5.555556vw;
        margin-right: 1.111111vw;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-wrap .icon-ul li span {
        font-size: 3.333333vw;
    }

    .vision6Pro-main .vision6Pro-l6 .screen-wrap {
        width: 100%;
        height: 70vw;
        margin: 11.111111vw auto 0;
        border-radius: 0;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-list-wrap {
        margin-top: 6.666666666666667vw;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-list {
        width: 100%;
        gap: 5.555556vw 0;
        justify-content: center;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-list .icon-img {
        width: 16.666667vw;
        height: 16.666667vw;
        margin-right: 4.444444vw;
        margin-top: 0px;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item1,
    .vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item1::before,
    .vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item1::after,
    .vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item2,
    .vision6Pro-main .vision6Pro-l6 .icon-list .icon-img .glass-item3 {
        border-radius: 6.1111111111vw;
        -webkit-border-radius: 6.1111111111vw;
        -moz-border-radius: 6.1111111111vw;
}

    .vision6Pro-main .vision6Pro-l6 .icon-list .right-txt {
        width: 55.555556vw;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-list .right-txt>div {
        font-size: 3.888889vw;
    }

    .vision6Pro-main .vision6Pro-l6 .icon-list .right-txt>p {
        font-size: 3.333333vw;
        margin-top: 2.222222vw;
    }
}

/* l6 end */

/* l4 start */
.vision6Pro-main .vision6Pro-l4 {
    margin-top: 10.416667vw;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l4 {
        margin-top: 27.777777778vw;
    }
}

/* l4 end */

/* l2 start */
.vision6Pro-main .vision6Pro-l2 {
    width: 100%;
    margin-top: 10.416667vw;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l2 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6Pro-main .vision6Pro-l2 .amuse-container {
    margin-top: 4.166667vw;
}

.vision6Pro-main .vision6Pro-l2 .amuse-swiper-list {
    width: 70vw;
    margin: 0 auto;
    perspective: 62.5vw;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
}

.vision6Pro-main .vision6Pro-l2 .swiper-item {
    width: 67.5vw;
    height: 36.458333vw;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l2 .amuse-swiper-left {
    transform-origin: right center;
    transform: rotateY(80deg) translateZ(1px);
    -webkit-transform: rotateY(80deg) translateZ(1px);
    -moz-transform: rotateY(80deg) translateZ(1px);
}

.vision6Pro-main .vision6Pro-l2 .amuse-swiper-left::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 20%;
    background: linear-gradient(112.33deg, rgba(0, 0, 0, 0) 47.02%, rgba(0, 0, 0, 0.14) 61.34%, #000000 94.29%);
}

.vision6Pro-main .vision6Pro-l2 .amuse-swiper-left .swiper {
    transform: translateX(1.25vw);
    -webkit-transform: translateX(1.25vw);
    -moz-transform: translateX(1.25vw);
}

.vision6Pro-main .vision6Pro-l2 .amuse-swiper-center {
    margin: 0 1.25vw;
    clip-path: polygon(0.05208333vw 0, calc(100% - 0.05208333vw) 0, calc(100% - 0.05208333vw) 100%, 0.05208333vw 100%);
}

.vision6Pro-main .vision6Pro-l2 .amuse-swiper-right {
    transform-origin: left center;
    transform: rotateY(-80deg) translateZ(1px);
    -webkit-transform: rotateY(-80deg) translateZ(1px);
    -moz-transform: rotateY(-80deg) translateZ(1px);
}

.vision6Pro-main .vision6Pro-l2 .amuse-swiper-right .swiper {
    transform: translateX(-1.25vw);
    -webkit-transform: translateX(-1.25vw);
    -moz-transform: translateX(-1.25vw);
}

.vision6Pro-main .vision6Pro-l2 .amuse-swiper-right::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 20%;
    background: linear-gradient(247.67deg, rgba(0, 0, 0, 0) 47.02%, rgba(0, 0, 0, 0.14) 61.34%, #000000 94.29%);
}

.vision6Pro-main .vision6Pro-l2 .swiper-item .swiper {
    width: 100%;
    height: 100%;
}

.vision6Pro-main .vision6Pro-l2 .tab-container {
    position: relative;
    width: fit-content;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: center;
}

.vision6Pro-main .vision6Pro-l2 .tab-container .tab-wrap {
    flex-shrink: 0;
    position: relative;
}

.vision6Pro-main .vision6Pro-l2 .tab-container .tab-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6Pro-main .vision6Pro-l2 .tab-container .tab-list li {
    flex-shrink: 0;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    opacity: .4;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    pointer-events: all;
}

.vision6Pro-main .vision6Pro-l2.will-change .tab-container .tab-list li {
    will-change: opacity;
}

.vision6Pro-main .vision6Pro-l2 .tab-container .tab-list li.active {
    opacity: 1;
    pointer-events: none;
}

.vision6Pro-main .vision6Pro-l2 .tab-container .tab-list li:nth-child(n+2) {
    margin-left: 2.91666667vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .vision6Pro-l2 .tab-container .tab-list li:hover {
        opacity: .6;
        cursor: pointer;
    }
}

.vision6Pro-main .vision6Pro-l2 .tab-container .scroll-line {
    margin-top: 0.833333vw;
    width: 100%;
    height: 2px;
    background: #606060;
}

.vision6Pro-main .vision6Pro-l2 .tab-container .line-item {
    width: calc(var(--tab-width) * 1px);
    height: 100%;
    background: #fff;
    transform: translateX(calc(var(--offset-dist) * 1px));
    -webkit-transform: translateX(calc(var(--offset-dist) * 1px));
    -moz-transform: translateX(calc(var(--offset-dist) * 1px));
    transition: width 0.6s, transform 0.6s;
    -webkit-transition: width 0.6s, transform 0.6s;
    -moz-transition: width 0.6s, transform 0.6s;
}

.vision6Pro-main .vision6Pro-l2.will-change .tab-container .line-item {
    will-change: transform, width;
}

.vision6Pro-main .vision6Pro-l2 .tab-content {
    width: 46.875vw;
    margin: 1.666667vw auto 0;
    text-align: center;
    display: flex;
    position: relative;
    z-index: 1;
}

.vision6Pro-main .vision6Pro-l2 .tab-content p {
    width: 100%;
    color: #d1d1d1;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

.vision6Pro-main .vision6Pro-l2.will-change .tab-content p {
    will-change: opacity;
}

.vision6Pro-main .vision6Pro-l2 .tab-content p+p {
    margin-left: -100%;
}

.vision6Pro-main .vision6Pro-l2 .tab-content p.active {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0.2s;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l2 {
        margin-top: 27.777778vw;
    }

    .vision6Pro-main .vision6Pro-l2 .content-wrap {
        width: 77.777778vw;
    }

    .vision6Pro-main .vision6Pro-l2 .amuse-container {
        margin-top: 11.111111vw;
    }

    .vision6Pro-main .vision6Pro-l2 .amuse-swiper-list {
        width: 100%;
        perspective: 104.166667vw;
    }

    .vision6Pro-main .vision6Pro-l2 .swiper-item {
        width: 100%;
        height: 77.777778vw;
    }

    .vision6Pro-main .vision6Pro-l2 .amuse-swiper-left {
        display: none;
    }

    .vision6Pro-main .vision6Pro-l2 .amuse-swiper-center {
        margin: 0 auto;
        clip-path: none;
    }

    .vision6Pro-main .vision6Pro-l2 .amuse-swiper-right {
        display: none;
    }

    .vision6Pro-main .vision6Pro-l2 .tab-container {
        width: 100%;
        margin: 11.111111vw auto 0;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        justify-content: flex-start;
    }

    .vision6Pro-main .vision6Pro-l2 .tab-container.tabnav-scrollable {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
    }
.vision6Pro-main .vision6Pro-l2 .tab-container::-webkit-scrollbar{
    display: none;
}
     .vision6Pro-main .vision6Pro-l2 .tab-container .tab-wrap{
        padding: 0 6.3888888889vw;
        
     }

    .vision6Pro-main .vision6Pro-l2 .tab-container .tab-list li {
        font-size: 5.555556vw;
    }

    .vision6Pro-main .vision6Pro-l2 .tab-container .tab-list li:nth-child(n+2) {
        margin-left: 7.777778vw;
    }

    .vision6Pro-main .vision6Pro-l2 .tab-container .scroll-line {
        margin-top: 3.888889vw;
    }

    .vision6Pro-main .vision6Pro-l2 .tab-content {
        width: 82.222222vw;
        margin: 6.666666666666667vw auto 0;
    }

    .vision6Pro-main .vision6Pro-l2 .tab-content p {
        font-size: 4.444444vw;
    }
}

/* l2 end */
/* l1 start */
.vision6Pro-main .vision6Pro-l1 {
    margin-top: 10.416667vw;
}

.vision6Pro-main .vision6Pro-l1 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.vision6Pro-main .vision6Pro-l1 .common-desc {
    margin-top: 1.666667vw;
}

.vision6Pro-main .vision6Pro-l1 .home-swiper-container {
    margin-top: 4.166667vw;
}

.vision6Pro-main .vision6Pro-l1 .swiper-overflow {
    width: 100%;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-l1 .homer-swiper {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.vision6Pro-main .vision6Pro-l1 .homer-swiper .swiper-slide:nth-last-child(n+2) {
    margin-right: 1.25vw;
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .vision6Pro-l1 .homer-swiper .swiper-slide:not(.swiper-slide-active):hover {
        cursor: pointer;
    }
}

.vision6Pro-main .vision6Pro-l1 .homer-swiper .pic-wrap {
    height: 36.458333vw;
    border-radius: 0.833333vw;
    overflow: hidden;
    position: relative;
}

.vision6Pro-main .vision6Pro-l1 .homer-swiper .pic-wrap .ps-txt {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    color: #ffffff;
    font-size: max(0.625vw, 8px);
    font-weight: 300;
    line-height: 1.6;
    text-align: right;
}
.vision6Pro-main .vision6Pro-l1 .homer-swiper .pic-wrap2 .ps-txt{
    color: #0E0E0F;
}
.vision6Pro-main .vision6Pro-l1 .homer-swiper .desc-wrap {
    margin-top: 2.083333vw;
    display: flex;
    justify-content: space-between;
    padding: 0 6.25vw 0 0.833333vw;
}

.vision6Pro-main .vision6Pro-l1 .homer-swiper .card-title {
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.vision6Pro-main .vision6Pro-l1 .homer-swiper .card-word {
    width: 31.25vw;
    color: #d1d1d1;
    font-size: 1.145833vw;
    font-weight: 300;
    line-height: 1.6;
}

.vision6Pro-main .vision6Pro-l1 .nav-container {
    width: 67.5vw;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: flex-end;
}

.vision6Pro-main .vision6Pro-l1 .nav-container .nav-wrap {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision6Pro-main .vision6Pro-l1 .nav-container .nav-btn {
    position: relative;
    z-index: 1;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    overflow: hidden;
    transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    box-shadow: 1px 3px 3px rgba(112, 112, 112, .3);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

@media (pointer: fine) and (hover: hover) {
    .vision6Pro-main .vision6Pro-l1 .nav-container .nav-btn:hover {
        cursor: pointer;
    }

    .vision6Pro-main .vision6Pro-l1 .nav-container .nav-btn:hover .glass-wrap {
        opacity: .6;
    }
}

.vision6Pro-main .vision6Pro-l1 .nav-container .nav-btn.btn-disabled {
    pointer-events: none;
    opacity: .5;
}

.vision6Pro-main .vision6Pro-l1 .nav-container .nav-btn .arrow-pic {
    filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
    -webkit-filter: drop-shadow(0px 3px 2px rgba(25, 25, 25, .5));
}

.vision6Pro-main .vision6Pro-l1 .nav-container .btn-next {
    margin-left: 1.25vw;
}

.vision6Pro-main .vision6Pro-l1 .nav-container .btn-next .arrow-pic img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l1 {
        margin-top: 27.77777778vw;
    }

    .vision6Pro-main .vision6Pro-l1 .content-wrap {
        width: 77.777778vw;
    }

    .vision6Pro-main .vision6Pro-l1 .common-desc {
        margin-top: 4.444444vw;
        font-size: 2.777777778vw;
    }

    .vision6Pro-main .vision6Pro-l1 .home-swiper-container {
        margin-top: 11.111111vw;
        position: relative;
    }

    .vision6Pro-main .vision6Pro-l1 .home-swiper-container::after {
        content: "";
        width: 1px;
        height: 66.6666666667vw;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000;
        z-index: 100;
    }

    .vision6Pro-main .vision6Pro-l1 .homer-swiper {
        width: 86.68vw;
        margin-left: 4.444444vw;
    }

    .vision6Pro-main .vision6Pro-l1 .homer-swiper .swiper-slide:nth-last-child(n+2) {
        margin-right: 4.44vw;
    }

    .vision6Pro-main .vision6Pro-l1 .homer-swiper .pic-wrap {
        height: 66.66666666666667vw;
        border-radius: 2.222222vw;
    }

    .vision6Pro-main .vision6Pro-l1 .homer-swiper .pic-wrap .ps-txt {
        font-size: 2.777777778vw;
        right: 3.33333334vw;
        bottom: 3.333333334vw;
    }

    .vision6Pro-main .vision6Pro-l1 .homer-swiper .desc-wrap {
        width: 64.444444vw;
        flex-direction: column;
        padding: 0;
        margin-top: 6.666667vw;
        margin-left: 6.666667vw;
    }

    .vision6Pro-main .vision6Pro-l1 .homer-swiper .card-title {
        font-size: 5.555556vw;
    }

    .vision6Pro-main .vision6Pro-l1 .homer-swiper .card-word {
        width: 100%;
        font-size: 4.444444vw;
        margin-top: 2.77777778vw;
    }

    .vision6Pro-main .vision6Pro-l1 .nav-container {
        width: 82.222222vw;
        margin: 11.1111111111vw auto 0;
    }

    .vision6Pro-main .vision6Pro-l1 .nav-container .nav-btn {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .vision6Pro-main .vision6Pro-l1 .nav-container .btn-next {
        margin-left: 5.555556vw;
    }
}

/* l1 end */
/* l3 start */
.vision6Pro-main .vision6Pro-l3 {
    width: 81.25vw;
    margin: 10.41666667vw auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vision6Pro-main .vision6Pro-l3 .left-content {
    width: 17.70833333vw;
}

.vision6Pro-main .vision6Pro-l3 .left-content .desc-p {
    font-weight: 300;
    color: #d1d1d1;
    font-size: 1.14583333vw;
    line-height: 1.6;
    margin-top: 1.66666667vw;
}

.vision6Pro-main .vision6Pro-l3 .right-content {
    width: 57.29166667vw;
    position: relative;
}

.vision6Pro-main .vision6Pro-l3 .right-content .l3-img {
    width: 100%;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-l3 .right-content ul {
    position: absolute;
    top: 2.08333333vw;
    left: 2.70833333vw;
    width: 10.52083333vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.vision6Pro-main .vision6Pro-l3 .right-content ul li {
    width: 3.85416667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vision6Pro-main .vision6Pro-l3 .right-content ul li:nth-child(n+3) {
    margin-top: 1.25vw;
}

.vision6Pro-main .vision6Pro-l3 .right-content .l3-icon {
    width: 100%;
}

.vision6Pro-main .vision6Pro-l3 .right-content ul li p {
    margin-top: 0.83333333vw;
    text-align: center;
    color: #0E0E0F;
    font-weight: 500;
    font-size: 1.14583333vw;
    line-height: 1.25;
    width: 170%;
}

.vision6Pro-main .vision6Pro-l3 .right-content .l3-tip {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    font-size: max(0.625vw, 8px);
    text-align: right;
    font-weight: 300;
    color: #0e0e0f;
    line-height: 1.6;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-l3 {
        width: 91.1111111111vw;
        flex-direction: column;
        text-align: center;
        margin-top: 27.7777777778vw;
    }

    .vision6Pro-main .vision6Pro-l3 .left-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vision6Pro-main .vision6Pro-l3 .left-content .desc-p {
        width: 77.7777777778vw;
        font-size: 4.4444444444vw;
        margin-top: 4.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-l3 .right-content {
        width: 100%;
        margin-top: 11.1111111111vw;

    }

    .vision6Pro-main .vision6Pro-l3 .right-content .l3-img {
        border-radius: 2.2222222vw;
        -webkit-border-radius: 2.2222222vw;
        -moz-border-radius: 2.2222222vw;
    }

    .vision6Pro-main .vision6Pro-l3 .right-content ul {
        width: 22vw;
        top: 4.7222222222vw;
        left: 2.2222222222vw;
    }

    .vision6Pro-main .vision6Pro-l3 .right-content ul li {
        flex-direction: row;
        width: 100%;
    }

    .vision6Pro-main .vision6Pro-l3 .right-content .l3-icon {
        width: 6.1111111111vw;
    }

    .vision6Pro-main .vision6Pro-l3 .right-content ul li p {
        font-size: 2.7777777778vw;
        margin: 0 0 0 1.1111111111vw;
        text-align: left;
        width: fit-content;
    }

    .vision6Pro-main .vision6Pro-l3 .right-content ul li:nth-child(n+3) {
        margin-top: 0;
    }

    .vision6Pro-main .vision6Pro-l3 .right-content ul li:not(:last-child) {
        margin-bottom: 1.6666666667vw;
    }

    .vision6Pro-main .vision6Pro-l3 .right-content .l3-tip {
        position: static;
        color: #ffffff;
        font-size: 2.7777777778vw;
        text-align: left;
        margin: 3.3333333333vw 0 0 6.6666666667vw;
        width: 77.7777777778vw;
    }
}

/* l3 end */
/* popup start */
.vision6Pro-main .vision6Pro-popup {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    outline: 0;
    background-color: rgba(25, 25, 26, 0);
    -webkit-backdrop-filter: blur(0vw) brightness(100%);
    backdrop-filter: blur(0vw) brightness(100%);
    transition: -webkit-backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: -10;
    -webkit-transition: -webkit-backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition: -webkit-backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
    -ms-transition: -webkit-backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
    -o-transition: -webkit-backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1),
        background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.vision6Pro-main .vision6Pro-popup .hidenEl.dishiden {
    overflow: hidden;
}
.vision6Pro-main .vision6Pro-popup .dishiden .singleWout {
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-popup.show {
    overflow: auto;
    z-index: 99999;
}

.vision6Pro-main .vision6Pro-popup.open {
    -webkit-backdrop-filter: blur(2.60416666vw) brightness(120%);
    backdrop-filter: blur(2.60416666vw) brightness(120%);
}

.vision6Pro-main .vision6Pro-popup .modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding-top: 3.333333vw;
    padding-bottom: 3.333333vw;
    transform: translate3d(0, 100vh, 0);
    opacity: 0;
    will-change: transform,
        opacity;
        overflow: auto;
}
.vision6Pro-main .vision6Pro-popup .modal-container.dishiden{
    overflow: hidden;
}
html.has-modal-1 .vision6Pro-popup .modal-container {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-popup.modal-focus .modal-container {
    transition: opacity 600ms;
}

.vision6Pro-main .vision6Pro-popup.modal-open .modal-container {
    transition: transform 800ms cubic-bezier(0.65, 0.05, 0.36, 1), opacity 200ms ease-in;
    opacity: 1;
    -webkit-transition: transform 800ms cubic-bezier(0.65, 0.05, 0.36, 1), ;
    -moz-transition: transform 800ms cubic-bezier(0.65, 0.05, 0.36, 1), ;
}


.vision6Pro-main .vision6Pro-popup .modal-content {
    position: relative;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    width: 81.25vw;
}

.vision6Pro-main .vision6Pro-popup .modal-box {
    position: absolute;
    width: 23.95833333vw;
    top: 12.5vw;
    left: 46.19791667vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-popup .modal-box .modal-txt {
    line-height: 1.6;
    font-weight: 300;
    color: #6f6f6f;
    font-size: 1.14583333vw;
}
.vision6Pro-main .vision6Pro-popup .hidenEl{
        display: flex;
        min-height: 100%;
}
.vision6Pro-main .vision6Pro-popup .singleWout {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
}
.vision6Pro-main .vision6Pro-popup .singleWin{
    position: relative;
        margin: 3.33333333vw 0;
        transform: translate3d(0px, 100vh, 0px);
}
.vision6Pro-main .vision6Pro-popup .singleWin.active{
    transition: transform 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
    transform: translate3d(0px, 0px, 0px);
}
.vision6Pro-main .vision6Pro-popup .singleWin.close {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.vision6Pro-main .vision6Pro-popup .modal-close {
    position: absolute;
    top: 1.666667vw;
    right: 1.666667vw;
    bottom: 0;
    width: 2.5vw;
}

.vision6Pro-main .vision6Pro-popup .modal-close .modal-close-btn {
    position: sticky;
    z-index: 10;
    top: 2.083333vw;
    width: 100%;
    height: 2.5vw;
    cursor: pointer;
    user-select: none;
}

.vision6Pro-main .vision6Pro-popup .modal-close .modal-close-btn .pop-close {
    height: 100%;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-popup .modal-close .modal-close-btn:hover .glass-item2 {
    background-color: rgba(208, 208, 208, 0.2);
}

.vision6Pro-main .vision6Pro-popup .modal-close .modal-close-btn .pop-closeSvg {
    text-shadow: 0vw 0.364583vw 0.15625vw rgba(0, 0, 0, 0.2);
    padding: 0.677083vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.vision6Pro-popup .modal-close .modal-close-btn .pop-closeSvg svg {
    width: 1.666667vw;
    height: 100%;
    filter: drop-shadow(0.20833333vw 0px 0.104167vw rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0.20833333vw 0px 0.104167vw rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0.20833333vw 0px 0.104167vw rgba(0, 0, 0, 0.2));
    transform: rotate(45deg);
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.vision6Pro-main .vision6Pro-popup .s5-btnSvg {
    width: 1.14583333vw;
    filter: drop-shadow(0.208333vw 0.15625vw 0.104167vw rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0.208333vw 0.15625vw 0.104167vw rgba(0, 0, 0, 0.2));
    position: relative;
    z-index: 10;
}

.vision6Pro-main .vision6Pro-popup .modal-close .glass-wrap {
    z-index: 1;
}

.vision6Pro-main .vision6Pro-popup .modal-close .glass-item1 {
    border-radius: 999px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    overflow: hidden;
}

.vision6Pro-main .vision6Pro-popup .modal-close .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 2.03125vw;
    height: 2.03125vw;
    border: 1px solid #fff;
    inset: 2px 0 auto 2px;
    border-radius: 999px;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
}

.vision6Pro-main .vision6Pro-popup .modal-close .glass-item1::after {
    content: "";
    position: absolute;
    top: 0.26041667vw;
    left: 0.20833333vw;
    width: 2.08333333vw;
    height: 2.03125vw;
    border: 1px solid #707070;
    z-index: 2;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    border-radius: 999px;
}

.vision6Pro-main .vision6Pro-popup .modal-close .glass-item2 {
    background: rgba(208, 208, 208, .5);
    border-radius: 999px;
    position: absolute;
    inset: 0px;
    z-index: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 0.5;

}

.vision6Pro-main .vision6Pro-popup .modal-close .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 1px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.vision6Pro-main .vision6Pro-popup .modal-conWrap {
    margin-top: 4.16666667vw;
    height: 2.5vw;
    display: flex;
    justify-content: flex-start;
}

.vision6Pro-main .vision6Pro-popup .modal-conWrap .pop-con {
    display: flex;
    align-items: center;
}

.vision6Pro-main .vision6Pro-popup .modal-conWrap .pop-con:nth-child(2) {
    margin-left: 4.16666667vw;
}

.vision6Pro-main .vision6Pro-popup .pop-imgWrap {
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
}

.vision6Pro-main .vision6Pro-popup .pop-con.active .pop-imgWrap {
    padding: 0.83333333vw;
    cursor: default;
}

.vision6Pro-main .vision6Pro-popup .pop-con .glass-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
    width: 2.5vw;
    height: 2.5vw;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    overflow: visible;
}

.vision6Pro-main .vision6Pro-popup .pop-con .glass-item1 {
    border-radius: 999px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.vision6Pro-main .vision6Pro-popup .pop-con .glass-item1::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 2.39583333vw;
    height: 2.39583333vw;
    top: 0.0125vw;
    left: -0.04375vw;
    border: 1px solid #fff;
    filter: blur(1.69px);
    -webkit-filter: blur(1.69px);
    border-radius: 999px;
}

.vision6Pro-main .vision6Pro-popup .pop-con .glass-item1::after {
    content: "";
    position: absolute;
    width: 2.1875vw;
    height: 2.23958333vw;
    top: 0.20833333vw;
    left: 0.20833333vw;
    border: 1px solid #707070;
    filter: blur(2.2px);
    -webkit-filter: blur(2.2px);
    z-index: 2;
    border-radius: 999px;
}

.vision6Pro-main .vision6Pro-popup .pop-con .glass-item2 {
    background: rgba(208, 208, 208, 0);
    border-radius: 999px;
    position: absolute;
    inset: 0px;
    z-index: 1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.vision6Pro-main .vision6Pro-popup .pop-con .glass-item3 {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2px;
    border-radius: 999px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(42.94deg, #888888 17.03%, #e5e5e5 26.86%, #ffffff 51.49%, #e8e8e8 73.56%, #888888 83.01%);
    -webkit-mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    mask: linear-gradient(#fff, #fff) content-box,
        linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.vision6Pro-main .vision6Pro-popup .pop-con .pop-conTxt {
    font-weight: 500;
    color: #0e0e0f;
    font-size: 1.25vw;
    line-height: 1.6;
    margin-left: 1.25vw;
}


.vision6Pro-main .vision6Pro-popup .pop-con .pop-conImg {
    width: 1.25vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 99;
}

.vision6Pro-main .vision6Pro-popup .modal-tip {
    list-style: none;
    font-weight: 300;
    color: #6f6f6f;
    font-size: max(0.625vw, 8px);
    line-height: 1.6;
    margin-top: 8.33333333vw;
    width: 120%;
}

@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .vision6Pro-popup .modal-wrapper {
        width: 100%;
    }
.vision6Pro-main .vision6Pro-popup .singleWin{
    margin: 8.8888888889vw 0;
}
    .vision6Pro-main .vision6Pro-popup .modal-content {
        border-radius: 2.2222222222vw;
        -webkit-border-radius: 2.2222222222vw;
        -moz-border-radius: 2.2222222222vw;
        width: 95.5555555556vw;

    }

    .vision6Pro-main .vision6Pro-popup .modal-box {
        width: 75vw;
        top: 16.6666666667vw;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        text-align: center;
    }

    .vision6Pro-main .vision6Pro-popup .modal-box .modal-txt {
        font-size: 4.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-popup .modal-conWrap {
        justify-content: center;
        margin-top: 11.1111111111vw;
        height: 8.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-popup .modal-conWrap .pop-con:nth-child(2) {
        margin-left: 8.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-popup .pop-imgWrap {
        width: 8.8888888889vw;
        height: 8.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-popup .pop-con .glass-wrap {
        width: 8.8888888889vw;
        height: 8.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-popup .pop-con .glass-item1::before {
        width: 8.1944444444vw;
        height: 8.1944444444vw;
    }

    .vision6Pro-main .vision6Pro-popup .pop-con .glass-item1::after {
        width: 8.1944444444vw;
        height: 8.1944444444vw;
    }

    .vision6Pro-main .vision6Pro-popup .pop-con .glass-item1 {
        overflow: hidden;
    }

    .vision6Pro-main .vision6Pro-popup .pop-con .pop-conImg {
        width: 4.4444444444vw;
        height: 4.4444444444vw;
    }

    .vision6Pro-main .vision6Pro-popup .modal-tip {
        font-size: 2.7777777778vw;
        margin-top: 11.1111111111vw;
        width: 100%;
    }

    .vision6Pro-main .vision6Pro-popup .pop-con .pop-conTxt {
        margin-left: 3.3333333333vw;
        font-size: 3.8888888889vw;
    }

    .vision6Pro-main .vision6Pro-popup .modal-close {
        width: 11.1111111111vw;
        top: 3.3333333333vw;
        right: 3.3333333333vw;
    }

    .vision6Pro-main .vision6Pro-popup .modal-close .modal-close-btn {
        height: 11.11111111vw;
        top: 3.3333333333vw;
    }

    .vision6Pro-popup .modal-close .modal-close-btn .pop-closeSvg svg {
        width: 5.2777777778vw;
        height: 5.2777777778vw;
    }

    .vision6Pro-main .vision6Pro-popup .modal-container {
        padding: 8.8888888889vw 2.2222222222vw;
    }

    .vision6Pro-main .vision6Pro-popup .modal-close .glass-item1::before {
        width: 10.4166666667vw;
        height: 10.4166666667vw;
        inset: -2px 0 auto 0;
    }

    .vision6Pro-main .vision6Pro-popup .modal-close .glass-item1::after {
        width: 10.4166666667vw;
        height: 10.4166666667vw;
        top: 0.960417vw;
        left: 0.908333vw;
    }
}

/* popup end */
/* footer start */
.vision6Pro-main .footer-list {
    width: 67.5vw;
    margin: 0 auto;
    padding-top: 10.416667vw;
    padding-bottom: 80px;
    --arrowdark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Iue7hF84MjY3NSIgZGF0YS1uYW1lPSLnu4QgODI2NzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4IDE3LjY1MSkgcm90YXRlKC05MCkiPg0KICAgIDxjaXJjbGUgaWQ9IuakreWchl81ODYwIiBkYXRhLW5hbWU9IuakreWchiA1ODYwIiBjeD0iOCIgY3k9IjgiIHI9IjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjUxIDE3Ljk4KSByb3RhdGUoLTkwKSIgZmlsbD0iIzQzNDM0MyIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNTU2NDMiIGRhdGEtbmFtZT0i6Lev5b6EIDU1NjQzIiBkPSJNMy4yMzksOC45ODYsMy4yMzMsOC45OGEuNjg4LjY4OCwwLDAsMS0uMDE0LS45NzJMNS45NDIsNS4yOEguNjg5QS42ODUuNjg1LDAsMCwxLC4yLDUuMDg5bC0uMDA5LS4wMUEuNjg5LjY4OSwwLDAsMSwwLDQuNlY0LjU4OWEuNy43LDAsMCwxLC4xODgtLjQ4TC4xOTQsNC4xYS42ODEuNjgxLDAsMCwxLC40OTQtLjIxM0g1LjkxMUwzLjIyNSwxLjE3OGEuNjk0LjY5NCwwLDAsMSwwLS45NzlsMCwwQS42NjkuNjY5LDAsMCwxLDMuNywwYS43NzIuNzcyLDAsMCwxLC40NzMuMTcxbC4wMjEuMDE3TDcuODM4LDMuODQ1YTEuMTUxLDEuMTUxLDAsMCwxLC4yMjIuMzMxbC4wMDguMDE5VjQuMmExLjAzNiwxLjAzNiwwLDAsMSwuMDc2LjM5djBhMS4wODIsMS4wODIsMCwwLDEtLjMxMi43Nkw0LjIxMiw4Ljk3NmEuNjgzLjY4MywwLDAsMS0uNDg3LjIuNzE1LjcxNSwwLDAsMS0uNDg2LS4xOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTc5IDUuMzkxKSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
    --arrowlight: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9Iue7hF84MjY3OSIgZGF0YS1uYW1lPSLnu4QgODI2NzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4IDE3LjY1MSkgcm90YXRlKC05MCkiPg0KICAgIDxjaXJjbGUgaWQ9IuakreWchl81ODYwIiBkYXRhLW5hbWU9IuakreWchiA1ODYwIiBjeD0iOCIgY3k9IjgiIHI9IjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjUxIDE3Ljk4KSByb3RhdGUoLTkwKSIgZmlsbD0iI2U3ZTdlOCIvPg0KICAgIDxwYXRoIGlkPSLot6/lvoRfNTU2NDMiIGRhdGEtbmFtZT0i6Lev5b6EIDU1NjQzIiBkPSJNMy4yMzksOC45ODYsMy4yMzMsOC45OGEuNjg4LjY4OCwwLDAsMS0uMDE0LS45NzJMNS45NDIsNS4yOEguNjg5QS42ODUuNjg1LDAsMCwxLC4yLDUuMDg5bC0uMDA5LS4wMUEuNjg5LjY4OSwwLDAsMSwwLDQuNlY0LjU4OWEuNy43LDAsMCwxLC4xODgtLjQ4TC4xOTQsNC4xYS42ODEuNjgxLDAsMCwxLC40OTQtLjIxM0g1LjkxMUwzLjIyNSwxLjE3OGEuNjk0LjY5NCwwLDAsMSwwLS45NzlsMCwwQS42NjkuNjY5LDAsMCwxLDMuNywwYS43NzIuNzcyLDAsMCwxLC40NzMuMTcxbC4wMjEuMDE3TDcuODM4LDMuODQ1YTEuMTUxLDEuMTUxLDAsMCwxLC4yMjIuMzMxbC4wMDguMDE5VjQuMmExLjAzNiwxLjAzNiwwLDAsMSwuMDc2LjM5djBhMS4wODIsMS4wODIsMCwwLDEtLjMxMi43Nkw0LjIxMiw4Ljk3NmEuNjgzLjY4MywwLDAsMS0uNDg3LjIuNzE1LjcxNSwwLDAsMS0uNDg2LS4xOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTc5IDUuMzkxKSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
}

.vision6Pro-main .footer-list ol {
    list-style-type: decimal;
    padding-left: 1.8em;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

.vision6Pro-main .footer-list li {
    color: #fff;
    margin: 0.5em 0;
    position: relative;
}

.vision6Pro-main .footer-list li.active {
    font-weight: 800;
}

.vision6Pro-main .footer-list li i {
    display: none;
    width: max(0.83333334vw, 16px);
    height: max(0.83333334vw, 16px);
    background-image: var(--arrowdark);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    cursor: pointer;
    transform: translateY(0.2em);
    -webkit-transform: translateY(0.2em);
    -moz-transform: translateY(0.2em);
}

.vision6Pro-main .footer-list li.active i {
    display: inline-block;
}

.vision6Pro-main .footer-list li a {
    color: inherit;
    line-height: inherit;
    text-decoration: underline;
    word-wrap: break-word;
}

.vision6Pro-main .footer-list .footlast1 {
    list-style-type: "*";
}

.vision6Pro-main .footer-list .footlast2 {
    list-style-type: "**";
}

.vision6Pro-main .footer-list .footlast3 {
    list-style-type: "***";
}


@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .footer-list {
        width: 91.11111111111111vw;
        padding-top: 27.77777778vw;
    }

    .vision6Pro-main .footer-list ol {
        font-size: 3.333333334vw;
    }

    .vision6Pro-main .footer-list li i {
        width: 4.722222vw;
        height: 4.722222vw;
    }
}

/* footer end */

/* mob */
@media screen and (max-aspect-ratio:11/10) {
    .vision6Pro-main .show-mob {
        display: block;
    }

    .vision6Pro-main .show-pc,
    .vision6Pro-main .show-pc-inline {
        display: none;
    }

    .vision6Pro-main .show-mob-inline {
        display: inline-block;
    }

    .vision6Pro-main .common-big-title {
        font-size: 8.888889vw;
        margin-top: 2.2222222222222223vw;
    }

    .vision6Pro-main .common-sub-title {
        font-size: 4.444444vw;
    }

    .vision6Pro-main .common-desc {
        font-size: 4.4444444444444445vw;
    }

    .vision6Pro-main .video-control-btn {
        width: 8.888889vw;
        height: 8.888889vw;
        right: 3.3333333334vw;
        bottom: 3.3333333334vw;
    }
}