@charset "UTF-8";
@font-face {
    font-family: iconfont-symbol-products;
    src: url(iconfont-symbol-products.eot);
    src: url(iconfont-symbol-products.eot?#iefix) format("eot"), url(iconfont-symbol-products.woff2) format("woff2"), url(iconfont-symbol-products.woff) format("woff"), url(iconfont-symbol-products.ttf) format("truetype"),
        url(iconfont-symbol-products.svg#iconfont-symbol-products) format("svg");
    font-weight: 400;
    font-style: normal;
}
.iconfont-symbol-products:before {
    display: inline-block;
    font-family: iconfont-symbol-products;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ico-360-degree:before {
    content: "\EA01";
}
.ico-camera-1:before {
    content: "\EA02";
}
.ico-camera-2:before {
    content: "\EA03";
}
.ico-camera-3:before {
    content: "\EA04";
}
.ico-customer-service:before {
    content: "\EA05";
}
.ico-direct-arrow:before {
    content: "\EA06";
}
.ico-discern-1:before {
    content: "\EA07";
}
.ico-discern-2:before {
    content: "\EA08";
}
.ico-dividedPay:before {
    content: "\EA09";
}
.ico-exchange:before {
    content: "\EA0A";
}
.ico-gift-box:before {
    content: "\EA0B";
}
.ico-offline-store:before {
    content: "\EA0C";
}
.ico-pay-alipay:before {
    content: "\EA0D";
}
.ico-pay-huabei:before {
    content: "\EA0E";
}
.ico-pay-weichat:before {
    content: "\EA0F";
}
.ico-postage:before {
    content: "\EA10";
}
.ico-quality-goods:before {
    content: "\EA11";
}
.ico-service-support:before {
    content: "\EA12";
}
.ico-sns-qq:before {
    content: "\EA13";
}
.ico-sns-weichat:before {
    content: "\EA14";
}
.ico-symbol-arrows:before {
    content: "\EA15";
}
.ico-symbol-close:before {
    content: "\EA16";
}
.ico-symbol-close1:before {
    content: "\EA17";
}
.ico-symbol-plus:before {
    content: "\EA18";
}
.ico-video-play:before {
    content: "\EA19";
}
.ico-video-replay:before {
    content: "\EA1A";
}
@font-face {
    font-family: HYQiHei-55S_vivo-Design-02;
    src: url(HYQiHei-55S_vivo-Design-02.woff2);
    src: url(HYQiHei-55S_vivo-Design-02.woff2) format("woff2"), url(HYQiHei-55S_vivo-Design-02.eot?#ie-fixed) format("embedded-opentype"), url(HYQiHei-55S_vivo-Design-02.woff) format("woff"),
        url(HYQiHei-55S_vivo-Design-02.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: HYQiHei-65S_vivo-Design-02;
    src: url(HYQiHei-65S_vivo-Design-02.woff2);
    src: url(HYQiHei-65S_vivo-Design-02.woff2) format("woff2"), url(HYQiHei-65S_vivo-Design-02.eot?#ie-fixed) format("embedded-opentype"), url(HYQiHei-65S_vivo-Design-02.woff) format("woff"),
        url(HYQiHei-65S_vivo-Design-02.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: HYQiHei-75S_vivo-Design-02;
    src: url(HYQiHei-75S_vivo-Design-02.woff2);
    src: url(HYQiHei-75S_vivo-Design-02.woff2) format("woff2"), url(HYQiHei-75S_vivo-Design-02.eot?#ie-fixed) format("embedded-opentype"), url(HYQiHei-75S_vivo-Design-02.woff) format("woff"),
        url(HYQiHei-75S_vivo-Design-02.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: vivotypeEN-Bold;
    src: url(vivotypeEN-Bold.woff2);
    src: url(vivotypeEN-Bold.woff2) format("woff2"), url(vivotypeEN-Bold.eot?#ie-fixed) format("embedded-opentype"), url(vivotypeEN-Bold.woff) format("woff"), url(vivotypeEN-Bold.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: vivotypeEN-Heavy;
    src: url(vivotypeEN-Heavy.woff2);
    src: url(vivotypeEN-Heavy.woff2) format("woff2"), url(vivotypeEN-Heavy.eot?#ie-fixed) format("embedded-opentype"), url(vivotypeEN-Heavy.woff) format("woff"), url(vivotypeEN-Heavy.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: vivotypeEN-Light;
    src: url(vivotypeEN-Light.woff2);
    src: url(vivotypeEN-Light.woff2) format("woff2"), url(vivotypeEN-Light.eot?#ie-fixed) format("embedded-opentype"), url(vivotypeEN-Light.woff) format("woff"), url(vivotypeEN-Light.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: vivotypeEN-Medium;
    src: url(vivotypeEN-Medium.woff2);
    src: url(vivotypeEN-Medium.woff2) format("woff2"), url(vivotypeEN-Medium.eot?#ie-fixed) format("embedded-opentype"), url(vivotypeEN-Medium.woff) format("woff"), url(vivotypeEN-Medium.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: vivotypeEN-Regular;
    src: url(vivotypeEN-Regular.woff2);
    src: url(vivotypeEN-Regular.woff2) format("woff2"), url(vivotypeEN-Regular.eot?#ie-fixed) format("embedded-opentype"), url(vivotypeEN-Regular.woff) format("woff"), url(vivotypeEN-Regular.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
a:-webkit-any-link {
    cursor: pointer;
}
a,
button,
img {
    outline: 0;
    border: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
figure {
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}
.section .content .title .tips-text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 15px;
    font-family: HYQiHei-55S_vivo-Design-02;
    font-weight: 400;
}
@media (min-width: 1921px) {
    .section .content .title .tips-text {
        font-size: 25px;
        margin-top: 21px;
    }
}
@media (max-width: 1000px) {
    .section .content .title .tips-text {
        font-size: 16px;
        margin-top: 10px;
    }
}
.v20pro-kv {
    position: relative;
    background: #fff;
}
.v20pro-kv .section {
    position: absolute;
    z-index: 998;
    bottom: 20px;
}
@media (max-width: 1000px) {
    .v20pro-kv .section {
        bottom: -20px;
    }
}
.v20pro-kv .section .content {
    width: 1200px;
}
@media (max-width: 1000px) {
    .v20pro-kv .section .content {
        width: auto;
    }
}
.v20pro-kv .section .content .title {
    width: 440px;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
}
@media (max-width: 1000px) {
    .v20pro-kv .section .content .title {
        width: auto;
    }
}
.v20pro-kv .section .content .title .tips-text {
    font-size: 12px;
}
.v20pro-kv .figure-box {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1920px;
    height: 844px;
}
@media (min-width: 1921px) {
    .v20pro-kv .figure-box {
        width: 2560px;
        height: 1651px;
        height: 1440px;
        position: relative;
    }
}
@media (max-width: 1000px) {
    .v20pro-kv .figure-box {
        position: relative;
        width: 100%;
        height: auto;
    }
}
.v20pro-kv .figure-box .figure {
    position: relative;
    width: 1920px;
    height: 844px;
}
@media (min-width: 1921px) {
    .v20pro-kv .figure-box .figure {
        width: 2560px;
        height: 1651px;
        height: 1440px;
    }
}
@media (max-width: 1000px) {
    .v20pro-kv .figure-box .figure {
        width: 100vw;
        height: 162.13333vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: visible;
    }
}
.v20pro-kv .figure-box .figure figure {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 1000px) {
    .v20pro-kv .figure-box .figure figure {
        position: relative;
        top: 0;
    }
}
.v20pro-kv .figure-box .figure figure.f1 {
    position: absolute;
    top: 12vw;
    z-index: 9;
    background-image: url(../img/v20pro-kv-title-lg.jpg);
    background-size: 532px 142px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60.53333vw;
    height: 25.6vw;
    margin: 0 auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v20pro-kv .figure-box .figure figure.f1 {
        background-image: url(../img/v20pro-kv-title-lg-x2.jpg);
    }
}
@media (min-width: 1921px) {
    .v20pro-kv .figure-box .figure figure.f1 {
        background-image: url(../img/v20pro-kv-title-xl.jpg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 562px;
        height: 237px;
        margin-left: -500px;
        margin-top: 500px;
        position: absolute;
        top: -105px;
        left: 910px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
    (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    (min-width: 1921px) and (min-resolution: 144dpi) {
    .v20pro-kv .figure-box .figure figure.f1 {
        background-image: url(../img/v20pro-kv-title-xl-x2.jpg);
    }
}
@media (max-width: 1000px) {
    .v20pro-kv .figure-box .figure figure.f1 {
        position: absolute;
        top: 12vw;
        background-image: url(../img/v20pro-kv-title-mb-md.jpg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 60.53333vw;
        height: 25.6vw;
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v20pro-kv .figure-box .figure figure.f1 {
        background-image: url(../img/v20pro-kv-title-mb-md-x2.jpg);
    }
}
@media (max-width: 1000px) {
    .v20pro-kv .figure-box .figure figure.f1 {
        position: absolute;
        top: 12vw;
        margin: 0 auto;
        background-size: 100% 100%;
        width: 60.53333vw;
        height: 25.6vw;
    }
}
.v20pro-kv .figure-box .figure figure.f2 {
    background-image: url(../img/v20pro-kv-img1-md.jpg);
    background-size: 1920px 844px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1920px;
    height: 844px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-lg-x2.jpg);
    }
}
@media (min-width: 1921px) {
    .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-xl.jpg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 2560px;
        height: 1651px;
        height: 1440px;
        position: absolute;
        top: -105px;
        left: 910px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
    (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    (min-width: 1921px) and (min-resolution: 144dpi) {
    .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-xl-x2.jpg);
    }
}
@media (max-width: 1000px) {
    .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-mb.jpg);
        background-size: 267px 392px;
        background-position: center;
        background-repeat: no-repeat;
        width: 267px;
        height: 392px;
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-mb-x2.jpg);
    }
}
@media (max-width: 1000px) {
    .v20pro-kv .figure-box .figure figure.f2 {
        margin-left: 0;
        margin-top: 0;
        top: 50vw;
        width: 79.2vw;
        height: 116.26667vw;
    }
}
.gb-lang-in .v20pro-kv {
    position: relative;
    background: #fff;
}
.gb-lang-in .v20pro-kv .figure-box {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1920px;
    height: 1080px;
}
@media (min-width: 1921px) {
    .gb-lang-in .v20pro-kv .figure-box {
        width: 2560px;
        height: 1440px;
    }
}
@media (max-width: 1000px) {
    .gb-lang-in .v20pro-kv .figure-box {
        position: relative;
        width: 100%;
        height: auto;
    }
}
.gb-lang-in .v20pro-kv .figure-box .figure {
    position: relative;
    width: 1920px;
    height: 1080px;
    padding-top: 60px;
}
@media (min-width: 1921px) {
    .gb-lang-in .v20pro-kv .figure-box .figure {
        width: 2560px;
        height: 1440px;
    }
}
@media (max-width: 1000px) {
    .gb-lang-in .v20pro-kv .figure-box .figure {
        width: 100vw;
        height: 200vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: visible;
    }
}
.gb-lang-in .v20pro-kv .figure-box .figure figure {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 1000px) {
    .gb-lang-in .v20pro-kv .figure-box {
        padding-top: 60px;
    }
    .gb-lang-in .v20pro-kv .figure-box .figure figure {
        position: relative;
        top: 0;
    }
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f1 {
        width: 60.53333vw !important;
        height: 25.6vw !important;
        position: absolute;
        top: 45px !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }
}
.gb-lang-in .v20pro-kv .figure-box .figure figure.f1 {
    position: absolute;
    top: 12vw;
    z-index: 9;
    background-image: url(../img/v20pro-kv-title-lg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 422px;
    height: 178px;
    position: absolute;
    top: 330px;
    left: 550px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f1 {
        background-image: url(../img/v20pro-kv-title-lg-x2.jpg);
    }
}
@media (min-width: 1921px) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f1 {
        background-image: url(../img/v20pro-kv-title-xl.jpg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 562px;
        height: 237px;
        margin-left: -480px;
        margin-top: 524px;
        position: absolute;
        top: -105px;
        left: 910px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
    (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    (min-width: 1921px) and (min-resolution: 144dpi) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f1 {
        background-image: url(../img/v20pro-kv-title-xl-x2.jpg);
    }
}
@media (max-width: 1000px) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f1 {
        position: absolute;
        top: 12vw;
        background-image: url(../img/v20pro-kv-title-mb.jpg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 60.53333vw;
        height: 25.6vw;
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f1 {
        background-image: url(../img/v20pro-kv-title-mb-md-x2.jpg);
    }
}
@media (max-width: 1000px) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f1 {
        position: absolute;
        top: 12vw;
        margin: 0 auto;
        background-size: 100% 100%;
        width: 60.53333vw;
        height: 25.6vw;
    }
}
.gb-lang-in .v20pro-kv .figure-box .figure figure.f2 {
    background-image: url(../img/v20pro-kv-img1-lg.jpg);
    background-size: 1920px 1080px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1920px;
    height: 1080px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-lg-x2.jpg);
    }
}
@media (min-width: 1921px) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-xl.jpg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 2560px;
        height: 1651px;
        height: 1440px;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-resolution: 1.5dppx),
    (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    (min-width: 1921px) and (min-resolution: 144dpi) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-xl-x2.jpg);
    }
}
@media (max-width: 1000px) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-mb-md.jpg);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 337px;
        height: 600px;
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f2 {
        background-image: url(../img/v20pro-kv-img1-mb-md-x2.jpg);
    }
}
@media (max-width: 1000px) {
    .gb-lang-in .v20pro-kv .figure-box .figure figure.f2 {
        margin-left: 0;
        margin-top: 0;
        width: 100vw;
        height: 200vw;
        position: absolute;
    }
}
.tips-stage {
    position: relative;
    background-color: #fff;
    padding: 50px 0 240px 0;
}
.tips-stage .tip-content {
    width: 1367px;
    width: 1000px;
    margin: auto;
}
@media (max-width: 1272px) {
    .tips-stage .tip-content {
        margin: 0 36px;
        width: auto;
    }
}
.tips-stage .tip-content h4 {
    position: relative;
    font-family: HYQiHei-65S_vivo-Design-02;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 20px;
}
@media (min-width: 1921px) {
    .tips-stage .tip-content h4 {
        font-size: 24px;
        padding-top: 6px;
        margin-bottom: 25px;
    }
}
@media (max-width: 1000px) {
    .tips-stage {
        position: relative;
        background-color: #fff;
        padding: 28.125vw 0 37.5vw 0;
    }
    .tips-stage .tip-content h4 {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 2vw;
    }
}
.tips-stage .tip-content ul.case li {
    font-family: HYQiHei-55S_vivo-Design-02;
    color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
    line-height: 1.3;
}
@media (min-width: 1921px) {
    .tips-stage .tip-content ul.case li {
        font-size: 18px;
    }
}
@media (max-width: 1000px) {
    .tips-stage .tip-content ul.case li {
        font-size: 12px;
        line-height: 16px;
    }
}
.tips-stage.dark-theme {
    background-color: #000;
}
.tips-stage.dark-theme .tip-content h4 {
    color: rgba(255, 255, 255, 0.6);
}
.tips-stage.dark-theme .tip-content ul.case li {
    color: rgba(255, 255, 255, 0.4);
}
.product-nav-tab {
    position: absolute;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 99;
    background-color: #333;
}
.product-nav-tab[data-theme="wihte"] {
    background-color: #fff;
    border-bottom: #b4b4b4 solid 1px;
}
.product-nav-tab[data-theme="wihte"] .product-nav-wrapper .product-nav-content ul li {
    color: #333;
}
.product-nav-tab.product-nav-fixed {
    position: fixed;
    top: 60px;
    z-index: 1000;
}
@media (max-width: 768px) {
    .product-nav-fixed {
        position: absolute;
    }
    .product-nav-tab.product-nav-fixed {
        position: absolute;
        top: 1.24rem;
    }
}
.product-nav-tab .product-nav-wrapper {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
@media (max-width: 1240px) {
    .product-nav-tab .product-nav-wrapper {
        width: 100%;
    }
}
.product-nav-tab .product-nav-wrapper .product-nav-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -40px;
}
@media (max-width: 1240px) {
    .product-nav-tab .product-nav-wrapper .product-nav-content ul {
        padding-left: 20px;
    }
}
@media (max-width: 1000px) {
    .product-nav-tab .product-nav-wrapper .product-nav-content ul {
        padding-left: 0.4rem;
        padding-right: 0;
        margin: 0 0 0 -0.4rem;
        height: 60px;
        display: -webkit-box;
        overflow-x: scroll;
    }
    .product-nav-tab .product-nav-wrapper .product-nav-content ul::after {
        content: "";
        display: block;
        width: 1px;
    }
}
.product-nav-tab .product-nav-wrapper .product-nav-content ul::-webkit-scrollbar {
    display: none;
}
.product-nav-tab .product-nav-wrapper .product-nav-content ul li {
    display: block;
    height: 100%;
    margin: 0 40px;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    font-family: "AvenirNext-DemiBold PR";
}
@media (max-width: 1000px) {
    .product-nav-tab .product-nav-wrapper .product-nav-content ul li {
        font-size: 0.38rem;
        margin: 0 0.4rem;
    }
}
.product-nav-tab .product-nav-wrapper .product-nav-content ul li a {
    display: block;
    height: 100%;
    word-break: break-all;
}
.safari .product-nav-tab .product-nav-wrapper .product-nav-content ul li a {
    white-space: nowrap;
}
@media (max-width: 1000px) {
    .product-nav-tab .product-nav-wrapper .product-nav-content ul li.current {
        border-bottom: 3px solid #415fff;
        box-sizing: border-box;
    }
}
.product-nav-tab .product-nav-wrapper .product-nav-content .nav-bar {
    position: absolute;
    width: 50px;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #415fff;
}
@media (max-width: 1000px) {
    .product-nav-tab .product-nav-wrapper .product-nav-content .nav-bar {
        display: none;
    }
}
.product-nav-tab .product-nav-wrapper .product-nav-content ul li {
    font-family: HYQiHei-65S_vivo-Design-02;
}
.stage1 .section {
    padding-top: 120px;
}
.section {
    position: relative;
    width: 100%;
    padding-top: 160px;
    z-index: 1;
}
.section .content {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.__uimix_wrapper ::-moz-selection {
    background-color: #0087cd;
    color: #fff;
}
.__uimix_wrapper ::selection {
    background-color: #0087cd;
    color: #fff;
}
.__uimix_wrapper * {
    background-color: transparent;
    font-size: inherit;
    color: inherit;
}
.__uimix_wrapper,
.__uimix_wrapper html {
    overflow: hidden;
    overflow-y: auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
    .__uimix_wrapper,
    .__uimix_wrapper html {
        min-width: 320px;
    }
}
.__uimix_wrapper html.limit-content,
.__uimix_wrapper html.limit-content body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.__uimix_wrapper,
.__uimix_wrapper dd,
.__uimix_wrapper dl,
.__uimix_wrapper dt,
.__uimix_wrapper h1,
.__uimix_wrapper h2,
.__uimix_wrapper h3,
.__uimix_wrapper h4,
.__uimix_wrapper h5,
.__uimix_wrapper h6,
.__uimix_wrapper li,
.__uimix_wrapper ol,
.__uimix_wrapper p,
.__uimix_wrapper ul {
    margin: 0;
    padding: 0;
}
.__uimix_wrapper h1,
.__uimix_wrapper h2,
.__uimix_wrapper h3,
.__uimix_wrapper h4,
.__uimix_wrapper h5,
.__uimix_wrapper h6 {
    font-weight: 400;
}
.__uimix_wrapper dd,
.__uimix_wrapper dl,
.__uimix_wrapper dt,
.__uimix_wrapper li,
.__uimix_wrapper ol,
.__uimix_wrapper ul {
    list-style: none;
}
.__uimix_wrapper #vivo-contain a,
.__uimix_wrapper #vivo-foot-path a,
.__uimix_wrapper #vivo-foot-wrap a,
.__uimix_wrapper #vivo-head-wrap a {
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    -webkit-tap-highlight-color: transparent;
}
.__uimix_wrapper #vivo-contain a,
.__uimix_wrapper #vivo-foot-path a,
.__uimix_wrapper #vivo-foot-wrap a {
    color: #333;
}
.__uimix_wrapper b,
.__uimix_wrapper em,
.__uimix_wrapper i {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
}
.__uimix_wrapper img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
.__uimix_wrapper input {
    outline: 0;
    border: none;
}
.__uimix_wrapper #vivo-wrap {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}
.__uimix_wrapper .gb-zindex-top {
    z-index: 998 !important;
}
.__uimix_wrapper #vivo-head-wrap {
    font-size: 14px;
    position: absolute;
    width: 100%;
    z-index: 999;
    background-color: rgba(26, 26, 26, 0.9);
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-head-wrap {
        background-color: #212121;
    }
}
.__uimix_wrapper .gb-vivo-head {
    position: relative;
    width: 1200px;
    height: 44px;
    margin: auto;
    z-index: 2;
}
.__uimix_wrapper .gb-vivo-head:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.__uimix_wrapper .gb-vivo-head * html {
    height: 1px;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head {
        width: 100%;
    }
}
@media (max-width: 1248px) {
    .__uimix_wrapper .gb-vivo-head {
        width: auto;
        height: 44px;
        padding: 0 16px;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head {
        padding: 0;
        text-align: center;
        height: 55px;
        -webkit-transition: background 1s;
        transition: background 1s;
        border-bottom: 1px solid;
        border-bottom-color: #e61a1a1a;
        border-bottom-color: rgba(26, 26, 26, 0.9);
    }
    .__uimix_wrapper .gb-vivo-head.openMenu {
        background-color: #0d0d0d;
        border-bottom: 1px solid #262626;
    }
    .__uimix_wrapper .gb-vivo-head.openMenu ul.gb-vivo-h-nav,
    .__uimix_wrapper .gb-vivo-head.openMenu ul.gb-vivo-s-nav {
        height: calc(100vh - 56px);
    }
    .__uimix_wrapper .gb-vivo-head.openMenu .gb-vivo-h-menu span.menu-top {
        -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
        transform: translate3d(0, 8px, 0) rotate(45deg);
    }
    .__uimix_wrapper .gb-vivo-head.openMenu .gb-vivo-h-menu span.menu-middle {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    .__uimix_wrapper .gb-vivo-head.openMenu .gb-vivo-h-menu span.menu-bottom {
        -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
        transform: translate3d(0, -8px, 0) rotate(-45deg);
    }
    .__uimix_wrapper .gb-vivo-head.openSearch a.gb-vivo-h-logo,
    .__uimix_wrapper .gb-vivo-head.openSearch a.gb-vivo-h-logo2 {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    .__uimix_wrapper .gb-vivo-head.openSearch .nav-t-user:before {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    .__uimix_wrapper .gb-vivo-head.openSearch .nav-t-search {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    .__uimix_wrapper .gb-vivo-head.openSearch .nav-t-bag {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    .__uimix_wrapper .gb-vivo-head.openSearch .gb-vivo-m-search {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.__uimix_wrapper .gb-vivo-head a.gb-vivo-h-logo {
    width: 5%;
    position: absolute;
    width: 74px;
    height: 20px;
    float: left;
    top: 50%;
    margin-top: -12px;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head a.gb-vivo-h-logo {
        position: relative;
        left: auto;
        display: inline-block;
        float: none;
        margin: auto;
        margin-top: 18px;
        width: 66px;
        height: 18px;
        background-size: 66px 18px;
        margin-bottom: 19px;
    }
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-h-nav,
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav {
    position: relative;
    width: 60%;
    height: 100%;
    display: table;
    margin: auto;
    color: #fff;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-h-nav,
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-h-nav,
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav {
        position: absolute;
        padding-left: 0;
        display: block;
        text-align: center;
        height: 0;
        background-color: #0d0d0d;
        top: 56px;
        overflow: hidden;
        -webkit-transition: height 0.4s linear;
        transition: height 0.4s linear;
    }
}
@media (max-width: 1248px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-h-nav,
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav {
        width: 70%;
        padding-left: 17px;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-h-nav,
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav {
        width: 100%;
        padding-left: 0;
    }
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav {
    display: none;
    opacity: 1;
    text-align: left;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav {
        display: block;
    }
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li span {
    font-size: 80%;
    position: relative;
    bottom: -6px;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li a {
    margin: 0 15% !important;
    padding: 0 !important;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li.f-s-nav a {
    border-bottom: none;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li.l-s-nav a {
    border-bottom: none;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav .results a {
    color: #fff;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav .results dl {
    position: relative;
    margin: 0 15% !important;
    padding: 0 !important;
    border-bottom: 1px solid #262626;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav .results dt {
    font-size: 14px;
    margin: 15px 0;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav .results dd {
    font-size: 12px;
    margin: 10px 0;
}
.__uimix_wrapper .gb-vivo-head .gb-nav-tool {
    position: absolute;
    width: 8%;
    top: 50%;
    margin-top: -9px;
    right: 0;
    z-index: 2;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .gb-vivo-head .gb-nav-tool {
        right: 16px !important;
    }
}
@media (max-width: 567px) {
    .__uimix_wrapper .gb-vivo-head .gb-nav-tool {
        width: 13% !important;
    }
}
.__uimix_wrapper .gb-vivo-head .v_h_usercenter {
    position: absolute;
    height: auto;
    padding: 18px 0;
    top: 44px;
    width: 180px;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head .v_h_usercenter {
        top: 56px;
        right: 15px;
    }
}
@media (max-width: 1248px) {
    .__uimix_wrapper .gb-vivo-head .v_h_usercenter {
        right: 20px;
    }
}
.__uimix_wrapper .gb-vivo-head .gb-vivo-h-menu {
    position: absolute;
    width: 55px;
    height: 100%;
    display: none;
    left: 0;
    text-align: center;
    vertical-align: middle;
    z-index: 9;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head .gb-vivo-h-menu {
        display: inline-block;
    }
}
.__uimix_wrapper .gb-vivo-head .gb-vivo-h-menu span {
    position: absolute;
    width: 20px;
    height: 1px;
    left: 50%;
    margin-left: -10px;
    background-color: #fff;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out, opacity 0.2s;
    transition: transform 0.4s ease-out, opacity 0.2s, -webkit-transform 0.4s ease-out;
}
.__uimix_wrapper .gb-vivo-head .gb-vivo-h-menu span.menu-top {
    top: 20px;
}
.__uimix_wrapper .gb-vivo-head .gb-vivo-h-menu span.menu-middle {
    top: 28px;
}
.__uimix_wrapper .gb-vivo-head .gb-vivo-h-menu span.menu-bottom {
    top: 36px;
}
.__uimix_wrapper .gb-vivo-head .gb-vivo-m-search {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out, opacity 0.2s;
    transition: transform 0.4s ease-out, opacity 0.2s, -webkit-transform 0.4s ease-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head .gb-vivo-m-search {
        display: block;
    }
}
.__uimix_wrapper .gb-nav-tool a {
    width: 19px;
    height: 19px;
    display: inline-block;
    color: #fff;
}
.__uimix_wrapper .gb-nav-tool a.leave:before {
    color: #fff !important;
}
.__uimix_wrapper .gb-nav-tool a:hover:before {
    color: #888;
}
.__uimix_wrapper .gb-nav-tool a:active:before {
    color: #0087cd;
}
.__uimix_wrapper .gb-nav-tool a:before {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-nav-tool a {
        -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
        transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
        transition: transform 0.4s ease-out, opacity 0.2s;
        transition: transform 0.4s ease-out, opacity 0.2s, -webkit-transform 0.4s ease-out;
    }
}
.__uimix_wrapper .gb-nav-tool .nav-t-search {
    position: absolute;
    padding-top: 2px;
    float: left;
    left: -18px;
    background-position: -19px 0;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .gb-nav-tool .nav-t-search {
        left: -55px;
    }
}
@media (max-width: 1068px) {
    .__uimix_wrapper .gb-nav-tool .nav-t-search {
        left: -28px;
    }
}
@media (max-width: 880px) {
    .__uimix_wrapper .gb-nav-tool .nav-t-search {
        left: -42px;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-nav-tool .nav-t-search {
        position: absolute;
        float: right;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
        left: 5px;
        opacity: 0;
    }
}
.__uimix_wrapper .gb-nav-tool .nav-t-search:before {
    display: block;
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    right: 0;
    font-size: 14px;
}
.__uimix_wrapper .gb-nav-tool .nav-t-search:active {
    background-position: -38px 0;
}
.__uimix_wrapper .gb-nav-tool .nav-t-user {
    float: right;
    padding-top: 2px;
    background-position: -19px -19px;
}
.__uimix_wrapper .gb-nav-tool .nav-t-user:before {
    display: block;
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 14px;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-nav-tool .nav-t-user:before {
        font-size: 18px;
    }
}
.__uimix_wrapper .gb-nav-tool .nav-t-user:active {
    color: #0087cd;
    background-position: -38px -19px;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-nav-tool .nav-t-user:hover {
        background-position: 0 -19px;
    }
    .__uimix_wrapper .gb-nav-tool .nav-t-user:active {
        background-position: 0 -19px;
    }
}
.__uimix_wrapper .gb-nav-tool .nav-t-bag {
    display: none;
    background-position: 0 -76px;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-nav-tool .nav-t-bag {
        float: left;
        display: block;
    }
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li,
.__uimix_wrapper ul.gb-vivo-h-nav li {
    position: relative;
    width: 1%;
    display: table-cell;
    vertical-align: middle;
    z-index: 1;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li,
    .__uimix_wrapper ul.gb-vivo-h-nav li {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li,
    .__uimix_wrapper ul.gb-vivo-h-nav li {
        display: block;
    }
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li a,
.__uimix_wrapper ul.gb-vivo-h-nav li a {
    position: relative;
    display: block;
    height: 100%;
    line-height: 44px;
    font-size: 14px;
    white-space: nowrap;
    padding: 0 22px;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    color: #fff;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li a,
    .__uimix_wrapper ul.gb-vivo-h-nav li a {
        margin: 0 10%;
        line-height: 55px;
        border-bottom: 1px solid #262626;
    }
}
@media (max-width: 1248px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li a,
    .__uimix_wrapper ul.gb-vivo-h-nav li a {
        padding: 0 12px;
    }
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li a:hover,
.__uimix_wrapper ul.gb-vivo-h-nav li a:hover {
    color: #888;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li a:active,
.__uimix_wrapper ul.gb-vivo-h-nav li a:active {
    color: #0087cd;
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li.menu-search,
.__uimix_wrapper ul.gb-vivo-h-nav li.menu-search {
    display: none;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li.menu-search,
    .__uimix_wrapper ul.gb-vivo-h-nav li.menu-search {
        display: block;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li.menu-search i,
    .__uimix_wrapper ul.gb-vivo-h-nav li.menu-search i {
        position: relative;
        width: 13px;
        height: 13px;
        margin-right: 8px;
        display: inline-block;
    }
    .__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li.menu-search i:before,
    .__uimix_wrapper ul.gb-vivo-h-nav li.menu-search i:before {
        speak: none;
        font-family: iconfont;
        font-size: 100%;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
    }
}
.__uimix_wrapper .gb-vivo-head ul.gb-vivo-s-nav li.current a,
.__uimix_wrapper ul.gb-vivo-h-nav li.current a {
    color: #0087cd;
}
@media (max-width: 767px) {
    .__uimix_wrapper a.gb-vivo-h-logo {
        -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
        transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
        transition: transform 0.4s ease-out, opacity 0.2s;
        transition: transform 0.4s ease-out, opacity 0.2s, -webkit-transform 0.4s ease-out;
    }
    .__uimix_wrapper a.gb-vivo-h-logo svg {
        width: 100%;
        height: 100%;
    }
}
.__uimix_wrapper a.gb-vivo-h-logo svg {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    fill: #008ddc;
}
.__uimix_wrapper a.gb-vivo-h-logo:hover svg {
    fill: #50afff;
}
.__uimix_wrapper a.gb-vivo-h-logo2 {
    position: absolute;
    width: 80px;
    height: 80px;
    float: left;
    top: 0;
    margin-top: 0;
    background-image: url(../images/vivo-logo-x2.jpg);
    background-size: 80px 80px;
    background-repeat: no-repeat;
}
.__uimix_wrapper a.gb-vivo-h-logo2 svg {
    display: none;
}
@media (max-width: 767px) {
    .__uimix_wrapper a.gb-vivo-h-logo2 {
        width: 74px;
        height: 20px;
        margin-top: 18px;
        margin-left: -37px;
        background: 0 0;
        float: none;
    }
    .__uimix_wrapper a.gb-vivo-h-logo2 svg {
        display: block;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        fill: #008ddc;
    }
    .__uimix_wrapper a.gb-vivo-h-logo2:hover svg {
        fill: #50afff;
    }
}
.__uimix_wrapper .v_h_usercenter li {
    position: relative;
    display: inline-block;
    text-align: left;
    height: 50px;
    width: 100%;
}
.__uimix_wrapper .v_h_usercenter li.userlink-1 b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
}
.__uimix_wrapper .v_h_usercenter li.userlink-2 b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
}
.__uimix_wrapper .v_h_usercenter li.userlink-3 b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
}
.__uimix_wrapper .v_h_usercenter li.userlink-4 b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
}
.__uimix_wrapper .v_h_usercenter li b {
    margin: 0 auto;
    top: -2px;
    position: relative;
}
.__uimix_wrapper .v_h_usercenter li a {
    display: block;
    color: #666;
    line-height: 50px;
    font-size: 14px;
    -webkit-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
    padding: 0 40px;
}
@media (max-width: 1440px) {
    .__uimix_wrapper .v_h_usercenter li a {
        padding: 0 42px;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .v_h_usercenter li a {
        padding: 0 30px;
    }
}
.__uimix_wrapper .v_h_usercenter li a:hover {
    color: #000;
}
.__uimix_wrapper .v_h_usercenter li a span {
    position: relative;
    text-align: right;
    margin-left: 15px;
    font-size: 14px;
}
@media (max-width: 767px) {
    .__uimix_wrapper .v_h_usercenter li a span {
        font-size: 16px;
    }
}
.__uimix_wrapper .v_h_usercenter li a i {
    position: relative;
    min-width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-top: -3px;
    font-size: 12px;
    padding: 4px;
    line-height: 16px;
    color: #fff;
    border-radius: 16px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    background-color: #f51818;
}
.__uimix_wrapper .v_h_usercenter li a b:before {
    position: relative;
    font-size: 14px;
    vertical-align: middle;
    line-height: 18px;
    top: -1px;
}
.__uimix_wrapper #gb-mask-layer,
.__uimix_wrapper #search-curtain,
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li #follow-mask,
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li #lang-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
    display: none;
}
.__uimix_wrapper .v_h_search {
    position: absolute;
    width: 81%;
    height: 44px;
    top: 0;
    right: 0;
    z-index: 1;
    display: none;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .v_h_search {
        width: 90%;
        height: 44px;
        right: 220px;
    }
}
@media (max-width: 1068px) {
    .__uimix_wrapper .v_h_search {
        width: 88%;
        height: 44px;
        right: 160px;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .v_h_search {
        right: 33%;
    }
}
.__uimix_wrapper .v_h_search .search-top {
    position: relative;
    width: 100%;
    height: 100%;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .v_h_search .search-top {
        margin-left: 22%;
    }
}
.__uimix_wrapper .v_h_search .search-content {
    position: absolute;
    width: 90%;
    height: auto;
    min-height: 280px;
    background: #fff;
    top: 44px;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .v_h_search .search-content {
        width: 80%;
        margin-left: 29%;
    }
}
@media (max-width: 1068px) {
    .__uimix_wrapper .v_h_search .search-content {
        width: 82%;
        margin-left: 29%;
    }
}
.__uimix_wrapper .search-top input {
    width: 750px;
    height: 30px;
    margin-top: 7px;
    background: 0 0;
    padding-left: 43px;
    color: #fff;
    font-size: 14px;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .search-top input {
        width: 70%;
        height: 30px;
        padding-left: 10%;
    }
}
.__uimix_wrapper .search-top input textarea::-webkit-input-placeholder,
.__uimix_wrapper .search-top input::-webkit-input-placeholder {
    color: #888;
}
@media (max-width: 767px) {
    .__uimix_wrapper .search-top input {
        font-size: 16px;
        height: 44px;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transition: opacity 0s, -webkit-transform 0.4s ease-out;
        transition: opacity 0s, -webkit-transform 0.4s ease-out;
        transition: transform 0.4s ease-out, opacity 0s;
        transition: transform 0.4s ease-out, opacity 0s, -webkit-transform 0.4s ease-out;
    }
}
@media (max-width: 321px) {
    .__uimix_wrapper .search-top input {
        padding-left: 20%;
    }
}
.__uimix_wrapper .search-top .search-close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    margin-top: -7px;
    right: 10%;
    color: #fff;
    background-size: 250px 250px;
    background-repeat: no-repeat;
    background-position: -19px -38px;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .search-top .search-close {
        right: 13%;
    }
}
@media (max-width: 1068px) {
    .__uimix_wrapper .search-top .search-close {
        right: 12%;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .search-top .search-close {
        visibility: hidden;
    }
}
.__uimix_wrapper .search-top .search-close:before {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    font-size: 12px;
}
.__uimix_wrapper .search-top .search-close.hover:before {
    color: #888;
}
.__uimix_wrapper .search-top .search-close:hover {
    background-position: 0 -38px;
}
.__uimix_wrapper .search-top .search-close:hover:before {
    color: #888;
}
.__uimix_wrapper .search-top .search-close:active {
    background-position: -38px -38px;
}
.__uimix_wrapper .search-top .search-close:active:before {
    color: #0087cd;
}
.__uimix_wrapper .gb-vivo-m-search {
    display: none;
    vertical-align: middle;
    line-height: 60px;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-m-search {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35%;
        width: 70%;
        height: 55px;
    }
}
.__uimix_wrapper .gb-vivo-m-search input {
    background: 0 0;
    width: 100%;
    color: #fff;
    font-size: 16px;
}
.__uimix_wrapper .gb-vivo-m-search input textarea::-webkit-input-placeholder,
.__uimix_wrapper .gb-vivo-m-search input::-webkit-input-placeholder {
    color: #888;
}
.__uimix_wrapper .search-content dl {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}
.__uimix_wrapper .search-content dl dt {
    width: auto;
    height: auto;
    padding-left: 43px;
    font-size: 12px;
    color: #888;
    padding-top: 28px;
    margin-bottom: 11px;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .search-content dl dt {
        padding-left: 5%;
    }
}
.__uimix_wrapper .search-content dl dd {
    width: 100%;
    height: 40px;
    font-size: 14px;
}
.__uimix_wrapper .search-content dl dd a {
    display: block;
    width: auto;
    height: 100%;
    line-height: 40px;
    padding-left: 67px;
    color: #333;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.__uimix_wrapper .search-content dl dd a:hover {
    background-color: #f2f2f2;
    color: #0087cd;
}
.__uimix_wrapper .search-content dl dd.current a {
    background-color: #f2f2f2;
    color: #0087cd;
}
.__uimix_wrapper .search-content .results {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}
.__uimix_wrapper .search-content .results dl:before {
    position: absolute;
    width: 694px;
    height: 1px;
    content: "";
    top: 0;
    left: 43px;
    display: block;
    background-color: #0d000000;
    background-color: rgba(0, 0, 0, 0.05);
}
@media (max-width: 1248px) {
    .__uimix_wrapper .search-content .results dl:before {
        width: 90%;
        height: 1px;
        left: 5%;
    }
}
.__uimix_wrapper .gb-vivo-menu-series {
    position: absolute;
    width: 100%;
    height: 245px;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    overflow: hidden;
    opacity: 0;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-vivo-menu-series {
        display: none;
    }
}
.__uimix_wrapper .gb-vivo-menu-series .vms-bigbox {
    position: relative;
    width: 100%;
    height: 175px;
    top: 44px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #e61a1a1a;
    background-color: rgba(26, 26, 26, 0.9);
}
.__uimix_wrapper .gb-vivo-menu-series .vms-bigbox ul {
    position: absolute;
    width: 150px;
    height: 175px;
    top: -28px;
    padding-left: 22px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #33ffffff;
    border-left-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 1248px) {
    .__uimix_wrapper .gb-vivo-menu-series .vms-bigbox ul {
        padding-left: 12px;
    }
}
.__uimix_wrapper .gb-vivo-menu-series .vms-bigbox ul#list1 {
    z-index: 6;
}
.__uimix_wrapper .gb-vivo-menu-series .vms-bigbox ul#list2 {
    z-index: 5;
}
.__uimix_wrapper .gb-vivo-menu-series .vms-bigbox ul#list3 {
    z-index: 4;
}
.__uimix_wrapper .gb-vivo-menu-series .vms-bigbox .nav-item-can {
    width: 180px;
    height: 180px;
    display: inline-block;
}
.__uimix_wrapper .vms-bigbox ul .nav-item-can {
    position: absolute;
    left: -180px;
    top: 0;
}
.__uimix_wrapper .vms-bigbox ul li {
    position: relative;
    padding: 9px 0;
    z-index: 2;
    font-size: 14px;
}
.__uimix_wrapper .vms-bigbox ul li.f-menu-link {
    padding-top: 35px;
}
.__uimix_wrapper .vms-bigbox ul li a {
    color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
.__uimix_wrapper .vms-bigbox ul li a:hover {
    color: #888;
}
.__uimix_wrapper .vms-bigbox ul li a:active {
    color: #0087cd;
}
.__uimix_wrapper #vivo-foot-wrap {
    font-size: 14px;
    position: relative;
    width: 100%;
    height: 360px;
    z-index: 10;
    color: #333;
}
@media (max-width: 1248px) {
    .__uimix_wrapper #vivo-foot-wrap {
        height: auto;
    }
}
.__uimix_wrapper #vivo-foot-wrap.gray {
    background-color: #f7f7f7;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot {
    position: relative;
    max-width: 1200px;
    height: 360px;
    margin: auto;
    bottom: 0;
    z-index: 2;
}
@media (max-width: 1248px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot {
        padding: 0 16px;
        left: 0;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot {
        height: auto;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot ul {
        position: relative;
        display: block;
        width: 100%;
        text-align: left;
    }
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot ul li {
        display: block;
        width: 100%;
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-directory {
    width: 100%;
    height: 260px;
    display: table;
    margin: auto;
    font-size: 12px;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-directory {
        height: auto;
        padding-top: 25px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgba(0, 0, 0, 0.1);
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright {
    padding-top: 35px;
    margin-top: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, 0.1);
    font-size: 12px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright * html {
    height: 1px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright * html {
    height: 1px;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright {
        padding: 26px 0;
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .copyright-text {
    float: left;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .copyright-text {
        color: #999;
        margin-top: 25px;
        font-size: 12px;
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other {
    position: relative;
    float: right;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li {
    width: 90px;
    height: 40px;
    top: -25px;
    text-align: center;
    display: inline-block;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    position: relative;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li {
        position: absolute;
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li .other-text {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    bottom: 0;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li.notFollow-2 {
    text-align: right;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li.notFollow-2 b {
    position: absolute;
    right: 54px;
    width: 16px;
    height: 16px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li.notFollow-2 b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 16px;
    display: block;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li.follow_btn:before,
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li.global:before {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background-color: #bbb;
    bottom: 2px;
    left: -2px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li #follow-mask,
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other li #lang-mask {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link {
        font-size: 12px;
    }
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link.oldpage {
        right: 42%;
    }
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link.notFollow-1 {
        right: 22%;
    }
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link.notFollow-1:before {
        display: none;
    }
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link.notFollow-2 {
        position: absolute;
        width: 25%;
        float: left;
        right: 0;
        color: #666;
        vertical-align: middle;
    }
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link.notFollow-2:before {
        display: none;
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 150px;
    height: 160px;
    box-shadow: -15px 3px 30px -2px rgba(0, 0, 0, 0.1);
    left: -180px;
    bottom: 41px;
    padding-top: 15px;
    background-color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s 0.3s ease-out;
    transition: all 0.3s 0.3s ease-out;
    overflow: hidden;
    z-index: 3;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast .qr-box {
    height: 115px;
    text-align: center;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast p {
    display: none;
    margin-top: 10px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast img {
    width: auto;
    height: 100%;
    display: none;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast.openAli {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast.openAli .ali-qr {
    display: inline-block;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast.openAli .ali-text {
    display: block;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast.openWechat {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast.openWechat .wechat-qr {
    display: inline-block;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link .vivo-follow-toast.openWechat .wechat-text {
    display: block;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link a {
    color: #666;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .other-link a:hover {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    color: #0087cd;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow {
    text-align: center;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow {
        position: relative;
        width: 25%;
        float: left;
        left: 25%;
    }
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow.follow-3:after {
        display: block;
        height: 10px;
        width: 1px;
        color: red;
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow.follow-1:before {
    display: none;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow.follow-1:before {
        display: block;
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow b {
    position: absolute;
    display: inline-block;
    left: 50%;
    margin: -12px;
    margin-left: -7px;
    color: #999;
    font-size: 16px;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow:hover .vivo-f-toast {
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    z-index: 5;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .follow:hover .vivo-f-toast {
        visibility: hidden;
    }
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast {
    display: none;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    position: absolute;
    width: 150px;
    height: 145px;
    box-shadow: 0 5px 30px -2px rgba(0, 0, 0, 0.1);
    padding-top: 30px;
    left: 50%;
    margin-left: -75px;
    bottom: 41px;
    background-color: #fff;
    overflow: hidden;
    z-index: 2;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast * html {
    height: 1px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast img {
    margin-top: 15px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast p {
    margin-top: 5px;
    color: #666;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast li {
    position: relative;
    width: 100%;
    height: 40px;
    text-align: left;
    overflow: hidden;
    float: left;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast li:before {
    display: none;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast li a {
    padding-top: 9px;
    position: absolute;
    width: 100%;
    height: 31px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast li a:hover {
    background-color: #f4f4f4;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li {
    overflow: visible;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li:hover a span {
    color: #000;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li b {
    margin-left: 30px;
    font-size: 22px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li b:before {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li.sina-follow {
    margin-top: 24px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li.sina-follow a:hover b:before {
    color: #cf0800;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li.sina-follow b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li.wechat-follow a:hover b:before {
    color: #68b732;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li.wechat-follow b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li.ali-follow .vivo-follow-toast {
    bottom: -26px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li.ali-follow a:hover b:before {
    color: #5fa8ed;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li.ali-follow b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.follow-list li a span {
    position: relative;
    font-size: 14px;
    color: #666;
    display: block;
    top: -30px;
    padding-left: 65px;
    line-height: 26px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list {
    width: 300px;
    height: 396px;
    padding-top: 24px;
    left: auto;
    margin-left: 0;
    right: 0;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list:before {
    left: 78%;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li:hover a {
    color: #000;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.global-lang {
    margin-top: 31px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.global-lang .lang-img-box {
    border: none;
    overflow: visible;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.global-lang .lang-img-box:before {
    width: 20px;
    height: 20px;
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 20px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.global-lang span {
    top: -28px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.cn-lang .lang-img-box img {
    margin-left: -9px;
    margin-top: -10px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.my-lang .lang-img-box img {
    margin-left: -12px;
    margin-top: -14px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li .lang-img-box {
    position: relative;
    width: 20px;
    height: 20px;
    background-size: auto 104%;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    margin-left: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    overflow: hidden;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li .lang-img-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li span {
    position: relative;
    display: block;
    top: -30px;
    padding-left: 75px;
    line-height: 30px;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.id-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-id.svg);
}
.__uimix_wrapper .lt8 #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.id-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-id.jpg);
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.in-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-in.svg);
}
.__uimix_wrapper .lt8 #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.in-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-in.jpg);
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.mm-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-mm.svg);
}
.__uimix_wrapper .lt8 #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.mm-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-mm.jpg);
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.my-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-my.svg);
}
.__uimix_wrapper .lt8 #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.my-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-my.jpg);
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.ph-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-ph.svg);
}
.__uimix_wrapper .lt8 #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.ph-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-ph.jpg);
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.th-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-th.svg);
}
.__uimix_wrapper .lt8 #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.th-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-th.jpg);
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.vn-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-vn.svg);
}
.__uimix_wrapper .lt8 #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.vn-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-vn.jpg);
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.cn-lang .lang-img-box {
    background-color: #dd2911;
    background-image: url(../images/vivo-f-lang-cn.svg);
    background-position: 2px 4px;
}
.__uimix_wrapper .lt8 #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-toast.lang-list li.cn-lang .lang-img-box {
    background-image: url(../images/vivo-f-lang-cn.jpg);
    background-position: center center;
}
.__uimix_wrapper #vivo-foot-wrap #gb-vivo-foot .gb-foot-copyright .other .vivo-f-triangle {
    content: "";
    height: 0;
    width: 0;
    border-top: 10px solid #fff;
    border-left: 10px dashed transparent;
    border-right: 10px dashed transparent;
    position: absolute;
    left: 50%;
    bottom: 31px;
    margin-left: -5px;
    z-index: 2;
}
.__uimix_wrapper #vivo-m-toast {
    font-size: 14px;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    opacity: 0;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    margin-top: 55px;
}
.__uimix_wrapper #vivo-m-toast.openQRCode {
    visibility: visible;
    opacity: 1;
    z-index: 100;
}
@media (max-width: 767px) {
    .__uimix_wrapper #vivo-m-toast {
        z-index: -1;
        display: block;
    }
}
.__uimix_wrapper #vivo-m-toast .back-cover {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 300px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 2s linear;
    transition: opacity 2s linear;
}
.__uimix_wrapper #vivo-m-toast .back-cover .closeIcon {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 10px;
}
.__uimix_wrapper #vivo-m-toast .back-cover .closeIcon:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    color: #fff;
    font-size: 20px;
}
.__uimix_wrapper #vivo-m-toast .back-cover .QRContainer {
    position: absolute;
    z-index: 100;
    width: 70%;
    height: 60%;
    max-height: 750px;
    top: 15%;
    left: 15%;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
}
.__uimix_wrapper #vivo-m-toast .back-cover .QRContainer .titleP {
    font-size: 16px;
    padding-top: 8%;
    color: #4d4e4f;
}
.__uimix_wrapper #vivo-m-toast .back-cover .QRContainer .downloadP {
    font-size: 14px;
    color: #0087cd;
    margin-top: 8%;
}
.__uimix_wrapper #vivo-m-toast .back-cover .QRContainer .infomationP {
    font-size: 14px;
    color: #bbb;
    padding-top: 6%;
}
.__uimix_wrapper #vivo-m-toast .back-cover .QRContainer hr {
    width: 14px;
    height: 1px;
    background-color: #0087cd;
    border: none;
}
.__uimix_wrapper #vivo-m-toast .back-cover .QRContainer .imgP {
    z-index: 100;
    margin-top: 8%;
}
.__uimix_wrapper #vivo-m-toast .back-cover .QRContainer .imgP img {
    width: 65%;
    height: 40%;
    box-shadow: 0 5px 30px -2px #eaeaea;
    padding: 10px;
}
.__uimix_wrapper .gb-foot-directory {
    font-size: 14px;
}
.__uimix_wrapper .gb-foot-directory ul.directory-list {
    position: relative;
    width: 80%;
    display: table;
    color: #333;
}
.__uimix_wrapper .gb-foot-directory ul.directory-list li {
    position: relative;
    width: 1%;
    height: 100%;
    display: table-cell;
    z-index: 1;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-list li {
        height: auto;
        overflow: hidden;
    }
}
.__uimix_wrapper .gb-foot-directory ul.directory-list li .f-d-title {
    font-weight: 600;
}
.__uimix_wrapper .gb-foot-directory ul.directory-list li a {
    position: relative;
    height: 100%;
    line-height: 23px;
    white-space: nowrap;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
.__uimix_wrapper .gb-foot-directory ul.directory-list li a:hover {
    color: #0087cd;
}
.__uimix_wrapper .gb-foot-directory ul.directory-list li a:active {
    color: #0087cd;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-list li a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 32px;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-list li dd {
        position: relative;
        padding-left: 1em;
        height: 32px;
        line-height: 32px;
    }
    .__uimix_wrapper .gb-foot-directory ul.directory-list li dd.l-d-title {
        margin-bottom: 8px;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-list li dd.f-d-title {
        padding-left: 0;
        font-size: 14px;
    }
    .__uimix_wrapper .gb-foot-directory ul.directory-list li dd.f-d-title.open b:after {
        -webkit-transform: rotate(45deg) scale(1.1);
        -ms-transform: rotate(45deg) scale(1.1);
        transform: rotate(45deg) scale(1.1);
    }
    .__uimix_wrapper .gb-foot-directory ul.directory-list li dd.f-d-title.open b:before {
        -webkit-transform: rotate(45deg) scale(1.1);
        -ms-transform: rotate(45deg) scale(1.1);
        transform: rotate(45deg) scale(1.1);
    }
    .__uimix_wrapper .gb-foot-directory ul.directory-list li dd.f-d-title b:after {
        position: absolute;
        content: "";
        display: block;
        width: 7px;
        height: 1px;
        background-color: #666;
        top: 16px;
        right: 0;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        -webkit-transform: rotate(0) scale(1);
        -ms-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
    }
    .__uimix_wrapper .gb-foot-directory ul.directory-list li dd.f-d-title b:before {
        position: absolute;
        content: "";
        display: block;
        width: 1px;
        height: 7px;
        background-color: #666;
        top: 13px;
        right: 3px;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        -webkit-transform: rotate(0) scale(1);
        -ms-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
    }
}
.__uimix_wrapper .gb-foot-directory ul.directory-list li dd.t-d-title {
    padding-top: 15px;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-list li dd.t-d-title {
        padding-top: 0;
        margin-top: 8px;
    }
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone {
    position: absolute;
    width: 20%;
    top: 0;
    right: 0;
    text-align: right;
}
@media (max-width: 1248px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-phone {
        padding-right: 16px;
    }
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd {
    color: #666;
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd b {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd a {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-phone li dd {
        height: 70px;
        line-height: 70px;
        margin-top: 25px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgba(0, 0, 0, 0.1);
    }
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd span {
    font-size: 16px;
}
@media (min-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-phone li dd span {
        display: none;
    }
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.phone-num {
    font-size: 28px;
    padding-top: 15px;
}
@media (max-width: 1068px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.phone-num {
        font-size: 21px;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.phone-num {
        display: none;
    }
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.online {
    font-size: 14px;
    padding-top: 11px;
    color: #666;
    position: relative;
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.online {
        display: none;
    }
}
@media (max-width: 767px) {
    .__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.online {
        font-size: 12px;
    }
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.online b {
    position: absolute;
    right: 60px;
    bottom: -1px;
    width: 20px;
    height: 15px;
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.online b:before {
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    right: 1px;
    bottom: 1px;
    font-size: 16px;
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.online:hover a {
    color: #0087cd;
}
.__uimix_wrapper .gb-foot-directory ul.directory-phone li dd.online:hover b:before {
    color: #0087cd;
}
.__uimix_wrapper #vivo-foot-path {
    font-size: 14px;
    position: relative;
    width: 100%;
    height: 70px;
    background-color: #fff;
    padding-top: 30px;
}
@media (max-width: 1248px) {
    .__uimix_wrapper #vivo-foot-path {
        padding: 30px 16px 0 16px;
        width: auto;
    }
}
.__uimix_wrapper #vivo-foot-path.gray {
    background-color: #f7f7f7;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: auto;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 30px;
    border-top: 1px #dedede solid;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li {
    position: relative;
    float: left;
    display: inline-block;
    font-size: 12px;
    padding-left: 25px;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li:before {
    color: #333;
    speak: none;
    font-family: iconfont;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    left: 8px;
    top: 3px;
    font-size: 12px;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li a {
    -webkit-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li a:hover span {
    color: #1a1a1a;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li a span {
    color: #333;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li span {
    line-height: 18px;
    color: grey;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li.home-link {
    padding-left: 0;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li.home-link:before {
    display: none;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li.home-link svg {
    position: relative;
    top: 1px;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li.home-link svg path {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out, opacity 0.2s;
    transition: transform 0.4s ease-out, opacity 0.2s, -webkit-transform 0.4s ease-out;
    fill: #333;
}
.__uimix_wrapper #vivo-foot-path .foot-path-box .path-link ol li.home-link:hover svg path {
    fill: #1a1a1a;
}
.__uimix_wrapper .Redshield {
    display: inline-block;
    width: 20px;
    position: relative;
    height: 20px;
    border: none;
    vertical-align: text-bottom;
}
.__uimix_wrapper .Redshield img {
    position: absolute;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .__uimix_wrapper .Redshield {
        margin-left: 0;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
.back_camera {
    display: none;
}
.back_camera_md {
    width: 100vw;
    height: 24.480016rem;
    background-color: #000;
}
.back_camera_md .title {
    width: 303px;
    height: 188px;
    margin: 0 auto 1.440001rem;
}
.back_camera_md .title .title_1 {
    width: 303px;
    height: 94px;
    color: #fff;
    font-family: QiHeiVarforvivo_75;
    font-size: 36px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: 0px;
}
.back_camera_md .title .title_2 {
    margin-bottom: 0.460947rem;
    opacity: 0.5;
    width: 303px;
    height: 94px;
    color: #fff;
    font-family: QiHeiVarforvivo_75;
    font-size: 36px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: 0px;
}
.back_camera_md .title .title_description {
    font-size: 0.4608rem;
}
.back_camera_md .main-box {
    width: 100vw;
    height: 12.931208rem;
}
.back_camera_md .main-box .positon-box {
    width: 100vw;
    height: 12.931208rem;
    position: relative;
}
.back_camera_md .main-box .positon-box .back_camera_detail {
    position: relative;
    color: #fff;
    top: 0.324801rem;
    left: 0.921601rem;
    width: 8.006405rem;
    height: 9.129606rem;
    z-index: 10;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail1 {
    width: 6.624004rem;
    height: 1.555201rem;
    position: absolute;
    top: 1.1rem;
    left: 0;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_detail1-line {
    width: 3.744002rem;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 1.75rem;
    right: 0.1rem;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_title1 {
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 0.7488rem;
    line-height: 0.979201rem;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_description1 {
    font-family: HYQiHei-55S_vivo-Design-02;
    font-size: 0.4032rem;
    line-height: 0.5184rem;
    color: #fff;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail2 {
    width: 5.155203rem;
    height: 2.592002rem;
    position: absolute;
    top: 4.665603rem;
    left: 0;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_detail2-line1 {
    width: 3.283202rem;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 2.324801rem;
    right: -0.950401rem;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_detail2-line2 {
    width: 1px;
    height: 1.296001rem;
    background-color: #fff;
    position: absolute;
    top: 1.036801rem;
    right: -0.950401rem;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_title2 {
    font-family: HYQiHei-65S_vivo-Design-02;
    width: 2.851202rem;
    height: 0.979201rem;
    font-size: 0.7488rem;
    line-height: 0.979201rem;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_description2 {
    font-family: HYQiHei-55S_vivo-Design-02;
    width: 2.851202rem;
    height: 1.555201rem;
    font-size: 0.4032rem;
    line-height: 0.5184rem;
    color: #fff;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail3 {
    width: 8.006405rem;
    height: 5.068803rem;
    position: absolute;
    top: 5.809603rem;
    left: 0;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_detail3-line1 {
    width: 1px;
    height: 4.838403rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_detail3-line2 {
    width: 6.192004rem;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 4.824003rem;
    right: 0;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_title3 {
    font-family: HYQiHei-65S_vivo-Design-02;
    width: 2.620802rem;
    height: 0.979201rem;
    font-size: 0.7488rem;
    line-height: 0.979201rem;
    position: absolute;
    bottom: 0.950401rem;
}
.back_camera_md .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_description3 {
    font-family: HYQiHei-55S_vivo-Design-02;
    width: 2.620802rem;
    height: 1.036801rem;
    position: absolute;
    font-size: 0.4032rem;
    line-height: 0.5184rem;
    bottom: 0;
    color: #fff;
}
.back_camera_md .main-box .positon-box .back_camera_phone {
    width: 375px;
    height: 371px;
    position: absolute;
    top: 0;
    left: 36px;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 1000px) {
    .back_camera_md .main-box .positon-box .back_camera_phone {
        background-image: url(../img/v21-back-camera-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .back_camera_md .main-box .positon-box .back_camera_phone {
        background-image: url(../img/v21-back-camera-md-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .back_camera_md {
        display: none;
    }
    .back_camera {
        display: block;
        height: 100vh;
        position: relative;
        overflow: hidden;
        background-color: #000;
    }
    .back_camera .title {
        width: 1000px;
        height: 124px;
        margin: auto;
        padding-bottom: 40px;
        z-index: 5;
        position: relative;
    }
    .back_camera .title .title_1 {
        margin: 0 auto;
        width: 447px;
        height: 62px;
        color: #fff;
        font-family: QiHeiVarforvivo_75;
        font-size: 48px;
        font-weight: 400;
        line-height: 62px;
        text-align: center;
        letter-spacing: 0px;
    }
    .back_camera .title .title_2 {
        margin: 0 auto;
        opacity: 0.5;
        width: 721px;
        height: 62px;
        color: #fff;
        font-family: QiHeiVarforvivo_75;
        font-size: 48px;
        font-weight: 400;
        line-height: 62px;
        text-align: center;
        letter-spacing: 0px;
    }
    .back_camera .title .title_description {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        text-align: center;
    }
    .back_camera .main-box {
        height: 700px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .back_camera .main-box .positon-box {
        width: 1000px;
        height: 650px;
        position: relative;
    }
    .back_camera .main-box .positon-box .back_camera_detail {
        position: relative;
        color: #fff;
        top: 200px;
        left: -42px;
        width: 665px;
        height: 438px;
        z-index: 10;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail1 {
        width: 580px;
        height: 77px;
        position: absolute;
        top: 210px;
        left: 0;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_detail1-line {
        width: 443px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 65px;
        right: -190px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_title1 {
        font-size: 40px;
        line-height: 52px;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_description1 {
        font-size: 18px;
        line-height: 23px;
        font-family: HYQiHei-55S_vivo-Design-02;
        color: #fff;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail2 {
        width: 514px;
        height: 100px;
        position: absolute;
        top: 534px;
        left: 0;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_detail2-line {
        width: 293px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 65px;
        right: -120px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_title2 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 40px;
        line-height: 52px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_description2 {
        font-family: HYQiHei-55S_vivo-Design-02;
        font-size: 18px;
        line-height: 23px;
        color: #fff;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 {
        width: 665px;
        height: 169.5px;
        position: absolute;
        top: 700px;
        left: 0;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_detail3-line1 {
        width: 1px;
        height: 159.5px;
        background-color: #fff;
        position: absolute;
        top: 0;
        right: -327px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_detail3-line2 {
        width: 460.5px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 158.5px;
        right: -327px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_title3 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 40px;
        line-height: 52px;
        position: absolute;
        bottom: 25px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_description3 {
        font-family: HYQiHei-55S_vivo-Design-02;
        position: absolute;
        font-size: 18px;
        line-height: 23px;
        bottom: 0;
        color: #fff;
    }
    .back_camera .main-box .positon-box .back_camera_phone {
        width: 1009px;
        height: 1500px;
        position: absolute;
        top: 43px;
        left: 301px;
        background-image: url(../img/v21-back-camera-lg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .back_camera .main-box .positon-box .back_camera_phone {
        background-image: url(../img/v21-back-camera-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .back_camera {
        height: 1961px;
        background: #000;
        position: relative;
        overflow: hidden;
        padding-top: 243px;
    }
    .back_camera .title {
        width: 1332px;
        text-align: center;
        margin: auto;
    }
    .back_camera .title .title_1 {
        width: 542px;
        height: 75px;
        color: #fff;
        font-family: QiHeiVarforvivo_75;
        font-size: 58px;
        font-weight: 400;
        line-height: 75px;
        text-align: center;
        letter-spacing: 0px;
    }
    .back_camera .title .title_2 {
        margin-bottom: 35px;
        opacity: 0.5;
        width: 874px;
        height: 75px;
        color: #fff;
        font-family: QiHeiVarforvivo_75;
        font-size: 58px;
        font-weight: 400;
        line-height: 75px;
        text-align: center;
        letter-spacing: 0px;
    }
    .back_camera .title .title_description {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        text-align: center;
        margin: auto;
    }
    .back_camera .main-box {
        height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .back_camera .main-box .positon-box {
        width: 1332px;
        height: 845px;
        position: relative;
    }
    .back_camera .main-box .positon-box .back_camera_detail {
        position: relative;
        color: #fff;
        top: 60px;
        left: -42px;
        width: 887px;
        height: 576px;
        z-index: 10;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail1 {
        width: 773px;
        height: 95px;
        position: absolute;
        top: -50px;
        left: -130px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_detail1-line {
        width: 611.5px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 84.5px;
        right: 0;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_title1 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 50px;
        line-height: 65px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail1 .back_camera_description1 {
        font-family: HYQiHei-55S_vivo-Design-02;
        font-size: 22px;
        line-height: 28px;
        color: #fff;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail2 {
        width: 685px;
        height: 123px;
        position: absolute;
        top: 255px;
        left: -140px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_detail2-line {
        width: 420.5px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 80px;
        right: 0;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_title2 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 50px;
        line-height: 65px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail2 .back_camera_description2 {
        font-family: HYQiHei-55S_vivo-Design-02;
        font-size: 22px;
        line-height: 28px;
        color: #fff;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 {
        width: 887px;
        height: 240px;
        position: absolute;
        top: 392px;
        left: -50px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_detail3-line1 {
        width: 1px;
        height: 226px;
        background-color: #fff;
        position: absolute;
        top: -2px;
        right: 0;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_detail3-line2 {
        width: 642px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 223px;
        right: 0;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_title3 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 50px;
        line-height: 65px;
        position: absolute;
        bottom: 32.5px;
        left: -90px;
    }
    .back_camera .main-box .positon-box .back_camera_detail .back_camera_detail3 .back_camera_description3 {
        font-family: HYQiHei-55S_vivo-Design-02;
        position: absolute;
        font-size: 22px;
        line-height: 28px;
        bottom: 0;
        left: -90px;
        color: #fff;
    }
    .back_camera .main-box .positon-box .back_camera_phone {
        width: 1345px;
        height: 2885px;
        position: absolute;
        top: -300px;
        left: 200px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .back_camera .main-box .positon-box .back_camera_phone {
        background-image: url(../img/v21-back-camera-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .back_camera .main-box .positon-box .back_camera_phone {
        background-image: url(../img/v21-back-camera-xl-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_title {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_detail {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_title {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_detail {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_title,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_detail {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_title {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_detail,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_detail {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_title,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
.amoled {
    width: 100%;
    padding-bottom: 230px;
    background-color: #fff;
}
.amoled .amoled_main {
    width: 1000px;
    margin: auto;
}
.amoled .amoled_main .top {
    position: relative;
    z-index: 100;
}
.amoled .amoled_main .top .main-content .num {
    opacity: 0.6;
    width: 7px;
    height: 28px;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
}
.amoled .amoled_main .figure-box {
    width: 1000px;
    height: 470px;
    margin-top: 70px;
    position: relative;
}
.amoled .amoled_main .amoled-screen {
    width: 1320px;
    height: 742px;
    position: absolute;
    top: -20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../img/amoled-phone-lg.jpg);
    background-size: 1320px 742px;
    background-repeat: no-repeat;
    background-position: top center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .amoled .amoled_main .amoled-screen {
        background-image: url(../img/amoled-phone-lg-x2.jpg);
    }
}
.amoled .amoled_main .amoled_parameter_main {
    width: 824px;
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 100;
}
.amoled .amoled_main .amoled_parameter_main span {
    display: none;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter1,
.amoled .amoled_main .amoled_parameter_main .amoled_parameter2,
.amoled .amoled_main .amoled_parameter_main .amoled_parameter3 {
    margin-bottom: 30px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter1 {
    width: 115px;
    margin-right: 206px;
    margin-right: 160px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_title {
    font-size: 40px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter2 {
    width: 114px;
    margin-right: 176px;
    margin-right: 160px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title {
    font-size: 40px;
    position: relative;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title::after {
    content: "ppi";
    font-size: 22px;
    position: absolute;
    bottom: -4px;
    right: 0;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter3 {
    width: 213px;
    height: 77px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_title {
    font-weight: 400;
    font-size: 40px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_detail {
    font-weight: 400;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter4 {
    width: 161px;
    margin-right: 160px;
    margin-right: 110px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_title {
    font-weight: 400;
    font-size: 40px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter5 {
    width: 120px;
    margin-right: 170px;
    margin-right: 110px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title {
    font-size: 40px;
    position: relative;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title::after {
    content: "nits";
    font-size: 22px;
    position: absolute;
    bottom: -4px;
    right: 0;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter6 {
    width: 120px;
    margin-right: 110px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title {
    font-size: 40px;
    position: relative;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title::after {
    content: "nits";
    font-size: 22px;
    position: absolute;
    bottom: -4px;
    right: 0;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter7 {
    width: 220px;
}
.amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_title {
    font-size: 40px;
    position: relative;
}
@media only screen and (min-width: 1921px) {
    .amoled {
        width: 100%;
        padding-bottom: 260px;
        background-color: #fff;
    }
    .amoled .amoled_main {
        padding-top: 300px;
        width: 1333px;
        margin: auto;
    }
    .amoled .amoled_main .top {
        position: relative;
        z-index: 100;
    }
    .amoled .amoled_main .figure-box {
        width: 1333px;
        height: 650px;
        margin-top: 110px;
        position: relative;
    }
    .amoled .amoled_main .amoled-screen {
        width: 1761px;
        height: 991px;
        position: absolute;
        top: -20%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-size: 1761px 991px;
        background-repeat: no-repeat;
        background-position: top center;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .amoled .amoled_main .amoled-screen {
        background-image: url(../img/amoled-phone-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .amoled .amoled_main .amoled-screen {
        background-image: url(../img/amoled-phone-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .amoled .amoled_main .amoled_parameter_main {
        width: 1081px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        z-index: 100;
    }
    .amoled .amoled_main .amoled_parameter_main span {
        display: none;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 {
        margin-bottom: 40px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 {
        width: 140px;
        margin-right: 288px;
        margin-right: 200px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_title {
        font-size: 50px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 {
        width: 114px;
        margin-right: 243px;
        margin-right: 200px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title {
        font-size: 50px;
        position: relative;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title::after {
        content: "ppi";
        font-size: 28px;
        position: absolute;
        bottom: -5px;
        right: -30px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_detail {
        font-size: 22px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 {
        width: 266px;
        height: 95px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_title {
        font-weight: 400;
        font-size: 50px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_detail {
        font-weight: 400;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 {
        width: 196px;
        margin-right: 237px;
        margin-right: 120px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_title {
        font-weight: 400;
        font-size: 50px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 {
        width: 151px;
        margin-right: 205px;
        margin-right: 120px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title {
        font-size: 50px;
        position: relative;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title::after {
        content: "nits";
        font-size: 28px;
        position: absolute;
        bottom: -4px;
        right: 0;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 {
        width: 151px;
        margin-right: 120px;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title {
        font-size: 50px;
        position: relative;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title::after {
        content: "nits";
        font-size: 28px;
        position: absolute;
        bottom: -4px;
        right: 0;
    }
}
@media screen and (max-width: 1000px) {
    .amoled {
        width: 100%;
        padding-bottom: 0;
        background-color: #fff;
    }
    .amoled .amoled_main {
        width: 100%;
        margin: auto;
    }
    .amoled .amoled_main .top {
        position: relative;
        z-index: 100;
        width: 100%;
        box-sizing: border-box;
        padding: 0 36px;
    }
    .amoled .amoled_main .top .main-title-w {
        width: 303px;
        font-size: 36px;
    }
    .amoled .amoled_main .top .main-content {
        width: 101%;
    }
    .amoled .amoled_main .top .num {
        opacity: 1 !important;
        font-weight: 400;
        color: #00000080;
    }
    .amoled .amoled_main .figure-box {
        width: 100%;
        height: 66.66667vw;
        margin-top: 0;
        position: relative;
    }
    .amoled .amoled_main .bottom {
        padding-top: 14.66667vw;
    }
    .amoled .amoled_main .amoled-screen {
        width: 100%;
        height: 108vw;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
}
@media screen and (max-width: 1000px) and (max-width: 1000px) {
    .amoled .amoled_main .amoled-screen {
        background-image: url(../img/amoled-phone-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .amoled .amoled_main .amoled-screen {
        background-image: url(../img/amoled-phone-md-x2.jpg);
    }
}
@media screen and (max-width: 1000px) {
    .amoled .amoled_main .amoled_parameter_main {
        position: relative;
        z-index: 10;
        width: 100%;
        box-sizing: border-box;
        padding: 0 36px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        z-index: 100;
    }
    .amoled .amoled_main .amoled_parameter_main span {
        font-size: 18px;
        margin-left: 0.8vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3,
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 {
        margin-bottom: 8vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 {
        width: 37.33333vw;
        margin-right: 0;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_title {
        font-size: 6.93333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter1 .amoled_parameter1_detail {
        font-size: 3.73333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 {
        width: 30.66667vw;
        margin-right: 0;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title {
        font-size: 6.93333vw;
        position: relative;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_title::after {
        content: "ppi";
        font-size: 4.8vw;
        position: static;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter2 .amoled_parameter1_detail {
        font-size: 3.73333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 {
        width: 37.33333vw;
        margin-right: 0;
        height: auto;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_title {
        font-weight: 400;
        font-size: 6.93333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter3 .amoled_parameter1_detail {
        font-weight: 400;
        font-size: 3.73333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 {
        width: 30.66667vw;
        margin-right: 0;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_title {
        font-weight: 400;
        font-size: 6.93333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter4 .amoled_parameter1_detail {
        font-size: 3.73333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 {
        width: 37.33333vw;
        margin-right: 0;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title {
        font-size: 6.93333vw;
        position: relative;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_title::after {
        content: "nits";
        font-size: 4.8vw;
        position: static;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter5 .amoled_parameter1_detail {
        font-size: 3.73333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 {
        width: 30.66667vw;
        margin-right: 0;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title {
        font-size: 6.93333vw;
        position: relative;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_title::after {
        content: "nits";
        font-size: 18px;
        position: static;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter6 .amoled_parameter1_detail {
        font-size: 3.73333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 {
        width: 53.33333vw;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_title {
        font-size: 6.93333vw;
        position: relative;
    }
    .amoled .amoled_main .amoled_parameter_main .amoled_parameter7 .amoled_parameter1_detail {
        font-size: 3.73333vw;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media screen and (min-width: 1000px) {
    .anti-fingerprint {
        height: calc(100vh + 310px);
        background: #000;
        position: relative;
        overflow: hidden;
    }
    .anti-fingerprint .only-in-wap {
        display: none !important;
    }
    .anti-fingerprint .anti-fingerprint_main {
        width: 1043px;
        margin: auto;
    }
    .anti-fingerprint .anti-fingerprint_main .anti-fingerprint_textbox {
        width: 1000px;
        text-align: center;
        margin: auto;
        position: relative;
        top: 50px;
    }
    .anti-fingerprint .anti-fingerprint_main .anti-fingerprint_textbox .anti-fingerprint_subtitle_white {
        color: #fff;
        font-family: HYQiHei-75S_vivo-Design-02;
        font-size: 48px;
        letter-spacing: 0px;
    }
    .anti-fingerprint .anti-fingerprint_main .anti-fingerprint_textbox .anti-fingerprint_title_white {
        color: #9e9e9e;
        font-family: HYQiHei-75S_vivo-Design-02;
        font-size: 48px;
        letter-spacing: 0px;
    }
    .anti-fingerprint .anti-fingerprint_main .anti-fingerprint_textbox .anti-fingerprint_description {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 18px;
        letter-spacing: 0px;
        margin-top: 30px;
        color: #9e9e9e;
        font-size: 18px;
    }
    .anti-fingerprint .main-box {
        height: 100vh;
        margin-top: 140px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .anti-fingerprint .main-box .position-box {
        width: 1000px;
        height: 650px;
        position: relative;
    }
    .anti-fingerprint .main-box .figure-box {
        width: 1043px;
        height: 1055px;
        position: absolute;
        left: 417px;
        top: -140px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail {
        margin-top: 100px;
        margin-left: 100px;
        color: #fff;
        width: 741px;
        height: 438px;
        position: relative;
        z-index: 100;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail1 {
        width: 580px;
        height: 77px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail1 .anti-fingerprint_detail1-line {
        width: 454px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 65px;
        right: -12px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail1 .anti-fingerprint_title1 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 40px;
        line-height: 52px;
        margin-top: 34px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail1 .anti-fingerprint_description1 {
        color: rgba(255, 255, 255, 0.6);
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 18px;
        line-height: 23px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail2 {
        width: 514px;
        height: 100px;
        position: absolute;
        top: 235px;
        left: 0;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail2 .anti-fingerprint_detail2-line {
        width: 280px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 65px;
        right: 0;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail2 .anti-fingerprint_title2 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 40px;
        line-height: 52px;
        margin-top: 36px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail2 .anti-fingerprint_description2 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 18px;
        line-height: 23px;
        color: rgba(255, 255, 255, 0.6);
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail3 {
        width: 665px;
        height: 169.5px;
        position: absolute;
        top: 140px;
        right: 0;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail3 .anti-fingerprint_detail3-line2 {
        width: 594px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 158.5px;
        right: 0;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail3 .anti-fingerprint_title3 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 40px;
        line-height: 52px;
        position: absolute;
        bottom: -12px;
        left: -127px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail3 .anti-fingerprint_description3 {
        font-family: HYQiHei-65S_vivo-Design-02;
        position: absolute;
        font-size: 18px;
        line-height: 23px;
        bottom: -37px;
        left: -126.5px;
        color: rgba(255, 255, 255, 0.6);
    }
    .anti-fingerprint .anti-fingerprint_phone_img1 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1043px;
        height: 1055px;
        z-index: 2;
        background-image: url(../img/v21e-anti-fingerprint-lg.jpg);
        opacity: 1;
        background-size: 1043px 1055px;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .anti-fingerprint .anti-fingerprint_phone_img1 {
        background-image: url(../img/v21e-anti-fingerprint-lg-x2.jpg);
    }
}
@media screen and (min-width: 1000px) {
    .anti-fingerprint .anti-fingerprint_phone_img2 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1043px;
        height: 1055px;
        z-index: 2;
        opacity: 0;
        background-image: url(../img/v21e-anti-fingerprint-64mp-lg.jpg);
        background-size: 1043px 1055px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .anti-fingerprint .anti-fingerprint_phone_img2 {
        background-image: url(../img/v21e-anti-fingerprint-64mp-lg-x2.jpg);
    }
}
@media screen and (min-width: 1000px) {
    .anti-fingerprint .anti-fingerprint_phone_img3 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1043px;
        height: 1055px;
        z-index: 2;
        opacity: 0;
        background-image: url(../img/v21e-anti-fingerprint-8mp-lg.jpg);
        background-size: 1043px 1055px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .anti-fingerprint .anti-fingerprint_phone_img3 {
        background-image: url(../img/v21e-anti-fingerprint-8mp-lg-x2.jpg);
    }
}
@media screen and (min-width: 1000px) {
    .anti-fingerprint .anti-fingerprint_phone_img4 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1043px;
        height: 1055px;
        z-index: 2;
        opacity: 0;
        background-image: url(../img/v21e-anti-fingerprint-2mp-lg.jpg);
        background-size: 1043px 1055px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .anti-fingerprint .anti-fingerprint_phone_img4 {
        background-image: url(../img/v21e-anti-fingerprint-2mp-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .anti-fingerprint {
        height: calc(100vh + 241px);
        background: #000;
        position: relative;
        overflow: hidden;
    }
    .anti-fingerprint .anti-fingerprint_main {
        width: 1333px;
        margin: auto;
    }
    .anti-fingerprint .anti-fingerprint_main .anti-fingerprint_textbox {
        width: 100%;
        text-align: center;
        margin: auto;
        margin-bottom: 150px;
    }
    .anti-fingerprint .anti-fingerprint_main .anti-fingerprint_textbox .anti-fingerprint_subtitle_white {
        color: #fff;
        font-size: 58px;
    }
    .anti-fingerprint .anti-fingerprint_main .anti-fingerprint_textbox .anti-fingerprint_title_white {
        color: #9e9e9e;
        font-size: 58px;
    }
    .anti-fingerprint .anti-fingerprint_main .anti-fingerprint_textbox .anti-fingerprint_description {
        margin-top: 35px;
        color: #9e9e9e;
        font-size: 22px;
    }
    .anti-fingerprint .main-box {
        height: 100vh;
        margin-top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .anti-fingerprint .main-box .position-box {
        width: 1065px;
        height: 900px;
        position: relative;
    }
    .anti-fingerprint .main-box .figure-box {
        width: 1391px;
        height: 1407px;
        position: absolute;
        left: 421px;
        top: -130px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail {
        margin-top: 190px;
        margin-left: 0;
        color: #fff;
        width: 741px;
        height: 438px;
        position: relative;
        z-index: 100;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail1 {
        width: 580px;
        height: 77px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail1 .anti-fingerprint_detail1-line {
        width: 454px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 80px;
        right: -200px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail1 .anti-fingerprint_title1 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 50px;
        line-height: 1.3;
        margin-top: 40px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail1 .anti-fingerprint_description1 {
        font-size: 22px;
        line-height: 1.3;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail2 {
        width: 514px;
        height: 100px;
        position: absolute;
        top: 318px;
        left: 0;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail2 .anti-fingerprint_detail2-line {
        width: 280px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 80px;
        right: -175px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail2 .anti-fingerprint_title2 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 50px;
        line-height: 1.3;
        margin-top: 50px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail2 .anti-fingerprint_description2 {
        font-size: 22px;
        line-height: 1.3;
        opacity: 0.6;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail3 {
        width: 665px;
        height: 169.5px;
        position: absolute;
        top: 250px;
        right: 0;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail3 .anti-fingerprint_detail3-line2 {
        width: 594px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 158.5px;
        right: -235px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail3 .anti-fingerprint_title3 {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 50px;
        line-height: 1.3;
        position: absolute;
        bottom: -25px;
        left: -127px;
    }
    .anti-fingerprint .main-box .anti-fingerprint_detail .anti-fingerprint_detail3 .anti-fingerprint_description3 {
        position: absolute;
        font-size: 22px;
        line-height: 1.3;
        bottom: -45px;
        left: -126.5px;
        opacity: 0.6;
    }
    .anti-fingerprint .anti-fingerprint_phone_img1 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1391px;
        height: 1407px;
        z-index: 2;
        opacity: 1;
        background-size: 1391px 1407px;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .anti-fingerprint .anti-fingerprint_phone_img1 {
        background-image: url(../img/v21e-anti-fingerprint-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .anti-fingerprint .anti-fingerprint_phone_img1 {
        background-image: url(../img/v21e-anti-fingerprint-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .anti-fingerprint .anti-fingerprint_phone_img2 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1391px;
        height: 1407px;
        z-index: 2;
        opacity: 0;
        background-size: 1391px 1407px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .anti-fingerprint .anti-fingerprint_phone_img2 {
        background-image: url(../img/v21e-anti-fingerprint-64mp-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .anti-fingerprint .anti-fingerprint_phone_img2 {
        background-image: url(../img/v21e-anti-fingerprint-64mp-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .anti-fingerprint .anti-fingerprint_phone_img3 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1391px;
        height: 1407px;
        z-index: 2;
        opacity: 0;
        background-size: 1391px 1407px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .anti-fingerprint .anti-fingerprint_phone_img3 {
        background-image: url(../img/v21e-anti-fingerprint-8mp-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .anti-fingerprint .anti-fingerprint_phone_img3 {
        background-image: url(../img/v21e-anti-fingerprint-8mp-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .anti-fingerprint .anti-fingerprint_phone_img4 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1391px;
        height: 1407px;
        z-index: 2;
        opacity: 0;
        background-size: 1391px 1407px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .anti-fingerprint .anti-fingerprint_phone_img4 {
        background-image: url(../img/v21e-anti-fingerprint-2mp-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .anti-fingerprint .anti-fingerprint_phone_img4 {
        background-image: url(../img/v21e-anti-fingerprint-2mp-xl-x2.jpg);
    }
}
@media screen and (max-width: 1000px) {
    .anti-fingerprint {
        position: relative;
        z-index: 200;
    }
    .anti-fingerprint .not-in-wap {
        display: none;
    }
    .anti-fingerprint .only-in-wap {
        display: block !important;
    }
    .anti-fingerprint .cjy-wap-phone {
        width: 100%;
        height: 100vh;
        background-color: #000;
    }
    .anti-fingerprint .cjy-text-box {
        width: 100%;
        box-sizing: border-box;
        padding: 0 36px;
        padding-top: 5.33333vw;
    }
    .anti-fingerprint .cjy-position-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .anti-fingerprint .cjy-position-box .cjy-top {
        width: 100%;
        height: calc(60px + 1.24rem);
    }
    .anti-fingerprint .cjy-position-box .cjy-bot {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative;
        overflow: hidden;
    }
    .anti-fingerprint .cjy-position-box .cjy-bot .cjy-phone-position {
        margin-top: 10.66667vw;
        width: 100%;
        height: 109.33333vw;
        position: relative;
    }
    .anti-fingerprint .cjy-phone-figure-box {
        width: 100vw;
        height: 177.86667vw;
        position: absolute;
        top: 36.53333vw;
        left: 36px;
    }
    .anti-fingerprint .cjy-phone-figure-box .f1,
    .anti-fingerprint .cjy-phone-figure-box .f2,
    .anti-fingerprint .cjy-phone-figure-box .f3,
    .anti-fingerprint .cjy-phone-figure-box .f4 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media screen and (max-width: 1000px) and (max-width: 1000px) {
    .anti-fingerprint .cjy-phone-figure-box .f1 {
        background-image: url(../img/v21e-anti-fingerprint-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .anti-fingerprint .cjy-phone-figure-box .f1 {
        background-image: url(../img/v21e-anti-fingerprint-md-x2.jpg);
    }
}
@media screen and (max-width: 1000px) and (max-width: 1000px) {
    .anti-fingerprint .cjy-phone-figure-box .f2 {
        background-image: url(../img/v21e-anti-fingerprint-64mp-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .anti-fingerprint .cjy-phone-figure-box .f2 {
        background-image: url(../img/v21e-anti-fingerprint-64mp-md-x2.jpg);
    }
}
@media screen and (max-width: 1000px) and (max-width: 1000px) {
    .anti-fingerprint .cjy-phone-figure-box .f3 {
        background-image: url(../img/v21e-anti-fingerprint-8mp-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .anti-fingerprint .cjy-phone-figure-box .f3 {
        background-image: url(../img/v21e-anti-fingerprint-8mp-md-x2.jpg);
    }
}
@media screen and (max-width: 1000px) and (max-width: 1000px) {
    .anti-fingerprint .cjy-phone-figure-box .f4 {
        background-image: url(../img/v21e-anti-fingerprint-2mp-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .anti-fingerprint .cjy-phone-figure-box .f4 {
        background-image: url(../img/v21e-anti-fingerprint-2mp-md-x2.jpg);
    }
}
@media screen and (max-width: 1000px) {
    .anti-fingerprint .cjy-text-1,
    .anti-fingerprint .cjy-text-2,
    .anti-fingerprint .cjy-text-3 {
        position: absolute;
        z-index: 250;
        left: 15.73333vw;
        top: 0;
        color: #fff;
    }
    .anti-fingerprint .cjy-text-1 .t,
    .anti-fingerprint .cjy-text-2 .t,
    .anti-fingerprint .cjy-text-3 .t {
        margin-top: 1.06667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 26px;
        line-height: 1.3;
    }
    .anti-fingerprint .cjy-text-1 .b,
    .anti-fingerprint .cjy-text-2 .b,
    .anti-fingerprint .cjy-text-3 .b {
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 14px;
        line-height: 1.3;
        white-space: nowrap;
        color: rgba(255, 255, 255, 0.6);
    }
    .anti-fingerprint .cjy-text-1 {
        width: 33.06667vw;
        height: 58.93333vw;
    }
    .anti-fingerprint .cjy-text-1 .mp64-line-1 {
        position: absolute;
        width: 6.13333vw;
        top: 12vw;
        height: 1px;
        background-color: #fff;
        right: 0;
    }
    .anti-fingerprint .cjy-text-1 .mp64-line-2 {
        position: absolute;
        width: 1px;
        bottom: 0;
        height: 46.93333vw;
        background-color: #fff;
        left: 33.06667vw;
    }
    .anti-fingerprint .cjy-text-2 {
        top: -2.66667vw;
        width: 43.73333vw;
        height: 96.53333vw;
    }
    .anti-fingerprint .cjy-text-2 .mp8-line-1 {
        position: absolute;
        width: 12.53333vw;
        top: 96.53333vw;
        height: 1px;
        background-color: #fff;
        right: 29.86667vw;
    }
    .anti-fingerprint .cjy-text-2 .mp8-line-2 {
        position: absolute;
        width: 1px;
        bottom: 0;
        height: 79.46667vw;
        background-color: #fff;
        left: 1.33333vw;
    }
    .anti-fingerprint .cjy-text-3 {
        width: 42.93333vw;
        height: 86.13333vw;
    }
    .anti-fingerprint .cjy-text-3 .mp2-line-1 {
        position: absolute;
        width: 14.13333vw;
        top: 12vw;
        height: 1px;
        background-color: #fff;
        right: 0;
    }
    .anti-fingerprint .cjy-text-3 .mp2-line-2 {
        position: absolute;
        width: 1px;
        bottom: 0;
        height: 74.13333vw;
        background-color: #fff;
        right: 0;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text1,
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text3 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text3 {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text1,
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text3 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text3 {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text1,
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text2 {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e_anti {
        padding-top: 25vw;
        padding-bottom: 20vw;
        width: 100%;
        height: 238.4vw;
        background: #fff;
    }
    body .v21e_anti .v21e_anti_main {
        width: 80.8vw;
        height: 100%;
        height: 100%;
        margin: 0 auto;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text {
        margin-bottom: 5.33333vw;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text3 {
        margin-top: 4.26667vw;
        width: 303px;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_img {
        width: 100%;
        height: 170.13333vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e_anti .v21e_anti_main .v21e_anti_img {
        background-image: url(../img/v21e-anti-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_anti .v21e_anti_main .v21e_anti_img {
        background-image: url(../img/v21e-anti-md-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    body .v21e_anti {
        padding-bottom: 150px;
        width: 100%;
        height: 995px;
        background: #fff;
    }
    body .v21e_anti .v21e_anti_main {
        width: 1000px;
        height: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text {
        width: 410px;
        margin-top: 295px;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text3 {
        margin-top: 30px;
        width: 400px;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_img {
        width: 473px;
        height: 100%;
        background-image: url(../img/v21e-anti-lg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_anti .v21e_anti_main .v21e_anti_img {
        background-image: url(../img/v21e-anti-lg-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_anti {
        padding-bottom: 199px;
        width: 100%;
        height: 1327px;
        background: #fff;
    }
    body .v21e_anti .v21e_anti_main {
        width: 1334px;
        height: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text {
        width: 495px;
        margin-top: 393px;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text3 {
        margin-top: 35px;
        font-size: 22px;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text1,
    body .v21e_anti .v21e_anti_main .v21e_anti_text .text2 {
        font-size: 58px;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_text .step3 {
        width: 490px;
    }
    body .v21e_anti .v21e_anti_main .v21e_anti_img {
        width: 631px;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_anti .v21e_anti_main .v21e_anti_img {
        background-image: url(../img/v21e-anti-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_anti .v21e_anti_main .v21e_anti_img {
        background-image: url(../img/v21e-anti-xl-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title1,
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_art_protrait .v21se_art_protrait_main .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_art_protrait .v21se_art_protrait_main .content_white {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title1,
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title2,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_art_protrait .v21se_art_protrait_main .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_art_protrait .v21se_art_protrait_main .content_white {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title1,
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox .v21se_art_protrait_title2,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_art_protrait {
        width: 100vw;
        height: 800px;
        position: relative;
        background-color: #fff;
        margin-bottom: 180px;
    }
    .v21se_art_protrait .v21se_art_protrait_main {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_textbox {
        width: 810px;
        height: 124px;
        text-align: center;
        margin: 0 auto 40px;
    }
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_video_box {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_art_protrait .v21se_art_protrait_main .v21se_art_protrait_video_box .v21se_art_protrait_video {
        width: 1000px;
        height: 560px;
    }
    .v21se_art_protrait .v21se_art_protrait_main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title1,
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_automatic .v21se_automatic_main .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_automatic .v21se_automatic_main .content_white {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title1,
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title2,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_automatic .v21se_automatic_main .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_automatic .v21se_automatic_main .content_white {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title1,
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox .v21se_automatic_title2,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_automatic {
        width: 100vw;
        height: 800px;
        position: relative;
        background-color: #fff;
        margin-bottom: 180px;
    }
    .v21se_automatic .v21se_automatic_main {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_automatic .v21se_automatic_main .v21se_automatic_textbox {
        width: 544px;
        height: 124px;
        text-align: center;
        margin: 0 auto 40px;
    }
    .v21se_automatic .v21se_automatic_main .v21se_automatic_imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_automatic .v21se_automatic_main .v21se_automatic_imgbox .v21se_automatic_photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21se-automatic-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_automatic .v21se_automatic_main .v21se_automatic_imgbox .v21se_automatic_photo_img {
        background-image: url(../img/v21se-automatic-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_automatic .v21se_automatic_main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e-bold-flavors {
        background: #fff;
    }
    .v21e-bold-flavors .main-box {
        width: 100vw;
        margin: 0 auto;
        position: relative;
        background: #fff;
    }
    .v21e-bold-flavors .title-box {
        width: 80.8vw;
        margin: 0 auto;
        position: relative;
        top: -10.66667vw;
    }
    .v21e-bold-flavors .title-box .step1,
    .v21e-bold-flavors .title-box .step2 {
        width: 82.66667vw;
        font-size: 9.6vw;
    }
    .v21e-bold-flavors .title-box .step3 {
        width: 100%;
        font-size: 4.26667vw;
        margin: 4.26667vw 0 0;
    }
    .v21e-bold-flavors .color-btns {
        margin: 0 auto;
        margin-top: 85.86667vw;
        width: 50.13333vw;
        height: 14.93333vw;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        z-index: 99;
    }
    .v21e-bold-flavors .color-btns .text1 {
        width: 74.66667vw;
        font-size: 3.73333vw;
        opacity: 0;
        text-align: left;
        position: absolute;
        top: 20vw;
        left: -15.5vw;
    }
    .v21e-bold-flavors .color-btns .item1 {
        width: 30.13333vw;
        height: 16.8vw;
        margin-bottom: 6.93333vw;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle::before {
        background-image: -webkit-linear-gradient(45deg, #8ca8fc 0, #f1cdff 47%, #fff5d9 100%);
        background-image: linear-gradient(45deg, #8ca8fc 0, #f1cdff 47%, #fff5d9 100%);
    }
    .v21e-bold-flavors .color-btns .item1 .text {
        width: 31.73333vw;
        color: #9c94ff;
        text-align: left;
    }
    .v21e-bold-flavors .color-btns .item2 {
        width: 28vw;
        height: 14.93333vw;
        margin: 0 auto;
        margin-left: -8vw;
    }
    .v21e-bold-flavors .color-btns .item2 .top .circle::before {
        background-image: -webkit-linear-gradient(38deg, #050505 0, #cbcfdd 100%);
        background-image: linear-gradient(52deg, #050505 0, #cbcfdd 100%);
    }
    .v21e-bold-flavors .color-btns .item2 .text {
        width: 28vw;
        color: #3e404d;
    }
    .v21e-bold-flavors .color-btns .item1,
    .v21e-bold-flavors .color-btns .item2 {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        cursor: none !important;
    }
    .v21e-bold-flavors .color-btns .item1 .top,
    .v21e-bold-flavors .color-btns .item2 .top {
        text-align: center;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle,
    .v21e-bold-flavors .color-btns .item2 .top .circle {
        width: 32px;
        height: 32px;
        margin: 0 auto;
        border: 2px solid transparent;
        box-sizing: border-box;
        border-radius: 50%;
        position: relative;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle::before,
    .v21e-bold-flavors .color-btns .item2 .top .circle::before {
        content: "";
        width: 22px;
        height: 22px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .v21e-bold-flavors .color-btns .item1 .text,
    .v21e-bold-flavors .color-btns .item2 .text {
        margin-top: 1.33333vw;
        opacity: 0;
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
    }
    .v21e-bold-flavors .color-btns .act-color-point .top .btns-1 {
        border-color: #b3adff;
        -webkit-transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .top .btns-2 {
        border-color: #5e606d;
        -webkit-transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .text {
        opacity: 1;
        -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .text1 {
        opacity: 1 !important;
        -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-position-box {
        width: 100vw;
        height: 188.8vw;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .v21e-bold-flavors .color1-figure,
    .v21e-bold-flavors .color2-figure {
        position: absolute;
        opacity: 0;
        width: 100vw;
        height: 124.53333vw;
        top: 10.66667vw;
        left: 0;
    }
    .v21e-bold-flavors .color1-ng,
    .v21e-bold-flavors .color2-ng {
        position: absolute;
        width: 59.46667vw;
        height: 58.93333vw;
        top: 0;
        right: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: translate(160%, -100%);
        -ms-transform: translate(160%, -100%);
        transform: translate(160%, -100%);
        z-index: 10;
    }
    .v21e-bold-flavors .color1-bg,
    .v21e-bold-flavors .color2-bg {
        position: absolute;
        width: 60.8vw;
        height: 65.06667vw;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: translate(-160%, 100%);
        -ms-transform: translate(-160%, 100%);
        transform: translate(-160%, 100%);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e-bold-flavors .color1-ng {
        background-image: url(../img/v21e-color1-bg-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color1-ng {
        background-image: url(../img/v21e-color1-bg-md-x2.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e-bold-flavors .color1-bg {
        background-image: url(../img/v21e-color1-ng-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color1-bg {
        background-image: url(../img/v21e-color1-ng-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e-bold-flavors .color2-ng {
        background-image: url(../img/v21e-color2-bg-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color2-ng {
        background-image: url(../img/v21e-color2-bg-md-x2.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e-bold-flavors .color2-bg {
        background-image: url(../img/v21e-color2-ng-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color2-bg {
        background-image: url(../img/v21e-color2-ng-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21e-bold-flavors .active-color {
        opacity: 1;
    }
    .v21e-bold-flavors .active-color .color1-ng,
    .v21e-bold-flavors .active-color .color2-ng {
        -webkit-transform: translate(0, 40%);
        -ms-transform: translate(0, 40%);
        transform: translate(0, 40%);
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .active-color .color1-bg,
    .v21e-bold-flavors .active-color .color2-bg {
        -webkit-transform: translate(0, -5%);
        -ms-transform: translate(0, -5%);
        transform: translate(0, -5%);
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .inactive-color {
        opacity: 1;
    }
    .v21e-bold-flavors .inactive-color .color1-ng,
    .v21e-bold-flavors .inactive-color .color2-ng {
        -webkit-transform: translate(160%, -60%);
        -ms-transform: translate(160%, -60%);
        transform: translate(160%, -60%);
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .inactive-color .color1-bg,
    .v21e-bold-flavors .inactive-color .color2-bg {
        -webkit-transform: translate(-160%, 95%);
        -ms-transform: translate(-160%, 95%);
        transform: translate(-160%, 95%);
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e-bold-flavors .section {
        padding-top: 0;
        padding-bottom: 220px;
        background: #fff;
    }
    .v21e-bold-flavors .main-box {
        width: 1000px;
        margin: 0 auto;
        position: relative;
        z-index: 200;
    }
    .v21e-bold-flavors .title-box {
        margin-bottom: 35px;
    }
    .v21e-bold-flavors .title-box .step1,
    .v21e-bold-flavors .title-box .step2 {
        font-size: 58px;
    }
    .v21e-bold-flavors .title-box .step3 {
        width: 432px;
        font-size: 18px;
        margin: 30px 0 0;
    }
    .v21e-bold-flavors .color-btns {
        margin-top: 438px;
        padding-left: 640px;
        width: 209px;
        height: 72px;
        position: relative;
    }
    .v21e-bold-flavors .color-btns .text1 {
        width: 539px;
        font-size: 16px;
        opacity: 0;
        text-align: center;
    }
    .v21e-bold-flavors .color-btns .item1 {
        width: 129px;
        height: 72px;
        position: relative;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle::before {
        background-image: -webkit-linear-gradient(45deg, #8ca8fc 0, #f1cdff 47%, #fff5d9 100%);
        background-image: linear-gradient(45deg, #8ca8fc 0, #f1cdff 47%, #fff5d9 100%);
    }
    .v21e-bold-flavors .color-btns .item1 .text {
        color: #9c94ff;
    }
    .v21e-bold-flavors .color-btns .item1 .text1 {
        position: absolute;
        top: 100px;
        right: -203px;
    }
    .v21e-bold-flavors .color-btns .item2 {
        width: 90px;
        height: 72px;
        position: relative;
        margin-left: -10px;
    }
    .v21e-bold-flavors .color-btns .item2 .top .circle::before {
        background-image: -webkit-linear-gradient(38deg, #050505 0, #cbcfdd 100%);
        background-image: linear-gradient(52deg, #050505 0, #cbcfdd 100%);
    }
    .v21e-bold-flavors .color-btns .item2 .text {
        color: #3e404d;
        margin-left: -20px;
        text-align: center;
    }
    .v21e-bold-flavors .color-btns .item2 .text1 {
        position: absolute;
        top: 100px;
        right: -222px;
    }
    .v21e-bold-flavors .color-btns .item1,
    .v21e-bold-flavors .color-btns .item2 {
        float: left;
        cursor: pointer;
    }
    .v21e-bold-flavors .color-btns .item1 .top,
    .v21e-bold-flavors .color-btns .item2 .top {
        text-align: center;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle,
    .v21e-bold-flavors .color-btns .item2 .top .circle {
        width: 44px;
        height: 44px;
        margin: 0 auto;
        border: 2px solid transparent;
        box-sizing: border-box;
        border-radius: 50%;
        position: relative;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle::before,
    .v21e-bold-flavors .color-btns .item2 .top .circle::before {
        content: "";
        width: 32px;
        height: 32px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .v21e-bold-flavors .color-btns .item1 .text,
    .v21e-bold-flavors .color-btns .item2 .text {
        margin-top: 5px;
        opacity: 0;
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 18px;
        line-height: 1.3;
        width: 130px;
    }
    .v21e-bold-flavors .color-btns .act-color-point .top .btns-1 {
        border-color: #b3adff;
        -webkit-transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .top .btns-2 {
        border-color: #5e606d;
        -webkit-transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .text {
        opacity: 1;
        -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .text1 {
        opacity: 1 !important;
        -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-position-box {
        width: 1270px;
        height: 902px;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .v21e-bold-flavors .color1-figure,
    .v21e-bold-flavors .color2-figure {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .v21e-bold-flavors .color1-ng,
    .v21e-bold-flavors .color2-ng {
        position: absolute;
        width: 710px;
        height: 549px;
        top: 0;
        right: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: translate(160%, -100%);
        -ms-transform: translate(160%, -100%);
        transform: translate(160%, -100%);
        z-index: 10;
    }
    .v21e-bold-flavors .color1-bg,
    .v21e-bold-flavors .color2-bg {
        position: absolute;
        width: 710px;
        height: 549px;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: translate(-160%, 100%);
        -ms-transform: translate(-160%, 100%);
        transform: translate(-160%, 100%);
    }
    .v21e-bold-flavors .color1-ng {
        background-image: url(../img/v21e-color1-bg-lg.png);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color1-ng {
        background-image: url(../img/v21e-color1-bg-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e-bold-flavors .color1-bg {
        background-image: url(../img/v21e-color1-ng-lg.jpg);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color1-bg {
        background-image: url(../img/v21e-color1-ng-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e-bold-flavors .color2-ng {
        background-image: url(../img/v21e-color2-bg-lg.png);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color2-ng {
        background-image: url(../img/v21e-color2-bg-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e-bold-flavors .color2-bg {
        background-image: url(../img/v21e-color2-ng-lg.jpg);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color2-bg {
        background-image: url(../img/v21e-color2-ng-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e-bold-flavors .active-color {
        opacity: 1;
    }
    .v21e-bold-flavors .active-color .color1-ng,
    .v21e-bold-flavors .active-color .color2-ng {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .active-color .color1-bg,
    .v21e-bold-flavors .active-color .color2-bg {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .inactive-color {
        opacity: 1;
    }
    .v21e-bold-flavors .inactive-color .color1-ng,
    .v21e-bold-flavors .inactive-color .color2-ng {
        -webkit-transform: translate(160%, -100%);
        -ms-transform: translate(160%, -100%);
        transform: translate(160%, -100%);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .inactive-color .color1-bg,
    .v21e-bold-flavors .inactive-color .color2-bg {
        -webkit-transform: translate(-160%, 100%);
        -ms-transform: translate(-160%, 100%);
        transform: translate(-160%, 100%);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e-bold-flavors .section {
        padding-top: 0;
        padding-bottom: 303px;
        background: #fff;
    }
    .v21e-bold-flavors .main-box {
        padding-top: 50px;
        width: 1333px;
        margin: 0 auto;
        position: relative;
        z-index: 200;
    }
    .v21e-bold-flavors .title-box {
        margin-bottom: 35px;
    }
    .v21e-bold-flavors .title-box .step3 {
        width: 580px;
        font-size: 22px;
        margin: 35px 0 0;
    }
    .v21e-bold-flavors .color-btns {
        margin-top: 500px;
        padding-left: 861px;
        width: 267px;
        height: 95px;
    }
    .v21e-bold-flavors .color-btns .text1 {
        width: 539px;
        font-size: 18px;
        opacity: 0;
        text-align: center;
    }
    .v21e-bold-flavors .color-btns .item1 {
        width: 156px;
        height: 95px;
        position: relative;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle::before {
        background-image: -webkit-linear-gradient(45deg, #8ca8fc 0, #f1cdff 47%, #fff5d9 100%);
        background-image: linear-gradient(45deg, #8ca8fc 0, #f1cdff 47%, #fff5d9 100%);
    }
    .v21e-bold-flavors .color-btns .item1 .text {
        color: #9c94ff;
    }
    .v21e-bold-flavors .color-btns .item1 .text1 {
        position: absolute;
        top: 115px;
        right: -187px;
    }
    .v21e-bold-flavors .color-btns .item2 {
        width: 110px;
        height: 95px;
        margin-left: -10px;
    }
    .v21e-bold-flavors .color-btns .item2 .top .circle::before {
        background-image: -webkit-linear-gradient(38deg, #050505 0, #cbcfdd 100%);
        background-image: linear-gradient(52deg, #050505 0, #cbcfdd 100%);
    }
    .v21e-bold-flavors .color-btns .item2 .text {
        color: #3e404d;
        margin-left: -30px;
        text-align: center;
    }
    .v21e-bold-flavors .color-btns .item2 .text1 {
        position: absolute;
        top: 115px;
        right: -195px;
    }
    .v21e-bold-flavors .color-btns .item1,
    .v21e-bold-flavors .color-btns .item2 {
        float: left;
        cursor: pointer;
    }
    .v21e-bold-flavors .color-btns .item1 .top,
    .v21e-bold-flavors .color-btns .item2 .top {
        text-align: center;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle,
    .v21e-bold-flavors .color-btns .item2 .top .circle {
        width: 59px;
        height: 59px;
        margin: 0 auto;
        border: 2px solid transparent;
        box-sizing: border-box;
        border-radius: 50%;
        position: relative;
    }
    .v21e-bold-flavors .color-btns .item1 .top .circle::before,
    .v21e-bold-flavors .color-btns .item2 .top .circle::before {
        content: "";
        width: 43px;
        height: 43px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .v21e-bold-flavors .color-btns .item1 .text,
    .v21e-bold-flavors .color-btns .item2 .text {
        margin-top: 10px;
        opacity: 0;
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 22px;
        line-height: 1.3;
        width: 170px;
    }
    .v21e-bold-flavors .color-btns .act-color-point .top .btns-1 {
        border-color: #b3adff;
        -webkit-transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .top .btns-2 {
        border-color: #5e606d;
        -webkit-transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .text {
        opacity: 1;
        -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-btns .act-color-point .text1 {
        opacity: 1 !important;
        -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .color-position-box {
        width: 1690px;
        height: 1162px;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .v21e-bold-flavors .color1-figure,
    .v21e-bold-flavors .color2-figure {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .v21e-bold-flavors .color1-ng,
    .v21e-bold-flavors .color2-ng {
        position: absolute;
        width: 945px;
        height: 731px;
        top: 0;
        right: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 10;
        -webkit-transform: translate(140%, -100%);
        -ms-transform: translate(140%, -100%);
        transform: translate(140%, -100%);
    }
    .v21e-bold-flavors .color1-bg,
    .v21e-bold-flavors .color2-bg {
        position: absolute;
        width: 917px;
        height: 656px;
        bottom: 0;
        left: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: translate(-140%, 100%);
        -ms-transform: translate(-140%, 100%);
        transform: translate(-140%, 100%);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e-bold-flavors .color1-ng {
        background-image: url(../img/v21e-color1-bg-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color1-ng {
        background-image: url(../img/v21e-color1-bg-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e-bold-flavors .color1-bg {
        background-image: url(../img/v21e-color1-ng-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color1-bg {
        background-image: url(../img/v21e-color1-ng-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e-bold-flavors .color2-ng {
        background-image: url(../img/v21e-color2-bg-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color2-ng {
        background-image: url(../img/v21e-color2-bg-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e-bold-flavors .color2-bg {
        background-image: url(../img/v21e-color2-ng-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e-bold-flavors .color2-bg {
        background-image: url(../img/v21e-color2-ng-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e-bold-flavors .active-color {
        opacity: 1;
    }
    .v21e-bold-flavors .active-color .color1-ng,
    .v21e-bold-flavors .active-color .color2-ng {
        -webkit-transform: translate(-3%, 3%);
        -ms-transform: translate(-3%, 3%);
        transform: translate(-3%, 3%);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .active-color .color1-bg,
    .v21e-bold-flavors .active-color .color2-bg {
        -webkit-transform: translate(3%, -3%);
        -ms-transform: translate(3%, -3%);
        transform: translate(3%, -3%);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .inactive-color {
        opacity: 1;
    }
    .v21e-bold-flavors .inactive-color .color1-ng,
    .v21e-bold-flavors .inactive-color .color2-ng {
        -webkit-transform: translate(187%, -147%);
        -ms-transform: translate(187%, -147%);
        transform: translate(187%, -147%);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .v21e-bold-flavors .inactive-color .color1-bg,
    .v21e-bold-flavors .inactive-color .color2-bg {
        -webkit-transform: translate(-187%, 147%);
        -ms-transform: translate(-187%, 147%);
        transform: translate(-187%, 147%);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
}
body .v21e-camera {
    position: relative;
    z-index: 10;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../img/v21e-camera-bg-lg.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    body .v21e-camera {
        background-image: url(../img/v21e-camera-bg-lg-x2.jpg);
    }
}
body .v21e-camera .section {
    padding-top: 0;
    width: 1000px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    font-size: 60px;
    font-weight: 400;
}
body .v21e-camera .camera-main-box {
    text-align: center;
    width: 100%;
    height: 580px;
    margin-top: 120px;
    position: relative;
}
body .v21e-camera .camera-main-box .main-title-w {
    font-size: 60px;
}
body .v21e-camera .level-1 {
    position: relative;
    z-index: 8;
    opacity: 0;
}
body .v21e-camera .level-2 {
    width: 101vw;
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    background-color: #000;
    opacity: 0;
}
body .v21e-camera .mask {
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    background-color: transparent;
    box-shadow: 0 0 0 100vw #000;
    margin-top: -60px;
}
body .v21e-camera .fact-box {
    margin-top: 67px;
    width: 1000px;
    height: 600px;
}
body .v21e-camera .fact-box .fact {
    background-repeat: no-repeat;
    background-size: 1000px 677px;
    width: 100%;
    height: 677px;
    background-image: url(../img/v21e-fact-lg.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    body .v21e-camera .fact-box .fact {
        background-image: url(../img/v21e-fact-lg-x2.jpg);
    }
}
body .v21e-camera .v21e-text-in-mobile {
    display: none !important;
}
@media only screen and (min-width: 1921px) {
    body .v21e-camera {
        position: relative;
        z-index: 10;
        height: 100vh;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e-camera {
        background-image: url(../img/v21e-camera-bg-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e-camera {
        background-image: url(../img/v21e-camera-bg-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e-camera .section {
        padding-top: 0;
        width: 1333px;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: auto;
    }
    body .v21e-camera .camera-main-box {
        text-align: center;
        width: 100%;
        height: 700px;
        position: relative;
    }
    body .v21e-camera .level-1 {
        position: relative;
        z-index: 8;
        opacity: 0;
    }
    body .v21e-camera .level-2 {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 5;
        background-color: #000;
        opacity: 0;
    }
    body .v21e-camera .mask {
        position: absolute;
        width: 100vw;
        height: 100vh;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10;
        background-color: transparent;
        box-shadow: 0 0 0 100vw #000;
    }
    body .v21e-camera .fact-box {
        margin-top: 67px;
        width: 1333px;
        height: 600px;
    }
    body .v21e-camera .fact-box .fact {
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 1171px;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e-camera .fact-box .fact {
        background-image: url(../img/v21e-fact-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e-camera .fact-box .fact {
        background-image: url(../img/v21e-fact-xl-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e-camera {
        position: relative;
        z-index: 10;
        height: 100vh;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e-camera {
        background-image: url(../img/v21e-camera-bg-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e-camera {
        background-image: url(../img/v21e-camera-bg-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e-camera .section {
        padding-top: 0;
        width: 100% !important;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: auto;
    }
    body .v21e-camera .camera-main-box {
        text-align: center;
        width: 303px;
        height: 30px;
        margin-top: 0;
        position: relative;
    }
    body .v21e-camera .camera-main-box .main-title-w {
        top: -50px;
        position: relative;
        text-align: left;
        width: 303px;
        height: 94px;
        color: #fff;
        font-size: 36px;
        font-weight: 400;
        line-height: 47px;
        letter-spacing: 0px;
    }
    body .v21e-camera .level-1 {
        position: relative;
        z-index: 8;
        opacity: 0;
    }
    body .v21e-camera .level-2 {
        width: 102vw;
        height: 100vh;
        position: absolute;
        top: 60%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 5;
        background-color: #000;
        opacity: 0;
    }
    body .v21e-camera .mask {
        position: absolute;
        width: 100vw;
        height: 105vh;
        top: 52%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10;
        background-color: transparent;
        box-shadow: 0 0 0 100vh #000;
        margin-top: 0;
    }
    body .v21e-camera .fact-box {
        margin-top: 0;
        width: 303px;
        height: 660px;
    }
    body .v21e-camera .fact-box .fact {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e-camera .fact-box .fact {
        background-image: url(../img/v21e-fact-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e-camera .fact-box .fact {
        background-image: url(../img/v21e-fact-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e-camera .no-in-mobile {
        display: none;
    }
    body .v21e-camera .v21e-text-in-mobile {
        position: absolute;
        width: 100%;
        height: 100vh;
        z-index: 100;
        left: 0;
        margin: auto;
        background-color: #000;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }
    body .v21e-camera .v21e-text-in-mobile .mobile-box-text {
        width: 80.8vw;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_charge {
        width: 100vw;
        height: 214.93333vw;
        background-color: #000;
        padding-top: 80px;
        padding-bottom: 32vw;
    }
    .v21e_charge .v21e_charge_main {
        width: 100%;
        margin: 0 auto;
    }
    .v21e_charge .v21e_charge_main .su1 {
        font-size: 2.93333vw;
        position: relative;
        top: 0;
        left: 1px;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text {
        width: 80.8vw;
        text-align: left;
        margin: 0 auto;
        position: relative;
        z-index: 10;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text .step1 {
        margin-bottom: 100px;
        margin-bottom: 0;
        opacity: 0.5;
        width: 283px;
        height: 94px;
        color: #fff;
        font-size: 36px;
        font-weight: 400;
        line-height: 47px;
        letter-spacing: -1.1px;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text .step2 {
        opacity: 0.5;
        width: 303px;
        height: 94px;
        color: #fff;
        font-size: 36px;
        font-weight: 400;
        line-height: 47px;
        letter-spacing: 0px;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text .step3 {
        opacity: 0.6;
        width: 97.7%;
        height: 105px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
        margin: 0;
    }
    .v21e_charge .v21e_charge_main .v21_charge_imgbox {
        width: 100vw;
        height: 130.13333vw;
        margin: 5vw auto 0;
        position: relative;
        z-index: 9;
    }
    .v21e_charge .v21e_charge_main .v21_charge_imgbox .v21e_charge_img1 {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e_charge .v21e_charge_main .v21_charge_imgbox .v21e_charge_img1 {
        background-image: url(../img/v21e-charge-img1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_charge .v21e_charge_main .v21_charge_imgbox .v21e_charge_img1 {
        background-image: url(../img/v21e-charge-img1-md-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_charge {
        padding-top: 182px;
        padding-bottom: 400px;
        background-color: #000;
    }
    .v21e_charge .v21e_charge_main {
        width: 1000px;
        height: 831px;
        margin: 0 auto;
    }
    .v21e_charge .v21e_charge_main .su1 {
        font-size: 10px;
        position: relative;
        top: -2px;
        left: 2px;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text {
        width: 1000px;
        height: 230px;
        text-align: center;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text .main-content {
        opacity: 0.6;
        width: 880px;
        height: 46px;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 18px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text .main-content .su1 {
        left: 0 !important;
        opacity: 0.6;
        width: 7px;
        height: 28px;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
    }
    .v21e_charge .v21e_charge_main .v21_charge_imgbox {
        width: 862px;
        height: 608px;
        margin: 0 auto;
        margin-top: 24px;
        position: relative;
        z-index: 9;
    }
    .v21e_charge .v21e_charge_main .v21_charge_imgbox .v21e_charge_img1 {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-image: url(../img/v21e-charge-img1-lg.jpg);
        background-size: 100% 100%;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_charge .v21e_charge_main .v21_charge_imgbox .v21e_charge_img1 {
        background-image: url(../img/v21e-charge-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_charge {
        padding-top: 400px;
        padding-bottom: 331px;
        background-color: #000;
    }
    .v21e_charge .v21e_charge_main {
        width: 1333px;
        height: 1102px;
        margin: 0 auto;
    }
    .v21e_charge .v21e_charge_main .su1 {
        font-size: 12px;
        position: relative;
        top: -3px;
        left: 2px;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text {
        width: 1333px;
        height: 241px;
        text-align: center;
        z-index: 99;
    }
    .v21e_charge .v21e_charge_main .v21e_charge_text .main-content {
        width: 1333px;
        height: auto;
        font-size: 22px;
        line-height: 28px;
    }
    .v21e_charge .v21e_charge_main .v21_charge_imgbox {
        width: 1251px;
        height: 809px;
        margin: 0 auto;
        margin-top: 51px;
        position: relative;
        z-index: 9;
    }
    .v21e_charge .v21e_charge_main .v21_charge_imgbox .v21e_charge_img1 {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e_charge .v21e_charge_main .v21_charge_imgbox .v21e_charge_img1 {
        background-image: url(../img/v21e-charge-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e_charge .v21e_charge_main .v21_charge_imgbox .v21e_charge_img1 {
        background-image: url(../img/v21e-charge-img1-xl-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
.text-dialog-btn {
    cursor: pointer;
}
@media only screen and (min-width: 1000px) {
    #dialog_mask {
        display: none;
        width: 100vw;
        height: 100vh;
        z-index: 999999;
        background-color: rgba(0, 0, 0, 0.9);
        position: fixed;
        left: 0;
        top: 0;
    }
    #dialog_mask #dialog_box {
        display: none;
        width: 680px;
        box-sizing: border-box;
        padding: 112px 76px 187px;
        border-radius: 24px;
        background-color: #262626;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 50%;
        min-height: 500px;
    }
    #dialog_mask #dialog_box #dialog_close_icon {
        width: 40px;
        height: 40px;
        cursor: pointer;
        position: absolute;
        right: 30px;
        top: 20px;
    }
    #dialog_mask #dialog_box #dialog_title {
        font-family: HYQiHei-75S_vivo-Design-02;
        letter-spacing: 0px;
        font-size: 48px;
        line-height: 1.1;
        margin-bottom: 30px;
        color: #fff;
    }
    #dialog_mask #dialog_box .ois_bg {
        padding-left: 0.185rem;
        background-image: url(../img/OIS-bg.png);
        background-size: 1.22rem 0.35rem;
        background-position: left center;
        background-repeat: no-repeat;
    }
    #dialog_mask #dialog_box #dialog_content {
        width: 508px;
        color: rgba(255, 255, 255, 0.6);
        font-family: HYQiHei-65S_vivo-Design-02;
        font-size: 18px;
        line-height: 1.3;
    }
    #dialog_mask #dialog_box #dialog_content .dialog-content-line {
        width: 100%;
        height: 1px;
        margin-top: 40px;
        background-color: #d8d8d8;
    }
    #dialog_mask #dialog_box #dialog_content .dialog-content-item {
        margin-top: 40px;
        width: 497px;
        font-size: 18px;
        line-height: 1.3;
    }
}
@media only screen and (max-width: 1000px) {
    #dialog_mask {
        display: none;
        width: 100vw;
        height: 100vh;
        z-index: 999999;
        background-color: rgba(0, 0, 0, 0.9);
        position: fixed;
        left: 0;
        top: 0;
    }
    #dialog_mask #dialog_box {
        display: none;
        width: 80.8vw;
        padding: 2.66667vw 9.6vw;
        border-radius: 7px;
        background-color: #262626;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 50%;
        min-height: 80vw;
        max-height: 778px;
    }
    #dialog_mask #dialog_box #dialog_close_icon {
        width: 5.06667vw;
        height: 5.06667vw;
        cursor: pointer;
        position: absolute;
        right: 3.46667vw;
        top: 2.66667vw;
    }
    #dialog_mask #dialog_box #dialog_title {
        font-family: HYQiHei-75S_vivo-Design-02;
        letter-spacing: 0px;
        font-size: 36px;
        line-height: 1.1;
        margin-bottom: 4.26667vw;
        color: #fff;
        width: 242px;
    }
    #dialog_mask #dialog_box .ois_bg {
        padding-left: 0.185rem;
        background-image: url(../img/OIS-bg.png);
        background-size: 1.22rem 0.35rem;
        background-position: left center;
        background-repeat: no-repeat;
    }
    #dialog_mask #dialog_box #dialog_content {
        color: rgba(255, 255, 255, 0.6);
        font-family: QiHeiVarforvivo_65;
        font-size: 16px;
        line-height: 1.2;
        width: 232px;
    }
    #dialog_mask #dialog_box #dialog_content::-webkit-scrollbar {
        background-color: transparent;
    }
    #dialog_mask #dialog_box #dialog_content .dialog-content-top {
        opacity: 0.6;
        width: 231.68px;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 16px;
        font-weight: 400;
    }
    #dialog_mask #dialog_box #dialog_content .dialog-content-line {
        width: 100%;
        height: 1px;
        margin-top: 4vw;
        margin-bottom: 4vw;
        background-color: #d8d8d8;
    }
    #dialog_mask #dialog_box #dialog_content .dialog-content-item {
        opacity: 0.6;
        width: 231.68px;
        height: 147px;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 16px;
        font-weight: 400;
    }
}
@media only screen and (min-width: 1921px) {
    #dialog_mask {
        display: none;
        width: 100vw;
        height: 100vh;
        z-index: 999999;
        background-color: rgba(0, 0, 0, 0.9);
        position: fixed;
        left: 0;
        top: 0;
    }
    #dialog_mask #dialog_box {
        display: none;
        width: 867px;
        padding: 149px 114px 264px;
        border-radius: 32px;
        background-color: #262626;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 50%;
    }
    #dialog_mask #dialog_box #dialog_close_icon {
        width: 53px;
        height: 53px;
        cursor: pointer;
        position: absolute;
        right: 40px;
        top: 27px;
    }
    #dialog_mask #dialog_box #dialog_title {
        font-family: HYQiHei-75S_vivo-Design-02;
        letter-spacing: 0px;
        font-size: 58px;
        line-height: 1.3;
        margin-bottom: 35px;
        color: #fff;
    }
    #dialog_mask #dialog_box .ois_bg {
        padding-left: 0.185rem;
        background-image: url(../img/OIS-bg.png);
        background-size: 1.22rem 0.35rem;
        background-position: left center;
        background-repeat: no-repeat;
    }
    #dialog_mask #dialog_box #dialog_content {
        opacity: 0.6;
        width: 663px;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
    }
    #dialog_mask #dialog_box #dialog_content .dialog-content-top {
        opacity: 0.6;
        width: 662px;
        height: 224px;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
    }
    #dialog_mask #dialog_box #dialog_content .dialog-content-line {
        width: 100%;
        height: 1px;
        margin-top: 44px;
        background-color: #d8d8d8;
    }
    #dialog_mask #dialog_box #dialog_content .dialog-content-item {
        opacity: 0.6;
        margin-top: 44px;
        font-family: QiHeiVarforvivo_65;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        width: 662px;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title1,
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .content_white {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title1,
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title2,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .content_white {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title1,
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title2,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
.v21e_dual {
    display: none;
}
.v21e_dual_md {
    position: relative;
    width: 100vw;
    height: 22.536812rem;
    padding-bottom: 130px;
    background: #000;
}
.v21e_dual_md .v21e_dual_main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10.224007rem;
    height: 19.036812rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.v21e_dual_md .v21e_dual_main .v21e_dual_textbox {
    width: 9.129606rem;
    height: 4.060803rem;
    margin: 0 auto 1.152001rem;
}
.v21e_dual_md .v21e_dual_main .v21e_dual_textbox .v21e_dual_title1 {
    width: 325px;
    height: 47px;
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: 0px;
}
.v21e_dual_md .v21e_dual_main .v21e_dual_textbox .v21e_dual_title2 {
    opacity: 0.5;
    width: 303px;
    height: 94px;
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: 0px;
}
.v21e_dual_md .v21e_dual_main .v21e_dual_videobox {
    position: relative;
    width: 10.224007rem;
    height: 10.224007rem;
    margin: 0 auto 0.576rem;
    border-radius: 0.288rem;
    overflow: hidden;
}
.v21e_dual_md .v21e_dual_main .v21e_dual_videobox #v21e_dual__video {
    width: 10.224007rem;
    height: 10.224007rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
@media (max-width: 1000px) {
    .v21e_dual_md .v21e_dual_main .v21e_dual_videobox #v21e_dual__video {
        background-image: url(../img/v21e_dual__video-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_dual_md .v21e_dual_main .v21e_dual_videobox #v21e_dual__video {
        background-image: url(../img/v21e_dual__video-md-x2.jpg);
    }
}
.v21e_dual_md .v21e_dual_main .content_white {
    margin: 0 auto;
    opacity: 0.6 !important;
    width: 9rem;
    height: 105px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
.v21e_dual_md .v21e_dual_main .subinfo {
    margin: 4.6875vw auto 0 auto;
    opacity: 0.4 !important;
    width: 9rem;
    height: 105px;
    color: #fff;
    font-family: QiHeiVarforvivo_55;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
@media only screen and (min-width: 1000px) {
    .v21e_dual_md {
        display: none;
    }
    .v21e_dual {
        display: block;
        width: 100vw;
        height: 1080px;
        position: relative;
        background-color: #fff;
        background: #000;
    }
    .v21e_dual .v21e_dual_main {
        width: 920px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox {
        width: 425px;
        height: auto;
        left: -45px;
        top: 345px;
        bottom: 0;
        position: absolute;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title1 {
        color: #fff;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title2 {
        opacity: 0.5;
        color: #fff;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .content_white {
        width: 413px;
        height: auto;
        margin-top: 30px;
        opacity: 0.6 !important;
        color: #fff;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .subinfo {
        width: 413px;
        height: auto;
        margin-top: 20px;
        opacity: 0.4;
        color: #fff;
        font-family: QiHeiVarforvivo_55;
        font-size: 18px;
        line-height: 23px;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_videobox {
        bottom: 263px;
        width: 400px;
        height: 540px;
        margin: 0 auto 0;
        border-radius: 15px;
        overflow: hidden;
        position: absolute;
        right: 0;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_videobox .v21e_dual__video {
        width: 400px;
        height: 540px;
        object-fit: cover;
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_dual {
        width: 100vw;
        height: 1033px;
        position: relative;
        background-color: #fff;
        padding-bottom: 100px;
        padding-top: 150px;
        background: #000;
    }
    .v21e_dual .v21e_dual_main {
        width: 1226px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        padding-top: 368px;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox {
        padding-top: 368px;
        width: 1333px;
        height: 150px;
        left: -55px;
        top: 170px;
        top: 40px;
        bottom: 0;
        position: absolute;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title1 {
        color: #fff;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .v21e_dual_title2 {
        opacity: 0.5;
        color: #fff;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .content_white {
        width: 486px;
        height: 112px;
        margin-top: 35px;
        opacity: 0.6;
        color: #fff;
        font-size: 22px;
        line-height: 28px;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_textbox .subinfo {
        width: 500px;
        height: auto;
        margin-top: 20px;
        opacity: 0.4;
        color: #fff;
        font-family: QiHeiVarforvivo_55;
        font-size: 22px;
        line-height: 28px;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_videobox {
        width: 533px;
        height: 720px;
        margin: 0 auto 30px;
        border-radius: 15px;
        overflow: hidden;
    }
    .v21e_dual .v21e_dual_main .v21e_dual_videobox .v21e_dual__video {
        width: 533px;
        height: 720px;
        object-fit: cover;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title1,
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title3 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title3 {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title1,
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title2,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title3 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title3 {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title1,
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title2,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_entertainment {
        width: 100vw;
        height: 238.4vw;
        position: relative;
        background-color: #000;
        padding-top: 32vw;
        padding-bottom: 10.66667vw;
    }
    .v21se_entertainment .v21se_entertainment_main {
        width: 80.8vw;
        height: 100%;
        margin: 0 auto;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox {
        width: 100%;
        text-align: left;
        margin: 0 auto 5.33333vw;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title2 {
        margin-bottom: 4.26667vw;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox {
        position: relative;
        width: 100%;
        height: 130.4vw;
        margin: 0 auto 4.26667vw;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img {
        background-image: url(../img/v21se-entertainment-bg-img1-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img {
        background-image: url(../img/v21se-entertainment-bg-img1-md-x2.png);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img1 {
        display: none;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 64.8vw;
        height: 16vw;
        margin: 0 auto;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 {
        width: 31.73333vw;
        height: 8.53333vw;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 .v21se_entertainment_icon1_img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 .v21se_entertainment_icon1_img {
        background-image: url(../img/v21se-entertainment-icon1-img1-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 .v21se_entertainment_icon1_img {
        background-image: url(../img/v21se-entertainment-icon1-img1-md-x2.png);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 {
        width: 16vw;
        height: 16vw;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 .v21se_entertainment_icon2_img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 .v21se_entertainment_icon2_img {
        background-image: url(../img/v21se-entertainment-icon2-img1-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 .v21se_entertainment_icon2_img {
        background-image: url(../img/v21se-entertainment-icon2-img1-md-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_entertainment {
        width: 100vw;
        height: 1317px;
        position: relative;
        background-color: #000;
    }
    .v21se_entertainment .v21se_entertainment_main {
        width: 1317px;
        height: 973px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox {
        width: 940px;
        text-align: center;
        margin: 0 auto 60px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title1 {
        color: #fff;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title2 {
        color: #fff;
        margin-bottom: 30px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title3 {
        color: #fff;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox {
        position: relative;
        width: 1317px;
        height: 542px;
        margin: 0 auto 56px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img {
        width: 1317px;
        height: 542px;
        background-image: url(../img/v21se-entertainment-bg-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img {
        background-image: url(../img/v21se-entertainment-bg-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img1 {
        position: absolute;
        top: 34px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 1000px;
        height: 357px;
        background-image: url(../img/v21se-entertainment-phone-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img1 {
        background-image: url(../img/v21se-entertainment-phone-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 488px;
        height: 95px;
        margin: 0 auto;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 {
        width: 163px;
        height: 45px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 .v21se_entertainment_icon1_img {
        width: 100%;
        height: 100%;
        background-image: url(../img/v21se-entertainment-icon1-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 .v21se_entertainment_icon1_img {
        background-image: url(../img/v21se-entertainment-icon1-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 {
        width: 95px;
        height: 95px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 .v21se_entertainment_icon2_img {
        width: 100%;
        height: 100%;
        background-image: url(../img/v21se-entertainment-icon2-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 .v21se_entertainment_icon2_img {
        background-image: url(../img/v21se-entertainment-icon2-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_entertainment {
        width: 100vw;
        height: 1317px;
        position: relative;
        background-color: #000;
    }
    .v21se_entertainment .v21se_entertainment_main {
        width: 1755px;
        height: 1290px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox {
        width: 940px;
        text-align: center;
        margin: 0 auto 124px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title1 {
        font-size: 58px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title2 {
        font-size: 58px;
        margin-bottom: 35px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_textbox .v21se_entertainment_title3 {
        font-size: 22px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox {
        position: relative;
        width: 1755px;
        height: 723px;
        margin: 0 auto 75px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img {
        width: 1755px;
        height: 723px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img {
        background-image: url(../img/v21se-entertainment-bg-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img {
        background-image: url(../img/v21se-entertainment-bg-img1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_imgbox .v21se_entertainment_photo_img1 {
        display: none;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 652px;
        height: 127px;
        margin: 0 auto;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 {
        width: 217px;
        height: 59px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 .v21se_entertainment_icon1_img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 .v21se_entertainment_icon1_img {
        background-image: url(../img/v21se-entertainment-icon1-img1-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon1 .v21se_entertainment_icon1_img {
        background-image: url(../img/v21se-entertainment-icon1-img1-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 {
        width: 127px;
        height: 127px;
    }
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 .v21se_entertainment_icon2_img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 .v21se_entertainment_icon2_img {
        background-image: url(../img/v21se-entertainment-icon2-img1-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_entertainment .v21se_entertainment_main .v21se_entertainment_icon_box .v21se_entertainment_icon2 .v21se_entertainment_icon2_img {
        background-image: url(../img/v21se-entertainment-icon2-img1-xl-x2.png);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_funtouch_os {
        width: 100vw;
        position: relative;
        background-color: #000;
        padding-top: 44.26667vw;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main {
        width: 82.66667vw;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .step1 {
        width: 88vw;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_textbox {
        width: 99%;
        text-align: left;
        margin: 0 auto 14.13333vw;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_textbox .v21se_funtouch_os_title2 {
        margin-bottom: 4.26667vw;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox {
        width: 29.33333vw;
        height: 82.4vw;
        margin: 0 auto;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img {
        width: 29.33333vw;
        height: 82.4vw;
        margin: 0 auto;
        position: relative;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img div[class^="v21se_funtouch_os_photo_img"] {
        width: 29.33333vw;
        height: 82.4vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        -webkit-transition: left 1s;
        transition: left 1s;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img1 {
        width: 29.33333vw !important;
        height: 82.4vw !important;
        position: absolute;
        top: 3px;
        left: 0;
        z-index: 9;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img1 {
        background-image: url(../img/v21se-funtouch-os-img1-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img1 {
        background-image: url(../img/v21se-funtouch-os-img1-md-x2.png);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img2 {
        position: absolute;
        top: 2px;
        left: 0;
        z-index: 8;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img2 {
        background-image: url(../img/v21se-funtouch-os-img2-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img2 {
        background-image: url(../img/v21se-funtouch-os-img2-md-x2.png);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img3 {
        position: absolute;
        top: -1px;
        left: 0;
        z-index: 7;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img3 {
        background-image: url(../img/v21se-funtouch-os-img3-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img3 {
        background-image: url(../img/v21se-funtouch-os-img3-md-x2.png);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img4 {
        position: absolute;
        top: -6px;
        left: 0;
        z-index: 6;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img4 {
        background-image: url(../img/v21se-funtouch-os-img4-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img4 {
        background-image: url(../img/v21se-funtouch-os-img4-md-x2.png);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img5 {
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img5 {
        background-image: url(../img/v21se-funtouch-os-img5-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img5 {
        background-image: url(../img/v21se-funtouch-os-img5-md-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_funtouch_os {
        width: 100vw;
        position: relative;
        background-color: #000;
        padding-bottom: 150px;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main {
        width: 1000px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_textbox {
        color: #fff;
        width: 1000px;
        text-align: center;
        margin: 0 auto 90px;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_textbox .v21se_funtouch_os_title2 {
        margin-bottom: 30px;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox {
        width: 257px;
        height: 720px;
        margin: 0 auto;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img {
        width: 257px;
        height: 720px;
        margin: 0 auto;
        position: relative;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img div[class^="v21se_funtouch_os_photo_img"] {
        width: 257px;
        height: 720px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        -webkit-transition: left 1s;
        transition: left 1s;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img1 {
        width: 228px !important;
        height: 677px !important;
        position: absolute;
        top: 18px;
        left: 5px;
        z-index: 9;
        background-image: url(../img/v21se-funtouch-os-img1-lg.png);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img1 {
        background-image: url(../img/v21se-funtouch-os-img1-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img2 {
        position: absolute;
        top: 3px;
        left: 0;
        z-index: 8;
        background-image: url(../img/v21se-funtouch-os-img2-lg.png);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img2 {
        background-image: url(../img/v21se-funtouch-os-img2-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img3 {
        position: absolute;
        top: -7px;
        left: 0;
        z-index: 7;
        background-image: url(../img/v21se-funtouch-os-img3-lg.png);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img3 {
        background-image: url(../img/v21se-funtouch-os-img3-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img4 {
        position: absolute;
        top: -15px;
        left: 0;
        z-index: 6;
        background-image: url(../img/v21se-funtouch-os-img4-lg.png);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img4 {
        background-image: url(../img/v21se-funtouch-os-img4-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img5 {
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/v21se-funtouch-os-img5-lg.jpg);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img5 {
        background-image: url(../img/v21se-funtouch-os-img5-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_funtouch_os {
        width: 100vw;
        position: relative;
        background-color: #000;
        padding-bottom: 160px;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main {
        width: 1333px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_textbox {
        color: #fff;
        width: 1333px;
        text-align: center;
        margin: 0 auto 101px;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_textbox .v21se_funtouch_os_title2 {
        margin-bottom: 35px;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox {
        width: 343px;
        height: 960px;
        margin: 0 auto;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img {
        width: 343px;
        height: 960px;
        margin: 0 auto;
        position: relative;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img div[class^="v21se_funtouch_os_photo_img"] {
        width: 343px;
        height: 960px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        -webkit-transition: left 1s;
        transition: left 1s;
    }
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img1 {
        width: 304px !important;
        height: 902px !important;
        position: absolute;
        top: 29px;
        left: 7px;
        z-index: 9;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img1 {
        background-image: url(../img/v21se-funtouch-os-img1-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img1 {
        background-image: url(../img/v21se-funtouch-os-img1-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img2 {
        position: absolute;
        top: 7px;
        left: 0;
        z-index: 8;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img2 {
        background-image: url(../img/v21se-funtouch-os-img2-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img2 {
        background-image: url(../img/v21se-funtouch-os-img2-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img3 {
        position: absolute;
        top: -5px;
        left: 0;
        z-index: 7;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img3 {
        background-image: url(../img/v21se-funtouch-os-img3-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img3 {
        background-image: url(../img/v21se-funtouch-os-img3-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img4 {
        position: absolute;
        top: -16px;
        left: 0;
        z-index: 6;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img4 {
        background-image: url(../img/v21se-funtouch-os-img4-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img4 {
        background-image: url(../img/v21se-funtouch-os-img4-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img5 {
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img5 {
        background-image: url(../img/v21se-funtouch-os-img5-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_funtouch_os .v21se_funtouch_os_main .v21se_funtouch_os_imgbox .v21se_funtouch_os_photo_img .v21se_funtouch_os_photo_img5 {
        background-image: url(../img/v21se-funtouch-os-img5-xl-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    body .v21e_good .v21e_good_main .v21e_good_top {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21e_good .v21e_good_main .v21e_good_top {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21e_good .v21e_good_main .v21e_good_top {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21e_good .v21e_good_main .v21e_good_top {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21e_good .v21e_good_main .v21e_good_top {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
body .v21e_good {
    padding-bottom: 170px;
    padding-top: 186px;
    padding-top: 340px;
    width: 100%;
    height: 705px;
}
body .v21e_good .v21e_good_main {
    width: 990px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
}
body .v21e_good .v21e_good_main div[class^="v21e_good_img"] {
    width: 475px;
    height: 250px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
body .v21e_good .v21e_good_main div[class^="v21e_good_img"] .text {
    color: #fff;
    position: absolute;
    top: 73px;
    left: 26px;
    font-size: 20px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    width: 115px;
}
body .v21e_good .v21e_good_main .v21e_good_top {
    text-align: center;
    margin-bottom: 90px;
    font-size: 58px;
    line-height: 75px;
}
body .v21e_good .v21e_good_main .v21e_good_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}
body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 {
    background-image: url(../img/v21e-good3-lg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 {
        background-image: url(../img/v21e-good3-lg-x2.jpg);
    }
}
body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 .text {
    width: 120px !important;
}
body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 {
    background-image: url(../img/v21e-good2-lg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 {
        background-image: url(../img/v21e-good2-lg-x2.jpg);
    }
}
body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 .text {
    width: 130px !important;
}
body .v21e_good .v21e_good_main .v21e_good_bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 {
    background-image: url(../img/v21e-good1-lg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 {
        background-image: url(../img/v21e-good1-lg-x2.jpg);
    }
}
body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 .text {
    width: 205px !important;
}
body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 {
    background-image: url(../img/v21e-good4-lg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 {
        background-image: url(../img/v21e-good4-lg-x2.jpg);
    }
}
body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 .text {
    width: 205px !important;
}
@media only screen and (min-width: 1921px) {
    body .v21e_good {
        padding-bottom: 226.67px;
        padding-top: 393px;
        width: 100%;
        height: 940px;
    }
    body .v21e_good .v21e_good_main {
        width: 1320px;
        height: 100%;
    }
    body .v21e_good .v21e_good_main div[class^="v21e_good_img"] {
        width: 633px;
        height: 333px;
        position: relative;
        border-radius: 16px;
        overflow: hidden;
    }
    body .v21e_good .v21e_good_main div[class^="v21e_good_img"] .text {
        top: 108px;
        left: 59px;
    }
    body .v21e_good .v21e_good_main .v21e_good_top {
        text-align: center;
        margin-bottom: 120px;
        font-size: 77.33px;
        line-height: 100px;
        word-spacing: -0.67px;
    }
    body .v21e_good .v21e_good_main .v21e_good_center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 54px;
    }
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 {
        background-image: url(../img/v21e-good3-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 {
        background-image: url(../img/v21e-good3-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 .text {
        width: 140px !important;
    }
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 {
        background-image: url(../img/v21e-good2-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 {
        background-image: url(../img/v21e-good2-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 .text {
        width: 140px;
    }
    body .v21e_good .v21e_good_main .v21e_good_bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 {
        background-image: url(../img/v21e-good1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 {
        background-image: url(../img/v21e-good1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 .text {
        width: 200px;
    }
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 {
        background-image: url(../img/v21e-good4-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 {
        background-image: url(../img/v21e-good4-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 .text {
        width: 200px;
    }
}
@media only screen and (max-width: 1000px) {
    body .no-br {
        display: none;
    }
    body .v21e_good {
        padding-bottom: 18.66667vw;
        padding-top: 13.33333vw;
        width: 100%;
        height: auto;
    }
    body .v21e_good .v21e_good_main {
        padding: 0 36px;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: auto;
    }
    body .v21e_good .v21e_good_main div[class^="v21e_good_img"] {
        width: 38.66667vw;
        height: 40vw;
        position: relative;
        border-radius: 7px;
        overflow: hidden;
    }
    body .v21e_good .v21e_good_main div[class^="v21e_good_img"] .text {
        color: #fff;
        position: absolute;
        top: auto;
        font-size: 3.2vw;
        left: 2.66667vw;
    }
    body .v21e_good .v21e_good_main .v21e_good_img1 .text {
        bottom: 29.33333vw;
        width: 135px;
    }
    body .v21e_good .v21e_good_main .v21e_good_img2 .text {
        bottom: 2.66667vw;
    }
    body .v21e_good .v21e_good_main .v21e_good_img3 .text {
        top: 25.33333vw !important;
        width: 85px;
    }
    body .v21e_good .v21e_good_main .v21e_good_img4 .text {
        top: 2.66667vw !important;
        width: 34.66667vw;
    }
    body .v21e_good .v21e_good_main .v21e_good_top {
        text-align: center;
        margin-bottom: 16vw;
        font-size: 9.6vw;
        line-height: 1.3;
    }
    body .v21e_good .v21e_good_main .v21e_good_center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 3.46667vw;
    }
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 {
        background-image: url(../img/v21e-good3-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 {
        background-image: url(../img/v21e-good3-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img3 .text {
        width: 75px !important;
    }
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 {
        background-image: url(../img/v21e-good2-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img2 {
        background-image: url(../img/v21e-good2-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e_good .v21e_good_main .v21e_good_bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 {
        background-image: url(../img/v21e-good1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 {
        background-image: url(../img/v21e-good1-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img1 .text {
        width: 31.46667vw !important;
        top: 2.66667vw !important;
    }
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 {
        background-image: url(../img/v21e-good4-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_good .v21e_good_main .v21e_good_bottom .v21e_good_img4 {
        background-image: url(../img/v21e-good4-md-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text1,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text3,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text5 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text3,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text5 {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text1,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text3,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text5 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text3,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text5 {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text1,
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text2 {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_jovi {
        width: 100%;
        height: 201.06667vw;
        background: #000;
        padding-top: 42.66667vw;
        padding-bottom: 0;
    }
    .v21e_jovi .v21e_jovi_main {
        width: 94.93333vw;
        height: 201.06667vw;
        margin: 0 auto;
        position: relative;
    }
    .v21e_jovi .v21e_jovi_main .v21e_jovi_text {
        width: 82.13333vw;
        position: absolute;
        top: 5.6vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 9;
    }
    .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text3 {
        margin-top: 4.26667vw;
        word-spacing: normal;
    }
    .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text4 {
        margin: 5.33333vw 0;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.6);
    }
    .v21e_jovi .v21e_jovi_main .v21e_jovi_text .btn {
        color: #fff;
        font-size: 16px;
        width: 126px;
        height: 38px;
        border-radius: 19px;
        border: 1px solid #fff;
        margin-bottom: 66px;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21e_jovi .v21e_jovi_main .v21e_jovi_img {
        overflow: hidden;
        width: 94.93333vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border-radius: 2.66667vw;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e_jovi .v21e_jovi_main .v21e_jovi_img {
        background-image: url(../img/v21e-jovi-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_jovi .v21e_jovi_main .v21e_jovi_img {
        background-image: url(../img/v21e-jovi-md-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    body .v21e_jovi {
        width: 100%;
        height: 750px;
        padding-bottom: 0;
        background: #000;
    }
    body .v21e_jovi .v21e_jovi_main {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text {
        width: 320px;
        position: absolute;
        top: 172px;
        left: 100px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 9;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text1 {
        color: #fff;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text2 {
        color: #fff;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text3 {
        color: #fff;
        margin: 30px 0 20px;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text4 {
        margin: 30px 0;
        width: 290px;
        height: 1px;
        background: rgba(255, 255, 255, 0.6);
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .btn {
        color: #fff;
        font-size: 16px;
        width: 126px;
        height: 38px;
        line-height: 32px;
        border-radius: 19px;
        border: 1px solid #fff;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_img {
        overflow: hidden;
        width: 100%;
        height: 750px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/v21e-jovi-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border-radius: 17px;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_img {
        background-image: url(../img/v21e-jovi-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_jovi {
        width: 100%;
        height: 1000px;
        padding-bottom: 185px;
        background: #000;
    }
    body .v21e_jovi .v21e_jovi_main {
        width: 1600px;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text {
        width: 400px;
        position: absolute;
        top: 230px;
        left: 133px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 9;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text1 {
        color: #fff;
        font-size: 58px;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text2 {
        color: #fff;
        font-size: 58px;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text3 {
        color: #fff;
        font-size: 22px;
        margin: 35px 0 35px;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text4 {
        margin: 45px 0;
        width: 390px;
        height: 1px;
        background: rgba(255, 255, 255, 0.6);
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .text5 {
        font-size: 22px;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_text .btn {
        font-size: 20px;
        color: #fff;
        width: 168px;
        height: 51px;
        border-radius: 25px;
        border: 1px solid #fff;
    }
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_img {
        overflow: hidden;
        width: 100%;
        height: 1000px;
        position: absolute;
        top: 0;
        left: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border-radius: 20px;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_img {
        background-image: url(../img/v21e-jovi-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_jovi .v21e_jovi_main .v21e_jovi_img {
        background-image: url(../img/v21e-jovi-xl-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text1,
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text3,
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_text {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text3,
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_text {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text1,
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text3,
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_text {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text3,
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_text {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text1,
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text2 {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (min-width: 1000px) {
    body .v21_justGot {
        width: 100%;
        height: 1111px;
    }
    body .v21_justGot .only-inmobile {
        display: none !important;
    }
    body .v21_justGot .v21_justGot_main {
        position: relative;
        width: 920px;
        height: 100%;
        margin: 0 auto;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 {
        margin: 0 auto;
        width: 919px;
        height: 540px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text {
        margin-top: 150px;
        width: 410px;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text3 {
        margin-top: 30px;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_img {
        width: 400px;
        height: 100%;
        background-image: url(../img/v21e-justgot-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 {
        position: absolute;
        top: 561px;
        left: 0;
        width: 838px;
        height: 540px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_img {
        width: 400px;
        height: 100%;
        background-image: url(../img/v21e-justgot-img2-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img2-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_text {
        margin-top: 194px;
        width: 318px;
    }
}
@media only screen and (min-width: 1921px) {
    body .v21_justGot {
        width: 100%;
        height: 1500px;
    }
    body .v21_justGot .v21_justGot_main {
        position: relative;
        width: 1225px;
        height: 100%;
        margin: 130px auto 0;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 {
        width: 100%;
        height: 720px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text {
        margin-top: 204px;
        width: 500px;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text1 {
        font-size: 58px;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text2 {
        font-size: 58px;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_text .text3 {
        font-size: 22px;
        margin-top: 35px;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_img {
        width: 533px;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character1 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 {
        position: absolute;
        top: 748px;
        left: 0;
        width: 1118px;
        height: 720px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_img {
        width: 533px;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img2-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img2-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21_justGot .v21_justGot_main .v21_justGot_character2 .v21_justGot_text {
        margin-top: 258px;
        font-size: 22px;
        width: 426px;
    }
}
@media only screen and (max-width: 1000px) {
    body .v21_justGot .no-br {
        display: none;
    }
    body .v21_justGot .no-inmobile {
        display: none;
    }
    body .v21_justGot .only-inmobile {
        display: block !important;
    }
    body .v21_justGot .v21_justGot_img {
        width: 94.66667vw;
        height: 127.73333vw;
        margin: 0 auto;
        margin-top: 10.66667vw;
    }
    body .v21_justGot .v21_justGot_text {
        width: 100%;
        box-sizing: border-box;
        padding: 0 36px;
    }
    body .v21_justGot .v21_justGot_character1 {
        padding-bottom: 29.33333vw;
    }
    body .v21_justGot .v21_justGot_character1 .text2 {
        margin-bottom: 4.26667vw;
    }
    body .v21_justGot .v21_justGot_character1 .v21_justGot_img {
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21_justGot .v21_justGot_character1 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21_justGot .v21_justGot_character1 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img1-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21_justGot .v21_justGot_character2 .v21_justGot_img {
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21_justGot .v21_justGot_character2 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img2-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21_justGot .v21_justGot_character2 .v21_justGot_img {
        background-image: url(../img/v21e-justgot-img2-md-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title1,
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title3 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title3 {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title1,
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title2,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title3 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title3 {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title1,
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title2,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_multi_turbo {
        width: 100vw;
        height: 219.73333vw;
        position: relative;
        background-color: #000;
        padding-bottom: 15.2vw;
        padding-bottom: 28.2vw;
        padding-top: 21.33333vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main {
        width: 94.66667vw;
        margin: auto;
        height: 100%;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox {
        width: 80.8vw;
        text-align: left;
        margin: 0 auto 10.66667vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title1 {
        color: #fff;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title2 {
        color: rgba(255, 255, 255, 0.5);
        margin-bottom: 3.73333vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title3 {
        color: rgba(255, 255, 255, 0.6);
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox {
        width: 94.66667vw;
        height: 43.73333vw;
        margin: 0 auto 12.53333vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox .v21se_multi_turbo_photo_img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox .v21se_multi_turbo_photo_img {
        background-image: url(../img/v21se-multi-turbo-img1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox .v21se_multi_turbo_photo_img {
        background-image: url(../img/v21se-multi-turbo-img1-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 80vw;
        margin: 0 auto;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 {
        width: 29.6vw;
        height: 29.6vw;
        margin-bottom: 11.73333vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 {
        width: 21.33333vw;
        height: 9.6vw;
        margin: 0 auto 4.26667vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 .v21se_multi_turbo_icon1_img {
        width: 21.33333vw;
        height: 9.6vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 .v21se_multi_turbo_icon1_img {
        background-image: url(../img/v21se-multi-turbo-icon1-img1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 .v21se_multi_turbo_icon1_img {
        background-image: url(../img/v21se-multi-turbo-icon1-img1-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_text {
        font-family: HYQiHei-65S_vivo-Design-02;
        margin-bottom: 3.73333vw;
        text-align: center;
        font-size: 4.8vw;
        line-height: 1.3;
        color: #fff;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_btn {
        color: #fff;
        width: 26.93333vw;
        height: 8vw;
        line-height: 7.2vw;
        border-radius: 4vw;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 {
        width: 38.4vw;
        height: 29.6vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 {
        width: 21.33333vw;
        height: 9.6vw;
        margin: 0 auto 4.26667vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 .v21se_multi_turbo_icon2_img {
        width: 21.33333vw;
        height: 9.6vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 .v21se_multi_turbo_icon2_img {
        background-image: url(../img/v21se-multi-turbo-icon2-img1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 .v21se_multi_turbo_icon2_img {
        background-image: url(../img/v21se-multi-turbo-icon2-img1-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_text {
        font-family: HYQiHei-65S_vivo-Design-02;
        margin-bottom: 3.73333vw;
        text-align: center;
        font-size: 4.8vw;
        line-height: 1.3;
        color: #fff;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_btn {
        color: #fff;
        width: 26.93333vw;
        height: 8vw;
        line-height: 7.2vw;
        border-radius: 4vw;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 {
        width: 31.46667vw;
        height: 29.6vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 {
        width: 21.33333vw;
        height: 9.6vw;
        margin: 0 auto 4.26667vw;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 .v21se_multi_turbo_icon3_img {
        width: 21.33333vw;
        height: 9.6vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 .v21se_multi_turbo_icon3_img {
        background-image: url(../img/v21se-multi-turbo-icon3-img1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 .v21se_multi_turbo_icon3_img {
        background-image: url(../img/v21se-multi-turbo-icon3-img1-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_text {
        margin-bottom: 3.73333vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        text-align: center;
        font-size: 4.8vw;
        line-height: 1.3;
        color: #fff;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_btn {
        color: #fff;
        width: 26.93333vw;
        height: 8vw;
        line-height: 7.2vw;
        border-radius: 4vw;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_multi_turbo {
        width: 100vw;
        height: 1080px;
        position: relative;
        background-color: #000;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main {
        width: 1000px;
        margin: auto;
        height: 100%;
        box-sizing: border-box;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox {
        width: 926px;
        text-align: center;
        margin: 0 auto 80px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title1 {
        color: #fff;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title2 {
        color: rgba(255, 255, 255, 0.5);
        margin-bottom: 30px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title3 {
        color: rgba(255, 255, 255, 0.6);
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox {
        width: 1000px;
        height: 463px;
        margin: 0 auto 70px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox .v21se_multi_turbo_photo_img {
        width: 1000px;
        height: 463px;
        background-image: url(../img/v21se-multi-turbo-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox .v21se_multi_turbo_photo_img {
        background-image: url(../img/v21se-multi-turbo-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 808px;
        height: 142px;
        margin: 0 auto;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 {
        width: 162px;
        height: 142px;
        margin-right: 141px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 {
        width: 81px;
        height: 37px;
        margin: 0 auto 21px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 .v21se_multi_turbo_icon1_img {
        width: 81px;
        height: 37px;
        background-image: url(../img/v21se-multi-turbo-icon1-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 .v21se_multi_turbo_icon1_img {
        background-image: url(../img/v21se-multi-turbo-icon1-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_text {
        margin-bottom: 9px;
        text-align: center;
        font-size: 26px;
        line-height: 39px;
        color: #fff;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_btn {
        color: #fff;
        width: 126px;
        height: 38px;
        line-height: 34px;
        border-radius: 25px;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 {
        width: 207px;
        height: 142px;
        margin-right: 130px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 {
        width: 71px;
        height: 37px;
        margin: 0 auto 21px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 .v21se_multi_turbo_icon2_img {
        width: 71px;
        height: 37px;
        background-image: url(../img/v21se-multi-turbo-icon2-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 .v21se_multi_turbo_icon2_img {
        background-image: url(../img/v21se-multi-turbo-icon2-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_text {
        margin-bottom: 9px;
        text-align: center;
        font-size: 26px;
        line-height: 39px;
        color: #fff;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_btn {
        color: #fff;
        width: 126px;
        height: 38px;
        line-height: 34px;
        border-radius: 25px;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 {
        width: 170px;
        height: 142px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 {
        width: 69px;
        height: 37px;
        margin: 0 auto 21px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 .v21se_multi_turbo_icon3_img {
        width: 69px;
        height: 37px;
        background-image: url(../img/v21se-multi-turbo-icon3-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 .v21se_multi_turbo_icon3_img {
        background-image: url(../img/v21se-multi-turbo-icon3-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_text {
        margin-bottom: 9px;
        text-align: center;
        font-size: 26px;
        line-height: 39px;
        color: #fff;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_btn {
        color: #fff;
        width: 126px;
        height: 38px;
        line-height: 34px;
        border-radius: 25px;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_multi_turbo {
        width: 100vw;
        height: 1291px;
        position: relative;
        background-color: #000;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main {
        width: 1333px;
        margin: auto;
        height: 100%;
        box-sizing: border-box;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox {
        width: 1235px;
        text-align: center;
        margin: 0 auto 100px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title1 {
        font-size: 58px;
        color: #fff;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title2 {
        font-size: 58px;
        color: rgba(255, 255, 255, 0.5);
        margin-bottom: 35px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_textbox .v21se_multi_turbo_title3 {
        font-size: 22px;
        color: rgba(255, 255, 255, 0.6);
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox {
        width: 1333px;
        height: 617px;
        margin: 0 auto 93px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox .v21se_multi_turbo_photo_img {
        width: 1333px;
        height: 617px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox .v21se_multi_turbo_photo_img {
        background-image: url(../img/v21se-multi-turbo-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_imgbox .v21se_multi_turbo_photo_img {
        background-image: url(../img/v21se-multi-turbo-img1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 1061px;
        height: 190px;
        margin: 0 auto;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 {
        width: 198px;
        height: 190px;
        margin-right: 206px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 {
        width: 140px;
        height: 75px;
        margin: 0 auto 34px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 .v21se_multi_turbo_icon1_img {
        width: 140px;
        height: 75px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 .v21se_multi_turbo_icon1_img {
        background-image: url(../img/v21se-multi-turbo-icon1-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_icon1 .v21se_multi_turbo_icon1_img {
        background-image: url(../img/v21se-multi-turbo-icon1-img1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_text {
        margin-bottom: 17px;
        text-align: center;
        font-size: 32px;
        line-height: 41px;
        color: #fff;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item1 .v21se_multi_turbo_btn {
        font-size: 20px;
        color: #fff;
        width: 168px;
        height: 51px;
        line-height: 49px;
        border-radius: 25px;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 {
        width: 255px;
        height: 190px;
        margin-right: 192px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 {
        width: 140px;
        height: 75px;
        margin: 0 auto 34px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 .v21se_multi_turbo_icon2_img {
        width: 140px;
        height: 75px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 .v21se_multi_turbo_icon2_img {
        background-image: url(../img/v21se-multi-turbo-icon2-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_icon2 .v21se_multi_turbo_icon2_img {
        background-image: url(../img/v21se-multi-turbo-icon2-img1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_text {
        margin-bottom: 17px;
        text-align: center;
        font-size: 32px;
        line-height: 41px;
        color: #fff;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item2 .v21se_multi_turbo_btn {
        font-size: 20px;
        color: #fff;
        width: 168px;
        height: 51px;
        line-height: 49px;
        border-radius: 25px;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 {
        width: 209px;
        height: 190px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 {
        width: 140px;
        height: 75px;
        margin: 0 auto 34px;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 .v21se_multi_turbo_icon3_img {
        width: 140px;
        height: 75px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 .v21se_multi_turbo_icon3_img {
        background-image: url(../img/v21se-multi-turbo-icon3-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_icon3 .v21se_multi_turbo_icon3_img {
        background-image: url(../img/v21se-multi-turbo-icon3-img1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_text {
        margin-bottom: 17px;
        text-align: center;
        font-size: 32px;
        line-height: 41px;
        color: #fff;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_multi_turbo .v21se_multi_turbo_main .v21se_multi_turbo_bottom_box .v21se_multi_turbo_bottom_item3 .v21se_multi_turbo_btn {
        font-size: 20px;
        color: #fff;
        width: 168px;
        height: 51px;
        line-height: 49px;
        border-radius: 25px;
        border: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_content .subtitle_white,
    .v21e_night .v21e_night_main .v21e_night_content .title_white {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21e_night .v21e_night_main .v21e_night_content .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21e_night .v21e_night_main .v21e_night_content .subtitle_white {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .v21e_night .v21e_night_main .v21e_night_content .title_white {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21e_night .v21e_night_main .v21e_night_content .content_white {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_content .subtitle_white,
    .v21e_night .v21e_night_main .v21e_night_content .title_white,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21e_night .v21e_night_main .v21e_night_content .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21e_night .v21e_night_main .v21e_night_content .subtitle_white {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .v21e_night .v21e_night_main .v21e_night_content .title_white {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21e_night .v21e_night_main .v21e_night_content .content_white {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_content .subtitle_white,
    .v21e_night .v21e_night_main .v21e_night_content .title_white,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_night {
        width: 100vw;
        height: 100vh;
    }
    .v21e_night .v21e_night_main {
        width: 100vw;
        height: 100vh;
        position: relative;
    }
    .v21e_night .v21e_night_main .v21e_night_img {
        width: 100vw;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        opacity: 1;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_img {
        background-image: url(../img/v21e-night-img-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_night .v21e_night_main .v21e_night_img {
        background-image: url(../img/v21e-night-img-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_img1 {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_img1 {
        background-image: url(../img/v21e-night-img1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_night .v21e_night_main .v21e_night_img1 {
        background-image: url(../img/v21e-night-img1-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_img2 {
        width: 80.8vw;
        height: 62vh;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: scroll;
        box-shadow: 0 0 0 100vw #000;
    }
    .v21e_night .v21e_night_main .v21e_night_content {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 11;
        width: 80.8vw;
        height: 82.4vw;
        text-align: left;
    }
    .v21e_night .v21e_night_main .v21e_night_content .subtitle_white {
        font-weight: 400;
        color: #fff;
    }
    .v21e_night .v21e_night_main .v21e_night_content .title_white {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        margin-bottom: 4.26667vw;
    }
    .v21e_night .v21e_night_main .v21e_night_content .content_white {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_night {
        width: 100vw;
        height: 100vh;
    }
    .v21e_night .v21e_night_main {
        width: 100%;
        height: 100%;
        position: relative;
        color: #fff;
    }
    .v21e_night .v21e_night_main .v21e_night_img {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-image: url(../img/v21e-night-img-lg.jpg);
        background-size: 100% 100%;
        position: absolute;
        opacity: 1;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_night .v21e_night_main .v21e_night_img {
        background-image: url(../img/v21e-night-img-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_img1 {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-image: url(../img/v21e-night-img1-lg.jpg);
        background-size: 100% 100%;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_night .v21e_night_main .v21e_night_img1 {
        background-image: url(../img/v21e-night-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_night .v21e_night_main .v21e_night_img2 {
        display: none;
    }
    .v21e_night .v21e_night_main .v21e_night_content {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
        width: 100vw;
        height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .v21e_night .v21e_night_main .v21e_night_content .subtitle_white {
        color: #fff;
        font-weight: 400;
    }
    .v21e_night .v21e_night_main .v21e_night_content .title_white {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        margin-bottom: 30px;
    }
    .v21e_night .v21e_night_main .v21e_night_content .content_white {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        width: 1000px !important;
        position: relative;
        top: 10px;
    }
    .v21e_night .v21e_night_main .v21e_night_content .v21e_night_explain {
        width: 820px;
        text-align: center;
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_night {
        width: 100vw;
        height: 100vh;
    }
    .v21e_night .v21e_night_main {
        width: 100%;
        height: 100%;
        position: relative;
        color: #fff;
    }
    .v21e_night .v21e_night_main .v21e_night_img {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        opacity: 1;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e_night .v21e_night_main .v21e_night_img {
        background-image: url(../img/v21e-night-img-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e_night .v21e_night_main .v21e_night_img {
        background-image: url(../img/v21e-night-img-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_night .v21e_night_main .v21e_night_img1 {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e_night .v21e_night_main .v21e_night_img1 {
        background-image: url(../img/v21e-night-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e_night .v21e_night_main .v21e_night_img1 {
        background-image: url(../img/v21e-night-img1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_night .v21e_night_main .v21e_night_img2 {
        display: none;
    }
    .v21e_night .v21e_night_main .v21e_night_content {
        position: absolute;
        top: 14px;
        left: 0;
        z-index: 11;
        width: 100vw;
        height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .v21e_night .v21e_night_main .v21e_night_content .subtitle_white {
        color: #fff;
        font-weight: 400;
        font-size: 58px;
    }
    .v21e_night .v21e_night_main .v21e_night_content .title_white {
        font-size: 58px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        margin-bottom: 35px;
    }
    .v21e_night .v21e_night_main .v21e_night_content .content_white {
        font-size: 22px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        width: 1290px !important;
    }
    .v21e_night .v21e_night_main .v21e_night_content .v21e_night_explain {
        width: 1333px;
        text-align: center;
    }
}
@media only screen and (min-width: 1000px) {
    #play-video-box {
        display: none !important;
    }
}
@media only screen and (max-width: 1000px) {
    #play-video-box {
        width: 100vw;
        height: 100vh;
        background-color: #000;
        position: fixed;
        top: 0;
        left: 0;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        transform: translateY(100vh);
        -webkit-transition: -webkit-transform 0.6s linear;
        transition: -webkit-transform 0.6s linear;
        transition: transform 0.6s linear;
        transition: transform 0.6s linear, -webkit-transform 0.6s linear;
        will-change: transform;
        z-index: 10000;
    }
    #play-video-box .all_videobox {
        width: 100%;
        height: calc(56.25vw);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #play-video-box .all_videobox video {
        width: 100%;
        height: 230%;
        position: absolute;
        top: -150px;
        object-fit: contain;
        z-index: 1;
    }
    #play-video-box .close {
        background-image: url(../img/close.svg);
        background-size: 100% 100%;
        position: absolute;
        bottom: -25vh;
        left: 50%;
        margin-left: -14px;
        width: 28px;
        height: 28px;
    }
}
.show-video {
    -webkit-transform: translateY(0vh) !important;
    -ms-transform: translateY(0vh) !important;
    transform: translateY(0vh) !important;
}
.stop-scroll {
    overflow-y: hidden;
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1,
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text3 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1 {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text2 {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text3 {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1,
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text2 {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text3 {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text2 {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text3 {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w,
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1,
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text2 {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e_qualcomm {
        margin-top: 2.6722106rem;
        background-color: #000;
        width: 100%;
        height: 975px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main {
        width: 100%;
        height: 875px;
        position: relative;
        top: 101px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text {
        width: 80.8vw;
        text-align: left;
        margin: 0 auto;
        position: relative;
        z-index: 9;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1 {
        padding-bottom: 16px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .sup {
        font-size: 5.33333vw;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .sup1 {
        font-size: 6.66667vw;
        position: relative;
        top: 1.86667vw;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text2 {
        margin-bottom: 4.26667vw;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img2 {
        position: absolute;
        top: 312px;
        left: 0;
        z-index: 5;
        width: 53.33333vw;
        height: 12px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transition: width 1.5s;
        transition: width 1.5s;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img2 {
        background-image: url(../img/v21e-qualcomm2-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img2 {
        background-image: url(../img/v21e-qualcomm2-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img3 {
        position: absolute;
        top: 384px;
        left: 0;
        z-index: 5;
        width: 80.8vw;
        height: 12px;
        background-repeat: no-repeat;
        -webkit-transition: width 2.5s;
        transition: width 2.5s;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img3 {
        background-image: url(../img/v21e-qualcomm3-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img3 {
        background-image: url(../img/v21e-qualcomm3-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_img1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_img1 {
        background-image: url(../img/v21e-qualcomm-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_img1 {
        background-image: url(../img/v21e-qualcomm-md-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    body .v21e_qualcomm {
        background-color: #000;
        width: 100%;
        height: 1124px;
        padding-bottom: 285px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main {
        width: 100%;
        height: 1124px;
        position: relative;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text {
        width: 1000px;
        position: absolute;
        top: 785px;
        left: 51%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        z-index: 9;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1 .sup {
        font-size: 36px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1 .sup1 {
        font-size: 40px;
        position: relative;
        top: 9px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text2 {
        margin-bottom: 30px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text3 {
        width: 950px;
        margin: 30px auto 0 auto;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img2 {
        position: absolute;
        bottom: -149px;
        left: 141px;
        width: 450px;
        height: 16px;
        background-image: url(../img/v21e-qualcomm2-lg.png);
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        -webkit-transition: width 1.5s;
        transition: width 1.5s;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img2 {
        background-image: url(../img/v21e-qualcomm2-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img3 {
        position: absolute;
        top: 320px;
        left: 141px;
        width: 680px;
        height: 16px;
        background-image: url(../img/v21e-qualcomm3-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        -webkit-transition: width 2.5s;
        transition: width 2.5s;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img3 {
        background-image: url(../img/v21e-qualcomm3-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_img1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/v21e-qualcomm-lg.png);
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_img1 {
        background-image: url(../img/v21e-qualcomm-lg-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_qualcomm {
        padding-bottom: 339px;
        background-color: #000;
        width: 100%;
        height: 1579px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main {
        width: 100%;
        height: 1579px;
        position: relative;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text {
        width: 1333px;
        position: absolute;
        top: 1120px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        z-index: 9;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text1 {
        font-size: 58px;
        margin-bottom: 27px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text2 {
        font-size: 58px;
        margin-bottom: 35px;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .text3 {
        font-size: 22px;
        opacity: 0.6;
        width: 1333px;
        width: 1250px;
        height: 56px;
        margin: 0 auto;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
    }
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img2 {
        position: absolute;
        bottom: -198px;
        left: 183px;
        top: 465px;
        width: 600px;
        height: 20px;
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        -webkit-transition: width 1.5s;
        transition: width 1.5s;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img2 {
        background-image: url(../img/v21e-qualcomm3-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img2 {
        background-image: url(../img/v21e-qualcomm3-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img3 {
        position: absolute;
        bottom: -302px;
        top: 352px;
        left: 183px;
        width: 907px;
        height: 20px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        -webkit-transition: width 2.5s;
        transition: width 2.5s;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img3 {
        background-image: url(../img/v21e-qualcomm2-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_text .v21e_qualcomm_img3 {
        background-image: url(../img/v21e-qualcomm2-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_img1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_img1 {
        background-image: url(../img/v21e-qualcomm-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .v21e_qualcomm .v21e_qualcomm_main .v21e_qualcomm_img1 {
        background-image: url(../img/v21e-qualcomm-xl-x2.png);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_ram {
        width: 100vw;
        position: relative;
        z-index: 90;
        background-color: #000;
    }
    .v21se_ram .v21se_ram_main {
        width: 100vw;
        height: 100%;
        margin: 0 auto;
    }
    .v21se_ram .v21se_ram_main .su1 {
        font-size: 3.73333vw;
        position: relative;
        top: -8px;
        left: 2px;
    }
    .v21se_ram .v21se_ram_main .su2 {
        font-size: 2.93333vw;
        position: relative;
        top: 1px;
        left: 0;
    }
    .v21se_ram .v21se_ram_text1 {
        width: 81.06667vw;
        margin: 0 auto;
        text-align: left;
        position: relative;
        z-index: 9;
    }
    .v21se_ram .v21se_ram_text1 .step2 {
        margin-bottom: 4.26667vw;
    }
    .v21se_ram .v21se_figure_ram_1 {
        margin-top: -26.66667vw;
        width: 100%;
        height: 143.46667vw;
        position: relative;
        top: 15vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .v21se_ram .v21se_figure_ram_1 figure {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_ram .v21se_figure_ram_1 figure {
        background-image: url(../img/v21e-ram-top-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ram .v21se_figure_ram_1 figure {
        background-image: url(../img/v21e-ram-top-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_ram .v21se_ram_bottom {
        width: 100%;
    }
    .v21se_ram .v21se_ram_bottom .main-content {
        margin: 0 auto;
        width: 303px;
    }
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 {
        width: 100%;
        height: 115.73333vw;
    }
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 figure {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 figure {
        background-image: url(../img/v21e-ram-bottom-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 figure {
        background-image: url(../img/v21e-ram-bottom-md-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_ram {
        position: relative;
        z-index: 90;
        background-color: #000;
        margin-bottom: 280px;
    }
    .v21se_ram .v21se_ram_main {
        width: 1000px;
        margin: 0 auto;
    }
    .v21se_ram .v21se_ram_main .su1 {
        font-size: 24px;
        position: relative;
        top: -7px;
        left: 2px;
    }
    .v21se_ram .v21se_ram_main .su2 {
        font-size: 10px;
        position: relative;
        top: -3px;
        left: 1px;
    }
    .v21se_ram .v21se_ram_text1 {
        text-align: center;
    }
    .v21se_ram .v21se_figure_ram_1 {
        width: 1200px;
        height: 700px;
        margin-top: 70px;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .v21se_ram .v21se_figure_ram_1 figure {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url(../img/v21e-ram-top-lg.jpg);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ram .v21se_figure_ram_1 figure {
        background-image: url(../img/v21e-ram-top-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_ram .v21se_ram_bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 452px;
        padding-top: 160px;
    }
    .v21se_ram .v21se_ram_bottom .main-content {
        opacity: 0.6;
        width: 455px;
        height: 92px;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
    }
    .v21se_ram .v21se_ram_bottom .main-content .su2 {
        opacity: 0.6;
        width: 7px;
        height: 26px;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        position: absolute;
        top: 18px;
        left: 322px;
    }
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 {
        width: 451px;
        height: 452px;
    }
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 figure {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url(../img/v21e-ram-bottom-lg.jpg);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 figure {
        background-image: url(../img/v21e-ram-bottom-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_ram {
        position: relative;
        z-index: 90;
        background-color: #000;
        margin-bottom: 400px;
    }
    .v21se_ram .v21se_ram_main {
        width: 1333px;
        margin: 0 auto;
    }
    .v21se_ram .v21se_ram_text1 {
        text-align: center;
    }
    .v21se_ram .v21se_ram_text1 .title-box {
        margin-bottom: 35px;
    }
    .v21se_ram .v21se_ram_text1 .su1 {
        font-size: 28px;
        position: relative;
        top: -8px;
        left: 2px;
    }
    .v21se_ram .v21se_ram_text1 .su2 {
        font-size: 12px;
        position: relative;
        top: -4px;
        left: 1px;
    }
    .v21se_ram .v21se_figure_ram_1 {
        width: 1600px;
        height: 993px;
        margin-top: 90px;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .v21se_ram .v21se_figure_ram_1 figure {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_ram .v21se_figure_ram_1 figure {
        background-image: url(../img/v21e-ram-top-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_ram .v21se_figure_ram_1 figure {
        background-image: url(../img/v21e-ram-top-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_ram .v21se_ram_bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 452px;
        padding-top: 300px;
    }
    .v21se_ram .v21se_ram_bottom .main-content {
        left: 200px;
        margin: 0;
        padding-top: 233px;
        width: 450px;
        position: relative;
        font-size: 22px;
        line-height: 28px;
    }
    .v21se_ram .v21se_ram_bottom .main-content .su2 {
        font-size: 12px;
        position: absolute;
        top: 282px;
        left: 157px;
    }
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 {
        width: 601px;
        height: 601px;
    }
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 figure {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 figure {
        background-image: url(../img/v21e-ram-bottom-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_ram .v21se_ram_bottom .v21se_figure_ram_2 figure {
        background-image: url(../img/v21e-ram-bottom-xl-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
.fontCamera {
    width: 100vw;
    height: 100vh;
    position: relative;
    padding-bottom: 100vh;
    background-color: #000;
}
.fontCamera .fontCamera_main {
    width: 100%;
    height: 50%;
    margin: auto;
    position: relative;
}
.fontCamera .fontCamera_main .fontCameraImg {
    width: 82.66667vw;
    height: 9.6vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}
@media (max-width: 1000px) {
    .fontCamera .fontCamera_main .fontCameraImg {
        background-image: url(../img/v21e-fontCamera-md.png);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .fontCamera .fontCamera_main .fontCameraImg {
        background-image: url(../img/v21e-fontCamera-md-x2.png);
    }
}
.design {
    width: 100vw;
    height: 100vh;
    position: relative;
    padding-bottom: 100vh;
    background: #fff;
}
.design .design_main {
    width: 100%;
    height: 50%;
    margin: auto;
    position: relative;
}
.design .design_main .designImg {
    width: 49.86667vw;
    height: 14.66667vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}
@media (max-width: 1000px) {
    .design .design_main .designImg {
        background-image: url(../img/v21e-design-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .design .design_main .designImg {
        background-image: url(../img/v21e-design-md-x2.jpg);
    }
}
.rear-camera {
    width: 100vw;
    height: 100vh;
    position: relative;
    padding-bottom: 100vh;
    background-color: #000;
}
.rear-camera .rear-camera-main {
    width: 100%;
    height: 50%;
    margin: auto;
    position: relative;
}
.rear-camera .rear-camera-main .rear-cameraImg {
    width: 80.8vw;
    height: 9.6vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}
@media (max-width: 1000px) {
    .rear-camera .rear-camera-main .rear-cameraImg {
        background-image: url(../img/v21e-rearCamera-md.png);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .rear-camera .rear-camera-main .rear-cameraImg {
        background-image: url(../img/v21e-rearCamera-md-x2.png);
    }
}
.performance {
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #000;
    padding-bottom: 100vh;
}
.performance .performance-main {
    width: 100%;
    height: 50%;
    margin: auto;
    position: relative;
}
.performance .performance-main .performanceImg {
    width: 80.8vw;
    height: 9.86667vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}
@media (max-width: 1000px) {
    .performance .performance-main .performanceImg {
        background-image: url(../img/v21e-performance-md.png);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .performance .performance-main .performanceImg {
        background-image: url(../img/v21e-performance-md-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .fontCamera {
        width: 100vw;
        height: 100vh;
        position: relative;
        padding-bottom: 100vh;
        background: #000;
    }
    .fontCamera .fontCamera_main {
        width: 100%;
        height: 50%;
        margin: auto;
        position: relative;
    }
    .fontCamera .fontCamera_main .fontCameraImg {
        width: 829px;
        height: 97px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        background-image: url(../img/v21e-fontCamera-lg.png);
        background-size: 100% 100%;
        opacity: 1;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .fontCamera .fontCamera_main .fontCameraImg {
        background-image: url(../img/v21e-fontCamera-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .design {
        width: 100vw;
        height: 100vh;
        position: relative;
        padding-bottom: 100vh;
    }
    .design .design_main {
        width: 100%;
        height: 50%;
        margin: auto;
        position: relative;
    }
    .design .design_main .designImg {
        width: 408px;
        height: 120px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        background-image: url(../img/v21e-design-lg.jpg);
        background-size: 100% 100%;
        opacity: 1;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .design .design_main .designImg {
        background-image: url(../img/v21e-design-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .rear-camera {
        width: 100vw;
        height: 100vh;
        position: relative;
        background-color: #000;
        padding-bottom: 100vh;
    }
    .rear-camera .rear-camera-main {
        width: 100%;
        height: 50%;
        margin: auto;
        position: relative;
    }
    .rear-camera .rear-camera-main .rear-cameraImg {
        width: 799px;
        height: 96px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-image: url(../img/v21e-rearCamera-lg.png);
        background-size: 100% 100%;
        opacity: 1;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .rear-camera .rear-camera-main .rear-cameraImg {
        background-image: url(../img/v21e-rearCamera-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .performance {
        width: 100%;
        height: 100vh;
        position: relative;
        background-color: #000;
        padding-bottom: 100vh;
    }
    .performance .performance-main {
        width: 100%;
        height: 50%;
        margin: auto;
        position: relative;
    }
    .performance .performance-main .performanceImg {
        width: 797px;
        height: 96px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        background-image: url(../img/v21e-performance-lg.png);
        background-size: 100% 100%;
        opacity: 1;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .performance .performance-main .performanceImg {
        background-image: url(../img/v21e-performance-lg-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .fontCamera .fontCamera_main .fontCameraImg {
        width: 1106px;
        height: 129px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 1;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .fontCamera .fontCamera_main .fontCameraImg {
        background-image: url(../img/v21e-fontCamera-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .fontCamera .fontCamera_main .fontCameraImg {
        background-image: url(../img/v21e-fontCamera-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .design .design_main .designImg {
        width: 544px;
        height: 159px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 1;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .design .design_main .designImg {
        background-image: url(../img/v21e-design-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .design .design_main .designImg {
        background-image: url(../img/v21e-design-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .rear-camera .rear-camera-main .rear-cameraImg {
        width: 1065px;
        height: 128px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 1;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .rear-camera .rear-camera-main .rear-cameraImg {
        background-image: url(../img/v21e-rearCamera-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .rear-camera .rear-camera-main .rear-cameraImg {
        background-image: url(../img/v21e-rearCamera-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .performance .performance-main .performanceImg {
        width: 1061px;
        height: 128px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 1;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .performance .performance-main .performanceImg {
        background-image: url(../img/v21e-performance-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .performance .performance-main .performanceImg {
        background-image: url(../img/v21e-performance-xl-x2.png);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_selfie {
        height: auto;
        background-color: #000;
        margin-top: 4rem;
        position: relative;
        z-index: 20;
    }
    .v21e_selfie .no-in-mobile {
        display: none;
    }
    .v21e_selfie .only-in-mobile {
        display: block !important;
    }
    .v21e_selfie .section {
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
        margin: 0 auto;
    }
    .v21e_selfie .block1 {
        margin-bottom: 0;
        padding-top: 5.86667vw;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21e_selfie .block1 .block-text {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 10.66667vw;
        padding: 0 36px;
        margin-top: 0;
    }
    .v21e_selfie .block1 .main-content {
        width: 300px;
        margin: 0 0;
    }
    .v21e_selfie .block1 .figure-box {
        -webkit-perspective: 1000px;
        perspective: 1000px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .v21e_selfie .block1 .figure-box .f1 {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg) rotate(0.01deg);
        transform: rotateY(-6deg) rotate(0.01deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        left: 0;
        top: 0;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f1 {
        background-image: url(../img/v21e-level4-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f1 {
        background-image: url(../img/v21e-level4-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f2 {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg);
        transform: rotateY(-6deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: -54px;
        left: 53px;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f2 {
        background-image: url(../img/v21e-level2-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f2 {
        background-image: url(../img/v21e-level2-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f3 {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg);
        transform: rotateY(-6deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: -108px;
        left: 106px;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f3 {
        background-image: url(../img/v21e-level3-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f3 {
        background-image: url(../img/v21e-level3-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f1 {
        position: absolute;
        z-index: 10;
    }
    .v21e_selfie .block1 .figure-box .f1 .white_mask {
        background-color: #fff;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .v21e_selfie .block1 .figure-box .f2 {
        position: absolute;
        z-index: 5;
    }
    .v21e_selfie .block1 .figure-box .f3 {
        position: absolute;
        z-index: 2;
    }
    .v21e_selfie .block2 {
        height: auto;
        padding-bottom: 36vw;
    }
    .v21e_selfie .block2 .block-text {
        padding: 0 36px;
        width: 100%;
        height: auto;
        padding-top: 0;
        margin-left: 0;
        box-sizing: border-box;
        padding-top: 29.33333vw;
        padding-bottom: 10.66667vw;
    }
    .v21e_selfie .block2 .block-text .title-box {
        z-index: 2000;
    }
    .v21e_selfie .block2 .block-text .title-box .step1 {
        color: #fff;
    }
    .v21e_selfie .block2 .block-text .title-box .step2 {
        color: #fff;
    }
    .v21e_selfie .block2 .main-content {
        width: 100%;
        margin: 0 0;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21e_selfie .block2 .figure-box figure {
        background-image: url(../img/v21e-selfie-img2-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_selfie .block2 .figure-box figure {
        background-image: url(../img/v21e-selfie-img2-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21e_selfie .block1,
    .v21e_selfie .block2 {
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .v21e_selfie .block1 .figure-box,
    .v21e_selfie .block2 .figure-box {
        width: 94.66667vw;
        height: 127.73333vw;
        margin: 0 auto;
        position: relative;
        z-index: 90;
    }
    .v21e_selfie .block1 .figure-box figure,
    .v21e_selfie .block2 .figure-box figure {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_selfie {
        background-color: #000;
    }
    .v21e_selfie .only-in-mobile {
        display: none !important;
    }
    .v21e_selfie .section {
        padding-bottom: 180px;
        padding-top: 230px;
        width: 1000px;
        margin: 0 auto;
    }
    .v21e_selfie .block1 {
        margin-bottom: 180px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21e_selfie .block1 .block-text {
        width: 520px;
        margin-top: 106px;
    }
    .v21e_selfie .block1 .main-content {
        width: 460px;
        margin: 0 0;
    }
    .v21e_selfie .block1 .figure-box {
        -webkit-perspective: 1000px;
        perspective: 1000px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .v21e_selfie .block1 .figure-box .f1 {
        background-image: url(../img/v21e-level4-lg.jpg);
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg) rotate(0.01deg);
        transform: rotateY(-6deg) rotate(0.01deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        left: 0;
        top: 0;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f1 {
        background-image: url(../img/v21e-level4-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f2 {
        background-image: url(../img/v21e-level2-lg.jpg);
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg);
        transform: rotateY(-6deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: -54px;
        left: 53px;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f2 {
        background-image: url(../img/v21e-level2-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f3 {
        background-image: url(../img/v21e-level3-lg.jpg);
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg);
        transform: rotateY(-6deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: -108px;
        left: 106px;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f3 {
        background-image: url(../img/v21e-level3-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_selfie .block1 .figure-box .f1 {
        position: absolute;
        z-index: 10;
    }
    .v21e_selfie .block1 .figure-box .f1 .white_mask {
        background-color: #fff;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .v21e_selfie .block1 .figure-box .f2 {
        position: absolute;
        z-index: 5;
    }
    .v21e_selfie .block1 .figure-box .f3 {
        position: absolute;
        z-index: 2;
    }
    .v21e_selfie .block2 .block-text {
        width: 480px;
        padding-top: 120px;
        margin-left: 120px;
    }
    .v21e_selfie .block2 .figure-box figure {
        background-image: url(../img/v21e-selfie-img2-lg.jpg);
        border-radius: 15px;
        overflow: hidden;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21e_selfie .block2 .figure-box figure {
        background-image: url(../img/v21e-selfie-img2-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21e_selfie .block1,
    .v21e_selfie .block2 {
        width: 100%;
        height: 540px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .v21e_selfie .block1 .block-text .main-content,
    .v21e_selfie .block2 .block-text .main-content {
        width: 460px;
        width: 480px;
    }
    .v21e_selfie .block1 .figure-box,
    .v21e_selfie .block2 .figure-box {
        width: 400px;
        height: 540px;
        position: relative;
        z-index: 90;
    }
    .v21e_selfie .block1 .figure-box figure,
    .v21e_selfie .block2 .figure-box figure {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_selfie {
        background-color: #000;
    }
    .v21e_selfie .section {
        padding-bottom: 180px;
        padding-top: 380px;
        width: 1440px;
        margin: 0 auto;
    }
    .v21e_selfie .block1 {
        margin-bottom: 240px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21e_selfie .block1 .block-text {
        width: 568px;
        margin-top: 149px;
    }
    .v21e_selfie .block1 .main-content {
        width: 561px !important;
        margin: 0 0;
    }
    .v21e_selfie .block1 .figure-box {
        -webkit-perspective: 1000px;
        perspective: 1000px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .v21e_selfie .block1 .figure-box .f1 {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg) rotate(0.01deg);
        transform: rotateY(-6deg) rotate(0.01deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        left: 0;
        top: 0;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e_selfie .block1 .figure-box .f1 {
        background-image: url(../img/v21e-level4-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f1 {
        background-image: url(../img/v21e-level4-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_selfie .block1 .figure-box .f2 {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg);
        transform: rotateY(-6deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: -54px;
        left: 53px;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e_selfie .block1 .figure-box .f2 {
        background-image: url(../img/v21e-level2-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f2 {
        background-image: url(../img/v21e-level2-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_selfie .block1 .figure-box .f3 {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: rotateY(-6deg);
        transform: rotateY(-6deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: -108px;
        left: 106px;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e_selfie .block1 .figure-box .f3 {
        background-image: url(../img/v21e-level3-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e_selfie .block1 .figure-box .f3 {
        background-image: url(../img/v21e-level3-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_selfie .block1 .figure-box .f1 {
        position: absolute;
        z-index: 10;
    }
    .v21e_selfie .block1 .figure-box .f1 .white_mask {
        background-color: #fff;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .v21e_selfie .block1 .figure-box .f2 {
        position: absolute;
        z-index: 5;
    }
    .v21e_selfie .block1 .figure-box .f3 {
        position: absolute;
        z-index: 2;
    }
    .v21e_selfie .block2 .block-text {
        width: 465px;
        width: 580px;
        padding-top: 200px;
        margin-left: 260px;
    }
    .v21e_selfie .block2 .block-text .main-title-w {
        width: 471px;
        width: 580px;
        height: 75px;
        color: #fff;
        font-family: QiHeiVarforvivo_75;
        font-size: 58px;
        font-weight: 400;
        line-height: 75px;
        letter-spacing: 0px;
    }
    .v21e_selfie .block2 .block-text .main-title-d {
        opacity: 0.5;
        width: 350px;
        width: 540px;
        height: 75px;
        height: 150px;
        color: #fff;
        font-family: QiHeiVarforvivo_75;
        font-size: 58px;
        font-weight: 400;
        line-height: 75px;
        letter-spacing: 0px;
    }
    .v21e_selfie .block2 .block-text .main-content {
        opacity: 0.6;
        width: 549px;
        width: 580px;
        height: 56px;
        color: #fff;
        font-family: QiHeiVarforvivo_65;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
    }
    .v21e_selfie .block2 .figure-box figure {
        border-radius: 22px;
        overflow: hidden;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21e_selfie .block2 .figure-box figure {
        background-image: url(../img/v21e-selfie-img2-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21e_selfie .block2 .figure-box figure {
        background-image: url(../img/v21e-selfie-img2-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21e_selfie .block1,
    .v21e_selfie .block2 {
        width: 100%;
        height: 720px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .v21e_selfie .block1 .figure-box,
    .v21e_selfie .block2 .figure-box {
        width: 533px;
        height: 720px;
        position: relative;
        z-index: 90;
    }
    .v21e_selfie .block1 .figure-box figure,
    .v21e_selfie .block2 .figure-box figure {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_stylish_night {
        background-color: #000;
        width: 100vw;
        margin-top: 16vw;
    }
    .v21se_stylish_night .v21se_stylish_night_main {
        width: 100%;
        margin: 0 auto;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_textbox {
        width: 80.8vw;
        text-align: left;
        margin: 0 auto 10.66667vw;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_textbox .step2 {
        margin-bottom: 4.26667vw;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox {
        overflow-x: scroll;
        overflow-y: hidden;
        height: 107.73333vw;
        white-space: nowrap;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox::-webkit-scrollbar {
        display: none;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox div[class^="v21se_stylish_night_imgbox_item"] {
        display: inline-block;
        border-radius: 2.66667vw;
        overflow: hidden;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox div[class^="v21se_stylish_night_imgbox_item"] .v21se_stylish_night_btn {
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        position: absolute;
        bottom: 5.33333vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 25.06667vw;
        height: 8vw;
        line-height: 8vw;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 1.33333vw;
        text-align: center;
        color: #fff;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 {
        position: relative;
        width: 80.8vw;
        height: 107.73333vw;
        margin: 0 6.93333vw;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 .v21se_stylish_night_photo_img1 {
        width: 80.8vw;
        height: 107.73333vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 .v21se_stylish_night_photo_img1 {
        background-image: url(../img/v21se-stylish-night-img1-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 .v21se_stylish_night_photo_img1 {
        background-image: url(../img/v21se-stylish-night-img1-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 {
        position: relative;
        width: 80.8vw;
        height: 107.73333vw;
        margin-right: 6.93333vw;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 .v21se_stylish_night_photo_img2 {
        width: 80.8vw;
        height: 107.73333vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 .v21se_stylish_night_photo_img2 {
        background-image: url(../img/v21se-stylish-night-img2-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 .v21se_stylish_night_photo_img2 {
        background-image: url(../img/v21se-stylish-night-img2-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 {
        position: relative;
        width: 80.8vw;
        height: 107.73333vw;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 .v21se_stylish_night_photo_img3 {
        width: 80.8vw;
        height: 107.73333vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 .v21se_stylish_night_photo_img3 {
        background-image: url(../img/v21se-stylish-night-img4-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 .v21se_stylish_night_photo_img3 {
        background-image: url(../img/v21se-stylish-night-img4-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 {
        position: relative;
        width: 80.8vw;
        margin: 0 6.93333vw;
        height: 107.73333vw;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 .v21se_stylish_night_photo_img4 {
        width: 80.8vw;
        height: 107.73333vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 .v21se_stylish_night_photo_img4 {
        background-image: url(../img/v21se-stylish-night-img3-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 .v21se_stylish_night_photo_img4 {
        background-image: url(../img/v21se-stylish-night-img3-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main::after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin: 6.66667vw auto 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main::after {
        background-image: url(../img/v21se-stylish-night-img5-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main::after {
        background-image: url(../img/v21se-stylish-night-img5-md-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_stylish_night {
        background-color: #000;
        padding-top: 200px;
        padding-bottom: 230px;
    }
    .v21se_stylish_night .v21se_stylish_night_main {
        width: 1200px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_textbox {
        width: 1000px;
        text-align: center;
        margin: 0 auto 60px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 1200px;
        height: 680px;
        margin: 0 auto;
        border-radius: 17px;
        overflow: hidden;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox div[class^="v21se_stylish_night_imgbox_item"] {
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox div[class^="v21se_stylish_night_imgbox_item"] .v21se_stylish_night_btn {
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        position: absolute;
        bottom: 20px;
        left: 87px;
        width: 126px;
        height: 46px;
        line-height: 46px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        text-align: center;
        color: #fff;
        font-size: 18px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 {
        position: relative;
        width: 300px;
        height: 680px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 .v21se_stylish_night_photo_img1 {
        width: 100%;
        height: 680px;
        background-image: url(../img/v21se-stylish-night-img1-lg.jpg);
        background-size: auto 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 .v21se_stylish_night_photo_img1 {
        background-image: url(../img/v21se-stylish-night-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 {
        position: relative;
        width: 300px;
        height: 680px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 .v21se_stylish_night_photo_img2 {
        width: 100%;
        height: 680px;
        background-image: url(../img/v21se-stylish-night-img2-lg.jpg);
        background-size: auto 100%;
        background-position: 33.3% center;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 .v21se_stylish_night_photo_img2 {
        background-image: url(../img/v21se-stylish-night-img2-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 {
        position: relative;
        width: 300px;
        height: 680px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 .v21se_stylish_night_photo_img3 {
        width: 100%;
        height: 680px;
        background-image: url(../img/v21se-stylish-night-img4-lg.jpg);
        background-size: auto 100%;
        background-position: 66.6% center;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 .v21se_stylish_night_photo_img3 {
        background-image: url(../img/v21se-stylish-night-img4-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 {
        position: relative;
        width: 300px;
        height: 680px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 .v21se_stylish_night_photo_img4 {
        width: 100%;
        height: 680px;
        background-image: url(../img/v21se-stylish-night-img3-lg.jpg);
        background-size: auto 100%;
        background-position: 100% center;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 .v21se_stylish_night_photo_img4 {
        background-image: url(../img/v21se-stylish-night-img3-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_stylish_night {
        background-color: #000;
        padding-top: 274px;
        padding-bottom: 330px;
    }
    .v21se_stylish_night .v21se_stylish_night_main {
        width: 1600px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_textbox {
        width: 1333px;
        text-align: center;
        margin: 0 auto 90px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_textbox .main-title-d,
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_textbox .main-title-w {
        font-size: 58px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_textbox .main-content {
        font-size: 22px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 1600px;
        height: 907px;
        margin: 0 auto;
        border-radius: 19px;
        overflow: hidden;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox div[class^="v21se_stylish_night_imgbox_item"] {
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox div[class^="v21se_stylish_night_imgbox_item"] .v21se_stylish_night_btn {
        font-size: 22px;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        position: absolute;
        bottom: 27px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 168px;
        height: 61px;
        line-height: 61px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        text-align: center;
        color: #fff;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 {
        position: relative;
        width: 400px;
        height: 907px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 .v21se_stylish_night_photo_img1 {
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 .v21se_stylish_night_photo_img1 {
        background-image: url(../img/v21se-stylish-night-img1-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item1 .v21se_stylish_night_photo_img1 {
        background-image: url(../img/v21se-stylish-night-img1-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 {
        position: relative;
        width: 400px;
        height: 907px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 .v21se_stylish_night_photo_img2 {
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        background-position: 33.3% center;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 .v21se_stylish_night_photo_img2 {
        background-image: url(../img/v21se-stylish-night-img2-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item2 .v21se_stylish_night_photo_img2 {
        background-image: url(../img/v21se-stylish-night-img2-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 {
        position: relative;
        width: 400px;
        height: 907px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 .v21se_stylish_night_photo_img3 {
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        background-position: 66.6% center;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 .v21se_stylish_night_photo_img3 {
        background-image: url(../img/v21se-stylish-night-img4-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item3 .v21se_stylish_night_photo_img3 {
        background-image: url(../img/v21se-stylish-night-img4-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 {
        position: relative;
        width: 400px;
        height: 907px;
    }
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 .v21se_stylish_night_photo_img4 {
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        background-position: 100% center;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 .v21se_stylish_night_photo_img4 {
        background-image: url(../img/v21se-stylish-night-img3-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_stylish_night .v21se_stylish_night_main .v21se_stylish_night_imgbox .v21se_stylish_night_imgbox_item4 .v21se_stylish_night_photo_img4 {
        background-image: url(../img/v21se-stylish-night-img3-xl-x2.jpg);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .super_system .super_system_main .super_system_textbox .super_system_subtitle_white,
    .super_system .super_system_main .super_system_textbox .super_system_title_white {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .super_system .super_system_main .super_system_textbox .super_system_description {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .super_system .super_system_main .super_system_textbox .super_system_subtitle_white {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .super_system .super_system_main .super_system_textbox .super_system_title_white {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .super_system .super_system_main .super_system_textbox .super_system_description {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .super_system .super_system_main .super_system_textbox .super_system_subtitle_white,
    .super_system .super_system_main .super_system_textbox .super_system_title_white,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .super_system .super_system_main .super_system_textbox .super_system_description {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .super_system .super_system_main .super_system_textbox .super_system_subtitle_white {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .super_system .super_system_main .super_system_textbox .super_system_title_white {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .super_system .super_system_main .super_system_textbox .super_system_description {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .super_system .super_system_main .super_system_textbox .super_system_subtitle_white,
    .super_system .super_system_main .super_system_textbox .super_system_title_white,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .super_system {
        width: 100vw;
        height: 100vh;
        background: #000;
        position: relative;
        overflow: hidden;
    }
    .super_system .super_system_main {
        width: 100vw;
        height: 100vh;
        margin: auto;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .super_system .super_system_main {
        background-image: url(../img/v21e-super-system-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .super_system .super_system_main {
        background-image: url(../img/v21e-super-system-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .super_system .super_system_main .su1 {
        font-size: 3.73333vw;
        position: relative;
        top: -2px;
        left: 1px;
    }
    .super_system .super_system_main .super_system_textbox {
        width: 80.8vw;
        height: 99.2vw;
        text-align: left;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .super_system .super_system_main .super_system_textbox .super_system_subtitle_white {
        color: #fff;
        font-weight: 400;
    }
    .super_system .super_system_main .super_system_textbox .super_system_title_white {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        margin-bottom: 4.26667vw;
    }
    .super_system .super_system_main .super_system_textbox .super_system_description {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
    }
}
@media only screen and (min-width: 1000px) {
    .super_system {
        width: 100%;
        height: 800px;
        background: #000;
        position: relative;
        padding-bottom: 128px;
        overflow: hidden;
    }
    .super_system .super_system_main {
        width: 100%;
        height: 800px;
        margin: auto;
        position: relative;
        background-image: url(../img/v21e-super-system-lg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .super_system .super_system_main {
        background-image: url(../img/v21e-super-system-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .super_system .super_system_main .su1 {
        font-size: 24px;
        position: relative;
        top: -3px;
        left: 0;
    }
    .super_system .super_system_main .super_system_textbox {
        width: 1000px;
        height: 223px;
        text-align: center;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .super_system .super_system_main .super_system_textbox .super_system_subtitle_white {
        color: #fff;
        font-weight: 400;
    }
    .super_system .super_system_main .super_system_textbox .super_system_title_white {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        margin-bottom: 30px;
    }
    .super_system .super_system_main .super_system_textbox .super_system_description {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
    }
}
@media only screen and (min-width: 1921px) {
    .super_system {
        width: 100%;
        height: 1067px;
        background: #000;
        position: relative;
        padding-bottom: 261px;
        overflow: hidden;
    }
    .super_system .super_system_main {
        width: 100%;
        height: 1067px;
        margin: auto;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .super_system .super_system_main {
        background-image: url(../img/v21e-super-system-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .super_system .super_system_main {
        background-image: url(../img/v21e-super-system-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .super_system .super_system_main .su1 {
        font-size: 28px;
        position: relative;
        top: -4px;
        left: 1px;
    }
    .super_system .super_system_main .super_system_textbox {
        width: 1333px;
        height: 269px;
        text-align: center;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .super_system .super_system_main .super_system_textbox .super_system_subtitle_white {
        font-size: 58px;
        color: #fff;
        font-weight: 400;
    }
    .super_system .super_system_main .super_system_textbox .super_system_title_white {
        font-size: 58px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        margin-bottom: 35px;
    }
    .super_system .super_system_main .super_system_textbox .super_system_description {
        font-size: 22px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_ultra_rear {
        width: 100vw;
        position: relative;
        background-color: #000;
        margin-top: 34.66667vw;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main {
        width: 100vw;
        text-align: left;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .main-content {
        width: 305px;
        margin: 0;
        display: none;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .top {
        width: 87.73333vw;
        margin: 0 auto;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .top .step1 {
        width: 303px;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .top .main-content {
        display: block;
        margin-top: 4vw;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom {
        width: 100%;
        margin-top: 10.66667vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 16.66667vw;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .inner-box {
        height: 90.66667vw;
        width: 94.66667vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .inner-box .v21se_ultra_rear_img {
        border-radius: 1.33333vw;
        margin: 0 auto;
        height: 90.66667vw;
        width: 94.66667vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .inner-box .v21se_ultra_rear_img {
        background-image: url(../img/v21se-ultra-rear-img-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .inner-box .v21se_ultra_rear_img {
        background-image: url(../img/v21se-ultra-rear-img-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .video {
        display: none;
        width: 45.6vw;
        height: 61.86667vw;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        background: #000;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .video video {
        display: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_ultra_rear {
        width: 100%;
        position: relative;
        background-color: #000;
        margin-top: 0;
        margin-bottom: 100px;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main {
        width: 1000px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .v21se_ultra_rear_img {
        display: none;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .top {
        width: 814px;
        margin: 0 auto;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .top .main-content {
        display: none;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom {
        width: 100%;
        margin-top: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 40px;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .inner-box {
        width: 1000px;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .video {
        width: 1000px;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .main-content {
        display: block;
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_ultra_rear {
        width: 100%;
        position: relative;
        background-color: #000;
        margin-top: 0;
        margin-bottom: 200px;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main {
        width: 1334px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .v21se_ultra_rear_img {
        display: none;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .top {
        width: 1229px;
        margin: 0 auto;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .top .main-content {
        display: none;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom {
        width: 100%;
        margin-top: 90px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 40px;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .inner-box {
        width: 1334px;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .video {
        width: 1334px;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .bottom .video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 15px;
    }
    .v21se_ultra_rear .v21se_ultra_rear_main .main-content {
        width: 1200px;
        display: block;
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title,
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title_grey {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title_grey {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail {
        font-size: 18px;
        word-spacing: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title,
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title_grey,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title_grey {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title,
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title_grey,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (min-width: 1000px) {
    .Ultra_Sleek_Design {
        width: 100%;
        height: 880px;
        position: relative;
        background-color: #fff;
    }
    .Ultra_Sleek_Design .only-in-mobile {
        display: none !important;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main {
        width: 1048px;
        height: 640px;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description {
        width: 1001px;
        height: 223px;
        padding-left: 46.5px;
        margin-bottom: 120px;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title {
        font-weight: 400;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title_grey {
        font-weight: 400;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail {
        margin-top: 30px;
        font-weight: 400;
        width: 1010px;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail .num {
        opacity: 0.6;
        width: 7px;
        height: 28px;
        font-family: QiHeiVarforvivo_65;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big {
        width: 1000px;
        height: 185px;
        position: absolute;
        top: 158px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .v21e {
        width: 708px;
        height: 156px;
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        background-image: url(../img/v21e-lg.jpg);
        background-size: 708px 156px;
        background-repeat: no-repeat;
        background-position: top center;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .v21e {
        background-image: url(../img/v21e-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone {
        z-index: 3;
        width: 1000px;
        height: 49px;
        background-image: url(../img/v21e-phone-lg.png);
        background-size: 1000px 49px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: 0;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone {
        background-image: url(../img/v21e-phone-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left {
        position: absolute;
        width: 94px;
        height: 106.5px;
        bottom: 0;
        left: -47px;
        background-image: url(../img/v21e-phone-left-lg.jpg);
        background-repeat: no-repeat;
        background-position: 0 38px;
        background-size: 30px 64px;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left {
        background-image: url(../img/v21e-phone-left-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left .cover_image {
        width: 75px;
        height: 160px;
        background-color: #fff;
        position: absolute;
        top: 24px;
        right: 79px;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left .phone_left_parameter {
        font-size: 26px;
        line-height: 33px;
        color: #987fe7;
        position: relative;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left .phone_left_parameter::after {
        content: "mm";
        color: #987fe7;
        font-size: 22px;
        position: absolute;
        bottom: -2px;
        right: -8px;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter {
        position: absolute;
        width: 664px;
        height: 52px;
        top: 588px;
        top: 552px;
        left: 0;
        right: 0;
        font-family: HYQiHei-75S_vivo-Design-02;
        margin: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter1 {
        color: #000;
        font-size: 40px;
        line-height: 1.3;
        position: relative;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter1::after {
        content: "mm";
        font-size: 22px;
        position: absolute;
        bottom: 5px;
        right: -47px;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter2 {
        color: #000;
        font-size: 40px;
        line-height: 1.3;
        position: relative;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter2::after {
        content: "g";
        font-size: 22px;
        position: absolute;
        bottom: 3px;
        right: -17px;
    }
    .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter3 {
        color: #000;
        font-size: 40px;
        line-height: 1.3;
    }
}
@media only screen and (min-width: 1921px) {
    body .Ultra_Sleek_Design {
        width: 100%;
        height: 880px;
        position: relative;
        background-color: #fff;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main {
        width: 1333px;
        height: 844px;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description {
        width: 1333px;
        padding-left: 62px;
        height: auto;
        margin-bottom: 180px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title {
        font-weight: 400;
        font-size: 58px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .title_grey {
        font-weight: 400;
        font-size: 58px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail {
        width: 1330px;
        margin-top: 35px;
        font-weight: 400;
        font-size: 22px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big {
        width: 1333px;
        height: 247px;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin: auto;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .v21e {
        width: 944px;
        height: 208px;
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .v21e {
        background-image: url(../img/v21e-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .v21e {
        background-image: url(../img/v21e-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone {
        z-index: 3;
        width: 1333px;
        height: 65px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: 0;
        bottom: 0;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone {
        background-image: url(../img/v21e-phone-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone {
        background-image: url(../img/v21e-phone-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left {
        position: absolute;
        width: 110px;
        height: 140px;
        bottom: 0;
        left: -47px;
        background-repeat: no-repeat;
        background-position: 0 50px;
        background-size: 42px 87px;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left {
        background-image: url(../img/v21e-phone-left-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left {
        background-image: url(../img/v21e-phone-left-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left .cover_image {
        width: 75px;
        height: 160px;
        background-color: #fff;
        position: absolute;
        top: 24px;
        right: 79px;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left .phone_left_parameter {
        opacity: 1;
        font-size: 32px;
        line-height: 1.3;
        color: #987fe7;
        position: relative;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e_big .phone_left .phone_left_parameter::after {
        content: "mm";
        color: #987fe7;
        font-size: 22px;
        position: absolute;
        bottom: -2px;
        right: -8px;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter {
        position: relative;
        width: 878px;
        height: 65px;
        line-height: 65px;
        top: auto;
        left: auto;
        right: auto;
        font-family: HYQiHei-75S_vivo-Design-02;
        margin: 83px auto 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter1 {
        color: #000;
        font-size: 50px;
        position: relative;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter1::after {
        content: "mm";
        font-size: 28px;
        position: absolute;
        bottom: 3px;
        right: -60px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter2 {
        color: #000;
        font-size: 50px;
        line-height: 52px;
        position: relative;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter2::after {
        content: "g";
        font-size: 28px;
        position: absolute;
        bottom: 4px;
        right: -20px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter3 {
        color: #000;
        font-size: 50px;
        line-height: 52px;
    }
}
@media only screen and (max-width: 1000px) {
    body .Ultra_Sleek_Design .no-in-mobile {
        display: none;
    }
    body .Ultra_Sleek_Design .only-in-mobile {
        display: block !important;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main {
        background: #fff;
        padding-bottom: 29.33333vw;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description {
        width: 100%;
        box-sizing: border-box;
        padding: 0 36px;
        background: #fff;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail {
        width: 95%;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .description .detail .num {
        font-size: 12px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .title_grey {
        margin-bottom: 4.26667vw;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter {
        margin-top: 8vw;
        margin-bottom: 18.66667vw;
        width: 100%;
        box-sizing: border-box;
        padding: 0 36px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter1,
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter2,
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter3 {
        font-size: 26px;
        line-height: 1.3;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter1::after {
        content: "mm";
        font-size: 18px;
        position: absolute;
        bottom: 3px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .parameter .parameter2::after {
        content: "g";
        font-size: 18px;
        position: absolute;
        bottom: 3px;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e-logo-phone {
        width: 100%;
        height: 94.93333vw;
        position: relative;
    }
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e-logo-phone .f1-logo {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e-logo-phone .f1-logo {
        background-image: url(../img/v21e-logo-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e-logo-phone .f1-logo {
        background-image: url(../img/v21e-logo-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e-logo-phone .f2-mobile {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e-logo-phone .f2-mobile {
        background-image: url(../img/v21-slide-mobile-md.png);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    body .Ultra_Sleek_Design .Ultra_Sleek_Design_main .v21e-logo-phone .f2-mobile {
        background-image: url(../img/v21-slide-mobile-md-x2.png);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_ultra {
        width: 100vw;
        position: relative;
        background-color: #000;
        margin-top: 20vw;
    }
    .v21se_ultra .v21se_ultra_main {
        width: 100vw;
        text-align: left;
    }
    .v21se_ultra .v21se_ultra_main .main-content {
        width: 305px;
        margin: 0;
    }
    .v21se_ultra .v21se_ultra_main .top {
        width: 87.73333vw;
        margin: 0 auto;
    }
    .v21se_ultra .v21se_ultra_main .top .step1 {
        width: 303px;
    }
    .v21se_ultra .v21se_ultra_main .bottom {
        width: 100%;
        margin-top: 10.66667vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 16.66667vw;
    }
    .v21se_ultra .v21se_ultra_main .bottom .inner-box {
        height: 90.66667vw;
        width: 94.66667vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21se_ultra .v21se_ultra_main .bottom .inner-box .v21se_ultra_img {
        border-radius: 1.33333vw;
        margin: 0 auto;
        height: 90.66667vw;
        width: 94.66667vw;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) {
    .v21se_ultra .v21se_ultra_main .bottom .inner-box .v21se_ultra_img {
        background-image: url(../img/v21se-ultra-img-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 1.5dppx),
    only screen and (max-width: 1000px) and (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ultra .v21se_ultra_main .bottom .inner-box .v21se_ultra_img {
        background-image: url(../img/v21se-ultra-img-md-x2.jpg);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_ultra .v21se_ultra_main .bottom .video-1,
    .v21se_ultra .v21se_ultra_main .bottom .video-2 {
        display: none;
        width: 45.6vw;
        height: 61.86667vw;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        background: #000;
    }
    .v21se_ultra .v21se_ultra_main .bottom .video-1 video,
    .v21se_ultra .v21se_ultra_main .bottom .video-2 video {
        display: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_ultra {
        width: 100%;
        position: relative;
        background-color: #000;
        margin-top: 210px;
    }
    .v21se_ultra .v21se_ultra_main {
        width: 1000px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_ultra .v21se_ultra_main .v21se_ultra_img {
        display: none;
    }
    .v21se_ultra .v21se_ultra_main .top {
        width: 814px;
        margin: 0 auto;
    }
    .v21se_ultra .v21se_ultra_main .top .main-content {
        width: 100%;
    }
    .v21se_ultra .v21se_ultra_main .bottom {
        width: 100%;
        margin-top: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 200px;
    }
    .v21se_ultra .v21se_ultra_main .bottom .inner-box {
        height: 635px;
        width: 1000px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21se_ultra .v21se_ultra_main .bottom .video-1,
    .v21se_ultra .v21se_ultra_main .bottom .video-2 {
        width: 470px;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
    }
    .v21se_ultra .v21se_ultra_main .bottom .video-1 .img,
    .v21se_ultra .v21se_ultra_main .bottom .video-2 .img {
        margin: 0 auto;
        position: relative;
        bottom: 70px;
    }
    .v21se_ultra .v21se_ultra_main .bottom .video-1 video,
    .v21se_ultra .v21se_ultra_main .bottom .video-2 video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .v21se_ultra .v21se_ultra_main .bottom .video-1 .img {
        width: 126px;
        height: 46px;
        background-image: url(../img/v21se-ultra-off-lg.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ultra .v21se_ultra_main .bottom .video-1 .img {
        background-image: url(../img/v21se-ultra-off-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_ultra .v21se_ultra_main .bottom .video-2 .img {
        width: 126px;
        height: 46px;
        background-image: url(../img/v21se-ultra-on-lg.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ultra .v21se_ultra_main .bottom .video-2 .img {
        background-image: url(../img/v21se-ultra-on-lg-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_ultra {
        width: 100%;
        position: relative;
        background-color: #000;
        margin-top: 320px;
    }
    .v21se_ultra .v21se_ultra_main {
        width: 1334px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_ultra .v21se_ultra_main .v21se_ultra_img {
        display: none;
    }
    .v21se_ultra .v21se_ultra_main .top {
        width: 1229px;
        margin: 0 auto;
    }
    .v21se_ultra .v21se_ultra_main .main-content {
        width: 100%;
    }
    .v21se_ultra .bottom {
        width: 100%;
        margin-top: 90px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 200px;
    }
    .v21se_ultra .bottom .inner-box {
        height: 847px;
        width: 1334px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .v21se_ultra .bottom .video-1,
    .v21se_ultra .bottom .video-2 {
        width: 627px;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
    }
    .v21se_ultra .bottom .video-1 .img,
    .v21se_ultra .bottom .video-2 .img {
        width: 168px;
        height: 61px;
        margin: 0 auto;
        position: relative;
        bottom: 110px;
    }
    .v21se_ultra .bottom .video-1 video,
    .v21se_ultra .bottom .video-2 video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 15px;
    }
    .v21se_ultra .bottom .video-1 .img {
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_ultra .bottom .video-1 .img {
        background-image: url(../img/v21se-ultra-off-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_ultra .bottom .video-1 .img {
        background-image: url(../img/v21se-ultra-off-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_ultra .bottom .video-2 .img {
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_ultra .bottom .video-2 .img {
        background-image: url(../img/v21se-ultra-on-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_ultra .bottom .video-2 .img {
        background-image: url(../img/v21se-ultra-on-xl-x2.png);
    }
}
.lazyload-bgImg {
    background-image: none !important;
}
.unvisible .stage {
    visibility: hidden;
}
.stage1 .section {
    padding-top: 120px;
}
._tween {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}
.start ._tween {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.start .delay_1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.start .delay_2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.start .delay_3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.start .delay_4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.start .delay_5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.start .delay_6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.start .delay_7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.start .delay_8 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.start .delay_9 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
@media only screen and (min-width: 1000px) {
    .v21se_art .main .textbox .main-title,
    .v21se_art .main .textbox .sub-title,
    .v21se_autofocus .main .textbox .main-title,
    .v21se_autofocus .main .textbox .sub-title,
    .v21se_camera-af .main .textbox .main-title,
    .v21se_camera-af .main .textbox .sub-title,
    .v21se_dual_view .main .textbox .main-title,
    .v21se_dual_view .main .textbox .sub-title,
    .v21se_nfc .main .textbox .main-title,
    .v21se_nfc .main .textbox .sub-title,
    .v21se_slo_selfie .main .textbox .main-title,
    .v21se_slo_selfie .main .textbox .sub-title,
    .v21se_smart_zoom .main .textbox .main-title,
    .v21se_smart_zoom .main .textbox .sub-title,
    .v21se_tone_step .main .textbox .main-title,
    .v21se_ultra_game .main .textbox .main-title,
    .v21se_ultra_game .main .textbox .sub-title,
    .v21se_video_4k .main .textbox .main-title,
    .v21se_video_4k .main .textbox .sub-title {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_art .main .content_white,
    .v21se_autofocus .main .content_white,
    .v21se_camera-af .main .content_white,
    .v21se_dual_view .main .content_white,
    .v21se_nfc .main .content_bottom,
    .v21se_nfc .main .content_white,
    .v21se_slo_selfie .main .content_white,
    .v21se_smart_zoom .main .content_white,
    .v21se_tone_step .main .content_white,
    .v21se_tone_step .main .textbox .sub-title,
    .v21se_ultra_game .main .content_white,
    .v21se_video_4k .main .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_camera-af .main .textbox .main-title,
    .v21se_dual_view .main .textbox .main-title,
    .v21se_nfc .main .textbox .main-title,
    .v21se_slo_selfie .main .textbox .main-title,
    .v21se_tone_step .main .textbox .main-title,
    .v21se_ultra_game .main .textbox .main-title,
    .v21se_video_4k .main .textbox .main-title {
        font-size: 48px;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_art .main .textbox .main-title,
    .v21se_autofocus .main .textbox .main-title,
    .v21se_smart_zoom .main .textbox .main-title {
        font-size: 48px;
        word-spacing: 0px;
        color: #fff;
    }
    .v21se_camera-af .main .textbox .sub-title,
    .v21se_dual_view .main .textbox .sub-title,
    .v21se_nfc .main .textbox .sub-title,
    .v21se_slo_selfie .main .textbox .sub-title,
    .v21se_ultra_game .main .textbox .sub-title,
    .v21se_video_4k .main .textbox .sub-title {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_art .main .textbox .sub-title,
    .v21se_autofocus .main .textbox .sub-title,
    .v21se_smart_zoom .main .textbox .sub-title {
        font-size: 48px;
        word-spacing: 0px;
        color: rgba(255, 255, 255, 0.5);
    }
    .v21se_camera-af .main .content_white,
    .v21se_dual_view .main .content_white,
    .v21se_nfc .main .content_bottom,
    .v21se_nfc .main .content_white,
    .v21se_slo_selfie .main .content_white,
    .v21se_tone_step .main .content_white,
    .v21se_tone_step .main .textbox .sub-title,
    .v21se_ultra_game .main .content_white,
    .v21se_video_4k .main .content_white {
        font-size: 18px;
        word-spacing: 0px;
    }
    .v21se_art .main .content_white,
    .v21se_autofocus .main .content_white,
    .v21se_smart_zoom .main .content_white {
        font-size: 18px;
        word-spacing: 0px;
        color: rgba(255, 255, 255, 0.6);
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_camera-af .main .textbox .main-title,
    .v21se_camera-af .main .textbox .sub-title,
    .v21se_dual_view .main .textbox .main-title,
    .v21se_dual_view .main .textbox .sub-title,
    .v21se_nfc .main .textbox .main-title,
    .v21se_nfc .main .textbox .sub-title,
    .v21se_slo_selfie .main .textbox .main-title,
    .v21se_slo_selfie .main .textbox .sub-title,
    .v21se_tone_step .main .textbox .main-title,
    .v21se_ultra_game .main .textbox .main-title,
    .v21se_ultra_game .main .textbox .sub-title,
    .v21se_video_4k .main .textbox .main-title,
    .v21se_video_4k .main .textbox .sub-title,
    body .main-title-d,
    body .main-title-w {
        line-height: 1.3em;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    .v21se_camera-af .main .content_white,
    .v21se_dual_view .main .content_white,
    .v21se_nfc .main .content_bottom,
    .v21se_nfc .main .content_white,
    .v21se_slo_selfie .main .content_white,
    .v21se_tone_step .main .content_white,
    .v21se_tone_step .main .textbox .sub-title,
    .v21se_ultra_game .main .content_white,
    .v21se_video_4k .main .content_white {
        line-height: 1.3em;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_camera-af .main .textbox .main-title,
    .v21se_dual_view .main .textbox .main-title,
    .v21se_nfc .main .textbox .main-title,
    .v21se_slo_selfie .main .textbox .main-title,
    .v21se_tone_step .main .textbox .main-title,
    .v21se_ultra_game .main .textbox .main-title,
    .v21se_video_4k .main .textbox .main-title {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: #000;
    }
    .v21se_camera-af .main .textbox .sub-title,
    .v21se_dual_view .main .textbox .sub-title,
    .v21se_nfc .main .textbox .sub-title,
    .v21se_slo_selfie .main .textbox .sub-title,
    .v21se_ultra_game .main .textbox .sub-title,
    .v21se_video_4k .main .textbox .sub-title {
        font-size: 9.6vw;
        word-spacing: 0px;
        color: rgba(0, 0, 0, 0.5);
    }
    .v21se_camera-af .main .content_white,
    .v21se_dual_view .main .content_white,
    .v21se_nfc .main .content_bottom,
    .v21se_nfc .main .content_white,
    .v21se_slo_selfie .main .content_white,
    .v21se_tone_step .main .content_white,
    .v21se_tone_step .main .textbox .sub-title,
    .v21se_ultra_game .main .content_white,
    .v21se_video_4k .main .content_white {
        font-size: 4.26667vw;
        word-spacing: 0px;
    }
}
body .main-title-d,
body .main-title-w {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0px;
    font-family: HYQiHei-75S_vivo-Design-02;
}
body .main-content {
    margin: auto;
}
body .main-title-d {
    color: rgba(0, 0, 0, 0.5);
}
.main-content {
    font-size: 18px;
    font-family: HYQiHei-65S_vivo-Design-02;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.title-box {
    margin: 0 auto 30px;
}
.title-box .main-title-d,
.title-box .main-title-w {
    font-weight: 200;
}
@media only screen and (min-width: 1921px) {
    body .main-title-d,
    body .main-title-w {
        font-size: 58px;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 22px;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 35px;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
@media only screen and (max-width: 1000px) {
    .v21se_camera-af .main .textbox .main-title,
    .v21se_camera-af .main .textbox .sub-title,
    .v21se_dual_view .main .textbox .main-title,
    .v21se_dual_view .main .textbox .sub-title,
    .v21se_nfc .main .textbox .main-title,
    .v21se_nfc .main .textbox .sub-title,
    .v21se_slo_selfie .main .textbox .main-title,
    .v21se_slo_selfie .main .textbox .sub-title,
    .v21se_tone_step .main .textbox .main-title,
    .v21se_ultra_game .main .textbox .main-title,
    .v21se_ultra_game .main .textbox .sub-title,
    .v21se_video_4k .main .textbox .main-title,
    .v21se_video_4k .main .textbox .sub-title,
    body .main-title-d,
    body .main-title-w {
        font-size: 9.6vw;
        line-height: 1.3;
        letter-spacing: 0px;
        font-family: HYQiHei-75S_vivo-Design-02;
    }
    body .main-content {
        margin: auto;
    }
    body .main-title-d {
        color: rgba(0, 0, 0, 0.5);
    }
    .main-content {
        font-size: 4.26667vw;
        font-family: HYQiHei-65S_vivo-Design-02;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.6);
    }
    .title-box {
        margin: 0 auto 4.26667vw;
    }
    .title-box .main-title-d,
    .title-box .main-title-w {
        font-weight: 200;
    }
}
.step1 {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.step2 {
    opacity: 0;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
.step3 {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
}
.step4 {
    opacity: 0;
    -webkit-transform: translateY(210px);
    -ms-transform: translateY(210px);
    transform: translateY(210px);
}
@media only screen and (max-width: 1000px) {
    body .step1 {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    body .step2 {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px);
    }
    body .step3 {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px);
    }
    body .step4 {
        opacity: 0;
        -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
        transform: translateY(120px);
    }
}
.w-100 {
    color: #fff !important;
}
.w-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.w-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark {
    background-color: #000;
}
.border-radius-pic {
    border-radius: 12px;
    overflow: hidden;
}
@media only screen and (min-width: 1921px) {
    .border-radius-pic {
        border-radius: 16px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1000px) {
    .border-radius-pic {
        border-radius: 8px !important;
        overflow: hidden;
    }
}
.text-dialog-btn {
    box-sizing: border-box !important;
    -webkit-transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-width: 2px !important;
}
.text-dialog-btn:hover {
    border-color: #415fff !important;
    color: #415fff !important;
}
@media only screen and (max-width: 1000px) {
    .text-dialog-btn {
        cursor: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
}
.v21se_camera-af-md {
    width: 100%;
    position: relative;
    background-color: #000;
    padding-top: 17.6vw;
    padding-bottom: 23.46667vw;
}
.v21se_camera-af-md .main {
    width: 100%;
    box-sizing: border-box;
}
.v21se_camera-af-md .main .go-up {
    width: 100%;
}
.v21se_camera-af-md .main .go-up .textbox {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_camera-af-md .main .go-up .textbox .sub-title {
    font-size: 4.26667vw;
    color: rgba(255, 255, 255, 0.6);
    font-family: HYQiHei-65S_vivo-Design-02;
}
.v21se_camera-af-md .main .imgbox {
    width: 94.66667vw;
    height: 127.73333vw;
    margin: 0 auto;
}
.v21se_camera-af-md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 127.73333vw;
    border-radius: 4vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_camera-af-md .main .imgbox .photo_img {
        background-image: url(../img/v21e-camera-af-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_camera-af-md .main .imgbox .photo_img {
        background-image: url(../img/v21e-camera-af-md-x2.jpg);
    }
}
.v21se_camera-af {
    display: none;
}
.v21se_tone_step_md {
    width: 100%;
    background-color: #fff;
    padding-bottom: 6vw;
    padding-top: 14.13333vw;
}
.v21se_tone_step_md .main {
    width: 100%;
}
.v21se_tone_step_md .main .go-up {
    width: 100%;
}
.v21se_tone_step_md .main .go-up .textbox {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_tone_step_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: #000;
    margin-bottom: 4.26667vw;
}
.v21se_tone_step_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 4.26667vw;
    color: rgba(0, 0, 0, 0.6);
}
.v21se_tone_step_md .main .imgbox {
    width: 94.66667vw;
    height: 65.86667vw;
    margin: 0 auto;
    overflow: hidden;
}
@media (max-width: 1000px) {
    .v21se_tone_step_md .main .imgbox {
        background-image: url(../img/v21se-tone-step-gray-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_tone_step_md .main .imgbox {
        background-image: url(../img/v21se-tone-step-gray-md-x2.jpg);
    }
}
.v21se_tone_step_md .main .imgbox .photo_img {
    width: 88.8vw;
    height: 147.73333vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_tone_step_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-tone-step-img1-md.png);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_tone_step_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-tone-step-img1-md-x2.png);
    }
}
.v21se_tone_step_md .main .content-box {
    margin-top: 5.33333vw;
    padding: 0 9.6vw;
}
.v21se_tone_step_md .main .content-box .content_white {
    text-align: left;
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 4.26667vw;
    color: rgba(0, 0, 0, 0.6);
}
.v21se_tone_step {
    display: none;
}
.v21se_nfc_md {
    width: 100%;
    background-color: #000;
}
.v21se_nfc_md .main {
    width: 100%;
}
.v21se_nfc_md .main .go-up {
    width: 100%;
}
.v21se_nfc_md .main .go-up .textbox {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_nfc_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: #fff;
    line-height: 1.3;
}
.v21se_nfc_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.3;
    letter-spacing: 0px;
}
.v21se_nfc_md .main .imgbox {
    width: 94.66667vw;
    height: 56vw;
    margin: 0 auto;
    border-radius: 0 !important;
}
.v21se_nfc_md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 56vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_nfc_md .main .imgbox .photo_img {
        background-image: url(../img/v21e-nfc-md.png);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_nfc_md .main .imgbox .photo_img {
        background-image: url(../img/v21e-nfc-md-x2.png);
    }
}
.v21se_nfc_md .main .content-box {
    margin-top: 5.33333vw;
    padding: 0 9.6vw;
}
.v21se_nfc_md .main .content-box .content_white {
    text-align: left;
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 4.26667vw;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.6);
}
.v21se_nfc_md .main .content-box .content_bottom {
    text-align: left;
    font-family: HYQiHei-55S_vivo-Design-02;
    font-size: 4.26667vw;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.5;
}
.v21se_nfc {
    display: none;
}
.v21se_ultra_game_md {
    width: 100%;
    background-color: #000;
    padding-top: 25.86667vw;
}
.v21se_ultra_game_md .main {
    width: 100%;
}
.v21se_ultra_game_md .main .go-up {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_ultra_game_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: #fff;
    line-height: 47px;
    width: 8rem;
}
.v21se_ultra_game_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: rgba(255, 255, 255, 0.6);
    line-height: 47px;
    letter-spacing: 0px;
}
.v21se_ultra_game_md .main .go-up .buttonbox {
    width: 33.6vw;
    height: 10.13333vw;
    line-height: 9.33333vw;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-family: HYQiHei-65S_vivo-Design-02;
    border-radius: 5.06667vw;
    margin-top: 4.26667vw;
}
.v21se_ultra_game_md .main .imgbox {
    width: 94.66667vw;
    height: 107.46667vw;
    margin: 0 auto;
    border-radius: 0 !important;
}
.v21se_ultra_game_md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 107.46667vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_ultra_game_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-game-md.png);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ultra_game_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-game-md-x2.png);
    }
}
.v21se_ultra_game_md .main .content-box {
    display: none;
}
.v21se_ultra_game {
    display: none;
}
.v21se_video_4k_md {
    width: 100%;
    background-color: #fff;
    padding-top: 22.93333vw;
    padding-bottom: 26.66667vw;
}
.v21se_video_4k_md .main {
    width: 100%;
}
.v21se_video_4k_md .main .go-up {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_video_4k_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: #000;
    line-height: 47px;
}
.v21se_video_4k_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 47px;
    letter-spacing: 0px;
}
.v21se_video_4k_md .main .go-up .buttonbox {
    width: 33.6vw;
    height: 10.13333vw;
    line-height: 9.33333vw;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-size: 15px;
    font-family: HYQiHei-65S_vivo-Design-02;
    border-radius: 5.06667vw;
    margin-top: 4.26667vw;
}
.v21se_video_4k_md .main .imgbox {
    width: 94.66667vw;
    height: 53.06667vw;
    margin: 0 auto;
}
.v21se_video_4k_md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 53.06667vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_video_4k_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-4k-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_video_4k_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-4k-md-x2.jpg);
    }
}
.v21se_video_4k_md .main .content-box {
    display: none;
}
.v21se_video_4k {
    display: none;
}
.v21se_dual_view_md {
    width: 100%;
    background-color: #fff;
    padding-top: 8vw;
    padding-bottom: 25.33333vw;
}
.v21se_dual_view_md .main {
    width: 100%;
}
.v21se_dual_view_md .main .go-up {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_dual_view_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: #000;
    line-height: 1.3;
    letter-spacing: -1px;
}
.v21se_dual_view_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.3;
    letter-spacing: 0px;
}
.v21se_dual_view_md .main .imgbox {
    width: 94.66667vw;
    height: 53.06667vw;
    margin: 0 auto;
}
.v21se_dual_view_md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 53.06667vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_dual_view_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-dual-view-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_dual_view_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-dual-view-md-x2.jpg);
    }
}
.v21se_dual_view_md .main .content-box {
    padding: 0 9.6vw;
    margin-top: 5.33333vw;
}
.v21se_dual_view_md .main .content-box .content_white {
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 4.26667vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.3;
    letter-spacing: 0;
}
.v21se_dual_view_md .main .content-box .content_bottom {
    display: none;
}
.v21se_dual_view {
    display: none;
}
.v21se_slo_selfie_md {
    width: 100%;
    background-color: #fff;
    padding-top: 8vw;
    padding-bottom: 33.33333vw;
}
.v21se_slo_selfie_md .main {
    width: 100%;
}
.v21se_slo_selfie_md .main .go-up {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_slo_selfie_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: #000;
    line-height: 1.3;
    letter-spacing: -1px;
}
.v21se_slo_selfie_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.3;
    letter-spacing: 0px;
}
.v21se_slo_selfie_md .main .imgbox {
    width: 94.66667vw;
    height: 53.06667vw;
    margin: 0 auto;
}
.v21se_slo_selfie_md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 53.06667vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_slo_selfie_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-selfie-video-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_slo_selfie_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-selfie-video-md-x2.jpg);
    }
}
.v21se_slo_selfie_md .main .content-box {
    padding: 0 9.6vw;
    margin-top: 5.33333vw;
}
.v21se_slo_selfie_md .main .content-box .content_white {
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 4.26667vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.3;
    letter-spacing: 0;
}
.v21se_slo_selfie_md .main .content-box .content_bottom {
    display: none;
}
.v21se_slo_selfie {
    display: none;
}
.v21se_autofocus_md {
    width: 100%;
    background-color: #000;
    padding-top: 35.73333vw;
    padding-bottom: 44.26667vw;
}
.v21se_autofocus_md .main {
    width: 100%;
}
.v21se_autofocus_md .main .go-up {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_autofocus_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: #fff;
    line-height: 1.3;
    letter-spacing: 0px;
}
.v21se_autofocus_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 9.6vw;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.3;
    letter-spacing: 0px;
}
.v21se_autofocus_md .main .imgbox {
    width: 94.66667vw;
    height: 53.33333vw;
    margin: 0 auto;
}
.v21se_autofocus_md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 53.33333vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_autofocus_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-autofocus-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_autofocus_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-autofocus-md-x2.jpg);
    }
}
.v21se_autofocus_md .main .content-box {
    padding: 0 9.6vw;
    margin-top: 5.33333vw;
}
.v21se_autofocus_md .main .content-box .content_white {
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 4.26667vw;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.3;
    letter-spacing: 0;
}
.v21se_autofocus_md .main .content-box .content_bottom {
    display: none;
}
.v21se_autofocus {
    display: none;
}
.v21se_smart_zoom_md {
    width: 100%;
    background-color: #000;
    padding-top: 0vw;
    padding-bottom: 44.26667vw;
}
.v21se_smart_zoom_md .main {
    width: 100%;
}
.v21se_smart_zoom_md .main .go-up {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_smart_zoom_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 36px;
    color: #fff;
    line-height: 47px;
    letter-spacing: 0px;
}
.v21se_smart_zoom_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 47px;
    letter-spacing: 0px;
}
.v21se_smart_zoom_md .main .imgbox {
    width: 94.66667vw;
    height: 53.33333vw;
    margin: 0 auto;
}
.v21se_smart_zoom_md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 53.33333vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_smart_zoom_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-smart-zone-md.png);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_smart_zoom_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-smart-zone-md-x2.png);
    }
}
.v21se_smart_zoom_md .main .content-box {
    padding: 0 9.6vw;
    margin-top: 5.33333vw;
}
.v21se_smart_zoom_md .main .content-box .content_white {
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 21px;
    letter-spacing: 0;
}
.v21se_smart_zoom_md .main .content-box .content_bottom {
    display: none;
}
.v21se_smart_zoom {
    display: none;
}
.v21se_art_md {
    width: 100%;
    background-color: #000;
}
.v21se_art_md .main {
    width: 100%;
}
.v21se_art_md .main .go-up {
    padding: 0 9.6vw;
    text-align: left;
    margin-bottom: 10.66667vw;
}
.v21se_art_md .main .go-up .textbox .main-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 36px;
    color: #fff;
    line-height: 47px;
    letter-spacing: 0px;
}
.v21se_art_md .main .go-up .textbox .sub-title {
    font-family: HYQiHei-75S_vivo-Design-02;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 47px;
    letter-spacing: 0px;
}
.v21se_art_md .main .imgbox {
    width: 94.66667vw;
    height: 53.33333vw;
    margin: 0 auto;
}
.v21se_art_md .main .imgbox .photo_img {
    width: 94.66667vw;
    height: 53.33333vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1000px) {
    .v21se_art_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-art-md.jpg);
    }
}
@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width: 1000px) and (min-resolution: 1.5dppx),
    (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5),
    (max-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_art_md .main .imgbox .photo_img {
        background-image: url(../img/v21se-art-md-x2.jpg);
    }
}
.v21se_art_md .main .content-box {
    padding: 0 9.6vw;
    margin-top: 5.33333vw;
}
.v21se_art_md .main .content-box .content_white {
    font-family: HYQiHei-65S_vivo-Design-02;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 21px;
    letter-spacing: 0;
}
.v21se_art_md .main .content-box .content_bottom {
    display: none;
}
.v21se_art {
    display: none;
}
@media only screen and (min-width: 1000px) {
    .v21se_tone_step {
        width: 100%;
        height: 834px;
        position: relative;
        background-color: #fff;
        padding-bottom: 181px;
        display: block;
    }
    .v21se_tone_step .main {
        width: 1001px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_tone_step .main .textbox {
        width: 1000px;
        height: 138px;
        text-align: left;
        margin-bottom: 60px;
    }
    .v21se_tone_step .main .textbox .main-title {
        margin-bottom: 30px;
    }
    .v21se_tone_step .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
        overflow: hidden;
        background-image: url(../img/v21se-tone-step-gray-lg.jpg);
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_tone_step .main .imgbox {
        background-image: url(../img/v21se-tone-step-gray-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_tone_step .main .imgbox .photo_img {
        width: 866px;
        height: 1233px;
        background-image: url(../img/v21se-tone-step-img1-lg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_tone_step .main .imgbox .photo_img {
        background-image: url(../img/v21se-tone-step-img1-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_tone_step .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: left;
        margin: 0 auto;
    }
    .v21se_tone_step_md {
        display: none;
    }
    .v21se_camera-af {
        width: 100%;
        height: 100vh;
        position: relative;
        background-color: #000;
        display: block;
    }
    .v21se_camera-af .main {
        width: 1001px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_camera-af .main .textbox {
        width: 1000px;
        height: 138px;
        text-align: left;
        margin-bottom: 60px;
    }
    .v21se_camera-af .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_camera-af .main .imgbox .photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21e-camera-af-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_camera-af .main .imgbox .photo_img {
        background-image: url(../img/v21e-camera-af-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_camera-af .main .content_white {
        width: 900px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
        color: rgba(255, 255, 255, 0.6);
    }
    .v21se_camera-af-md {
        display: none;
    }
    .v21se_autofocus {
        width: 100%;
        height: 834px;
        position: relative;
        margin-bottom: 181px;
        background-color: #000;
        display: block;
    }
    .v21se_autofocus .main {
        width: 1001px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_autofocus .main .textbox {
        width: 1000px;
        height: 138px;
        text-align: center;
        margin-bottom: 30px;
    }
    .v21se_autofocus .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_autofocus .main .imgbox .photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21se-automatic-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_autofocus .main .imgbox .photo_img {
        background-image: url(../img/v21se-automatic-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_autofocus .main .videobox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_autofocus .main .videobox .video {
        width: 1000px;
        height: 560px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_autofocus .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_autofocus_md {
        display: none;
    }
    .v21se_smart_zoom {
        width: 100%;
        height: 834px;
        position: relative;
        margin-bottom: 181px;
        background-color: #000;
        display: block;
    }
    .v21se_smart_zoom .main {
        width: 1001px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_smart_zoom .main .textbox {
        width: 1000px;
        height: 138px;
        text-align: center;
        margin-bottom: 30px;
    }
    .v21se_smart_zoom .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_smart_zoom .main .imgbox .photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21se-automatic-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_smart_zoom .main .imgbox .photo_img {
        background-image: url(../img/v21se-automatic-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_smart_zoom .main .videobox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_smart_zoom .main .videobox .video {
        width: 1000px;
        height: 560px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_smart_zoom .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_smart_zoom_md {
        display: none;
    }
    .v21se_art {
        width: 100%;
        height: 834px;
        position: relative;
        margin-bottom: 181px;
        background-color: #000;
        display: block;
    }
    .v21se_art .main {
        width: 1001px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_art .main .textbox {
        width: 1000px;
        height: 138px;
        text-align: center;
        margin-bottom: 60px;
    }
    .v21se_art .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_art .main .imgbox .photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21se-automatic-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_art .main .imgbox .photo_img {
        background-image: url(../img/v21se-automatic-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_art .main .videobox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_art .main .videobox .video {
        width: 1000px;
        height: 560px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_art .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_art_md {
        display: none;
    }
    .v21se_nfc {
        width: 100%;
        background-color: #000;
        padding-bottom: 181px;
        display: block;
    }
    .v21se_nfc .main {
        width: 1001px;
        margin: 0 auto;
        padding-top: 100px;
        box-sizing: border-box;
    }
    .v21se_nfc .main .textbox {
        width: 1000px;
        height: 138px;
        text-align: center;
        margin-bottom: -5px;
    }
    .v21se_nfc .main .textbox .main-title {
        color: #fff;
    }
    .v21se_nfc .main .textbox .sub-title {
        color: rgba(255, 255, 255, 0.5);
    }
    .v21se_nfc .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_nfc .main .imgbox .photo_img {
        width: 100%;
        height: 100%;
        background-image: url(../img/v21e-nfc-lg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_nfc .main .imgbox .photo_img {
        background-image: url(../img/v21e-nfc-lg-x2.png);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_nfc .main .videobox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_nfc .main .videobox .video {
        width: 1000px;
        height: 560px;
        object-fit: cover;
    }
    .v21se_nfc .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
        color: rgba(255, 255, 255, 0.6);
    }
    .v21se_nfc .main .content_bottom {
        width: 1000px;
        height: 23px;
        text-align: center;
        font-family: HYQiHei-55S_vivo-Design-02;
        color: rgba(255, 255, 255, 0.4);
    }
    .v21se_nfc_md {
        display: none;
    }
    .v21se_dual_view {
        width: 100%;
        background-color: #fff;
        margin-bottom: 230px;
        display: block;
    }
    .v21se_dual_view .main {
        width: 1001px;
        height: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_dual_view .main .textbox {
        width: 1000px;
        height: 138px;
        text-align: center;
        margin-bottom: 32px;
    }
    .v21se_dual_view .main .textbox .main-title {
        opacity: 0;
    }
    .v21se_dual_view .main .textbox .sub-title {
        opacity: 0;
    }
    .v21se_dual_view .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_dual_view .main .imgbox .photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21se-automatic-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_dual_view .main .imgbox .photo_img {
        background-image: url(../img/v21se-automatic-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_dual_view .main .videobox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_dual_view .main .videobox .video {
        width: 1000px;
        height: 560px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_dual_view .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_dual_view_md {
        display: none;
    }
    .v21se_slo_selfie {
        width: 100%;
        height: 834px;
        position: relative;
        background-color: #fff;
        margin-bottom: 181px;
        display: block;
    }
    .v21se_slo_selfie .main {
        width: 1001px;
        height: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_slo_selfie .main .textbox {
        width: 1000px;
        height: 138px;
        text-align: center;
        margin-bottom: 40px;
    }
    .v21se_slo_selfie .main .textbox .main-title {
        opacity: 0;
    }
    .v21se_slo_selfie .main .textbox .sub-title {
        opacity: 0;
    }
    .v21se_slo_selfie .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_slo_selfie .main .imgbox .photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21se-automatic-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_slo_selfie .main .imgbox .photo_img {
        background-image: url(../img/v21se-automatic-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_slo_selfie .main .videobox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_slo_selfie .main .videobox .video {
        width: 1000px;
        height: 560px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_slo_selfie .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_slo_selfie_md {
        display: none;
    }
    .v21se_video_4k {
        width: 100%;
        position: relative;
        background-color: #fff;
        padding-bottom: 150px;
        display: block;
    }
    .v21se_video_4k .main {
        width: 1001px;
        height: 100%;
        padding-top: 140px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_video_4k .main .textbox {
        width: 1000px;
        text-align: center;
        margin-bottom: 20px;
    }
    .v21se_video_4k .main .textbox .main-title {
        opacity: 0;
    }
    .v21se_video_4k .main .textbox .sub-title {
        opacity: 0;
    }
    .v21se_video_4k .main .buttonbox {
        width: 126px;
        height: 38px;
        line-height: 35px;
        margin: 0 auto;
        border: 1px solid #000;
        font-size: 15px;
        border-radius: 19px;
        text-align: center;
        margin-bottom: 50px;
        opacity: 0;
        font-family: HYQiHei-65S_vivo-Design-02;
        color: #000;
    }
    .v21se_video_4k .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_video_4k .main .imgbox .photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21se-automatic-img1-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_video_4k .main .imgbox .photo_img {
        background-image: url(../img/v21se-automatic-img1-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_video_4k .main .videobox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_video_4k .main .videobox .video {
        width: 1000px;
        height: 560px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_video_4k .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_video_4k_md {
        display: none;
    }
    .v21se_ultra_game {
        width: 100%;
        background-color: #000;
        padding-bottom: 160px;
        display: block;
    }
    .v21se_ultra_game .main {
        width: 1001px;
        height: 100%;
        margin: auto;
        padding-top: 150px;
        box-sizing: border-box;
    }
    .v21se_ultra_game .main .textbox {
        width: 1000px;
        text-align: center;
        margin-bottom: 28px;
    }
    .v21se_ultra_game .main .textbox .main-title {
        color: #fff;
    }
    .v21se_ultra_game .main .textbox .sub-title {
        color: rgba(255, 255, 255, 0.5);
    }
    .v21se_ultra_game .main .buttonbox {
        width: 126px;
        height: 38px;
        line-height: 34px;
        margin: 0 auto;
        border: 1px solid #fff;
        color: #fff;
        font-size: 15px;
        border-radius: 19px;
        text-align: center;
        margin-bottom: 50px;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_ultra_game .main .imgbox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_ultra_game .main .imgbox .photo_img {
        width: 1000px;
        height: 560px;
        background-image: url(../img/v21se-game-lg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1000px) and (min-resolution: 1.5dppx), only screen and (min-width: 1000px) and (min-resolution: 144dpi) {
    .v21se_ultra_game .main .imgbox .photo_img {
        background-image: url(../img/v21se-game-lg-x2.jpg);
    }
}
@media only screen and (min-width: 1000px) {
    .v21se_ultra_game .main .videobox {
        width: 1000px;
        height: 560px;
        margin: 0 auto 30px;
    }
    .v21se_ultra_game .main .videobox .video {
        width: 1000px;
        height: 560px;
        object-fit: cover;
    }
    .v21se_ultra_game .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_ultra_game_md {
        display: none;
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_tone_step {
        width: 100%;
        height: 1079px;
        position: relative;
        background-color: #fff;
        padding-bottom: 256px;
    }
    .v21se_tone_step .main {
        width: 1333px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_tone_step .main .textbox {
        width: 1333px;
        text-align: left;
        margin-bottom: 80px;
    }
    .v21se_tone_step .main .textbox .main-title {
        font-size: 58px;
    }
    .v21se_tone_step .main .textbox .sub-title {
        font-size: 22px;
    }
    .v21se_tone_step .main .imgbox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
        overflow: hidden;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_tone_step .main .imgbox {
        background-image: url(../img/v21se-tone-step-gray-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_tone_step .main .imgbox {
        background-image: url(../img/v21se-tone-step-gray-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_tone_step .main .imgbox .photo_img {
        width: 1154px;
        height: 1644px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_tone_step .main .imgbox .photo_img {
        background-image: url(../img/v21se-tone-step-img1-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_tone_step .main .imgbox .photo_img {
        background-image: url(../img/v21se-tone-step-img1-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_tone_step .main .content_white {
        width: 1333px;
        height: 56px;
        text-align: left;
        margin: 0 auto;
        font-size: 22px;
    }
    .v21se_camera-af {
        width: 100%;
        height: 80vh;
        position: relative;
        background-color: #000;
    }
    .v21se_camera-af .main {
        width: 1333px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_camera-af .main .textbox {
        width: 1333px;
        height: 138px;
        text-align: left;
        margin-bottom: 60px;
    }
    .v21se_camera-af .main .imgbox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_camera-af .main .imgbox .photo_img {
        width: 1333px;
        height: 747px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_camera-af .main .imgbox .photo_img {
        background-image: url(../img/v21e-camera-af-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_camera-af .main .imgbox .photo_img {
        background-image: url(../img/v21e-camera-af-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_camera-af .main .content_white {
        width: 1200px;
        height: 84px;
        text-align: center;
        margin: 0 auto;
        color: rgba(255, 255, 255, 0.6);
    }
    .v21se_autofocus {
        width: 100%;
        height: 1033px;
        position: relative;
        margin-bottom: 341px;
    }
    .v21se_autofocus .main {
        width: 1333px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_autofocus .main .textbox {
        width: 1333px;
        height: 150px;
        text-align: center;
        margin-bottom: 50px;
    }
    .v21se_autofocus .main .textbox .main-title {
        font-size: 58px;
    }
    .v21se_autofocus .main .textbox .sub-title {
        font-size: 58px;
    }
    .v21se_autofocus .main .videobox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_autofocus .main .videobox .video {
        width: 1333px;
        height: 747px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_autofocus .main .content_white {
        width: 1333px;
        height: 56px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_smart_zoom {
        width: 100%;
        height: 1033px;
        position: relative;
        margin-bottom: 341px;
    }
    .v21se_smart_zoom .main {
        width: 1333px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_smart_zoom .main .textbox {
        width: 1333px;
        height: 150px;
        text-align: center;
        margin-bottom: 50px;
    }
    .v21se_smart_zoom .main .textbox .main-title {
        font-size: 58px;
    }
    .v21se_smart_zoom .main .textbox .sub-title {
        font-size: 58px;
    }
    .v21se_smart_zoom .main .videobox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_smart_zoom .main .videobox .video {
        width: 1333px;
        height: 747px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_smart_zoom .main .content_white {
        width: 1333px;
        height: 56px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_art {
        width: 100%;
        height: 1033px;
        position: relative;
        margin-bottom: 0;
    }
    .v21se_art .main {
        width: 1333px;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
    }
    .v21se_art .main .textbox {
        width: 1333px;
        height: 150px;
        text-align: center;
        margin-bottom: 50px;
    }
    .v21se_art .main .textbox .main-title {
        font-size: 58px;
    }
    .v21se_art .main .textbox .sub-title {
        font-size: 58px;
    }
    .v21se_art .main .videobox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_art .main .videobox .video {
        width: 1333px;
        height: 747px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_art .main .content_white {
        width: 1333px;
        height: 56px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_nfc {
        width: 100%;
        background-color: #000;
        padding-bottom: 334px;
    }
    .v21se_nfc .main {
        width: 1333px;
        margin: 0 auto;
        padding-top: 200px;
        box-sizing: border-box;
    }
    .v21se_nfc .main .textbox {
        width: 1333px;
        height: 150px;
        text-align: center;
        margin-bottom: 65px;
    }
    .v21se_nfc .main .textbox .main-title {
        color: #fff;
        font-size: 58px;
    }
    .v21se_nfc .main .textbox .sub-title {
        color: rgba(255, 255, 255, 0.5);
        font-size: 58px;
    }
    .v21se_nfc .main .imgbox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_nfc .main .imgbox .photo_img {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_nfc .main .imgbox .photo_img {
        background-image: url(../img/v21e-nfc-xl.png);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_nfc .main .imgbox .photo_img {
        background-image: url(../img/v21e-nfc-xl-x2.png);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_nfc .main .content_white {
        width: 1333px;
        height: 56px;
        text-align: center;
        margin: 0 auto;
        font-size: 22px;
        color: rgba(255, 255, 255, 0.6);
    }
    .v21se_nfc .main .content_bottom {
        width: 1333px;
        height: 28px;
        text-align: center;
        font-size: 22px;
        font-family: HYQiHei-55S_vivo-Design-02;
        color: rgba(255, 255, 255, 0.4);
    }
    .v21se_dual_view {
        width: 100%;
        background-color: #fff;
        padding-top: 40px;
        margin-bottom: 300px;
    }
    .v21se_dual_view .main {
        width: 1333px;
        height: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_dual_view .main .textbox {
        width: 1333px;
        height: 150px;
        text-align: center;
        margin-bottom: 39px;
    }
    .v21se_dual_view .main .textbox .main-title {
        opacity: 0;
        font-size: 58px;
    }
    .v21se_dual_view .main .textbox .sub-title {
        opacity: 0;
        font-size: 58px;
    }
    .v21se_dual_view .main .videobox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_dual_view .main .videobox .video {
        width: 1333px;
        height: 747px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_dual_view .main .content_white {
        width: 1333px;
        height: 56px;
        text-align: center;
        margin: 0 auto;
        font-size: 22px;
    }
    .v21se_slo_selfie {
        width: 100%;
        height: 1033px;
        position: relative;
        background-color: #fff;
        margin-bottom: 329px;
    }
    .v21se_slo_selfie .main {
        width: 1333px;
        height: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_slo_selfie .main .textbox {
        width: 1333px;
        height: 150px;
        text-align: center;
        margin-bottom: 50px;
    }
    .v21se_slo_selfie .main .textbox .main-title {
        opacity: 0;
        font-size: 58px;
    }
    .v21se_slo_selfie .main .textbox .sub-title {
        opacity: 0;
        font-size: 58px;
    }
    .v21se_slo_selfie .main .videobox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_slo_selfie .main .videobox .video {
        width: 1333px;
        height: 747px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_slo_selfie .main .content_white {
        width: 1200px;
        height: 56px;
        text-align: center;
        margin: 0 auto;
        font-size: 22px;
    }
    .v21se_video_4k {
        width: 100%;
        position: relative;
        background-color: #fff;
        padding-bottom: 197px;
    }
    .v21se_video_4k .main {
        width: 1333px;
        height: 100%;
        padding-top: 200px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .v21se_video_4k .main .textbox {
        width: 1333px;
        text-align: center;
        margin-bottom: 28px;
    }
    .v21se_video_4k .main .textbox .main-title {
        opacity: 0;
        font-size: 58px;
    }
    .v21se_video_4k .main .textbox .sub-title {
        opacity: 0;
        font-size: 58px;
    }
    .v21se_video_4k .main .buttonbox {
        width: 168px;
        height: 51px;
        line-height: 49px;
        margin: 0 auto;
        border: 1px solid #000;
        font-size: 20px;
        border-radius: 25.5px;
        text-align: center;
        margin-bottom: 86px;
        opacity: 0;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_video_4k .main .videobox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_video_4k .main .videobox .video {
        width: 1333px;
        height: 747px;
        object-fit: cover;
        border-radius: 12px;
    }
    .v21se_video_4k .main .content_white {
        width: 1000px;
        height: 46px;
        text-align: center;
        margin: 0 auto;
    }
    .v21se_ultra_game {
        width: 100%;
        background-color: #000;
        padding-bottom: 215px;
    }
    .v21se_ultra_game .main {
        width: 1333px;
        height: 100%;
        margin: auto;
        padding-top: 300px;
        box-sizing: border-box;
    }
    .v21se_ultra_game .main .textbox {
        width: 1333px;
        text-align: center;
        margin-bottom: 35px;
    }
    .v21se_ultra_game .main .textbox .main-title {
        color: #fff;
        font-size: 58px;
    }
    .v21se_ultra_game .main .textbox .sub-title {
        color: rgba(255, 255, 255, 0.5);
        font-size: 58px;
    }
    .v21se_ultra_game .main .buttonbox {
        width: 168px;
        height: 51px;
        line-height: 49px;
        margin: 0 auto;
        border: 1px solid #fff;
        color: #fff;
        font-size: 20px;
        border-radius: 25.5px;
        text-align: center;
        margin-bottom: 66px;
        font-family: HYQiHei-65S_vivo-Design-02;
    }
    .v21se_ultra_game .main .imgbox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_ultra_game .main .imgbox .photo_img {
        width: 1333px;
        height: 747px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) {
    .v21se_ultra_game .main .imgbox .photo_img {
        background-image: url(../img/v21se-game-xl.jpg);
    }
}
@media only screen and (min-width: 1921px) and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 1921px) and (min-width: 1921px) and (min-resolution: 144dpi) {
    .v21se_ultra_game .main .imgbox .photo_img {
        background-image: url(../img/v21se-game-xl-x2.jpg);
    }
}
@media only screen and (min-width: 1921px) {
    .v21se_ultra_game .main .videobox {
        width: 1333px;
        height: 747px;
        margin: 0 auto 30px;
    }
    .v21se_ultra_game .main .videobox .video {
        width: 1333px;
        height: 747px;
        object-fit: cover;
    }
    .v21se_ultra_game .main .content_white {
        width: 1333px;
        height: 56px;
        text-align: center;
        margin: 0 auto;
    }
}

/*new features*/

body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img5 {
    background-image: url(../img/ultra-stable-video-featured.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

@media(max-width:768px){
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img5 {
        background-image: url(../img/ultra-stable-video-featured-mb.jpg);
    }
    
}



body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img6 {
    background-image: url(../img/funtouch-os-featured.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}


@media(max-width:768px){
    body .v21e_good .v21e_good_main .v21e_good_center .v21e_good_img6 {
        background-image: url(../img/funtouch-os-featured-mb.jpg);
    }
    
}