body {
    background-color: black;
}

.screen .logo,
.screen .sg,
.screen .text,
.screen .title,
.screen .tips,
.screen .midtitle,
.screen .data,
.screen .datatext,
.screen .subtitle {
    transform: translateY(100%);
    /* 初始时图片缩小并隐藏 */
    opacity: 0;
    /* 初始透明度 */
    transition: transform 1s ease, opacity 1s ease;
}

.setUp .logo,
.setUp .sg,
.setUp .text,
.setUp .title,
.setUp .tips,
.setUp .midtitle,
.setUp .data,
.setUp .datatext,
.setUp .subtitle {
    transform: translateY(0%);
    /* 初始时图片缩小并隐藏 */
    opacity: 1;
    /* 初始透明度 */
    transition: transform 2s ease, opacity 2s ease;
}

@media screen and (min-width: 1081.0001px) {
    .screen1 {
        padding-bottom: 41.9141vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/bg.png");
        background-size: cover;
    }

    .screen1 .logo {
        width: 42.5vw;
        height: 5.625vw;
        margin-top: 6.25vw;
        margin-left: 28.75vw;
    }

    .screen1 .sg {
        margin: 2.3438vw 24.5vw 0vw 24.5vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.25vw;
        line-height: 100%;
        letter-spacing: 0%;
        color: #B3B3B3;
    }

    .screen1 .sg>div {
        padding: 0vw 2.3438vw 0vw 2.3438vw;
        text-align: center;
    }

    .screen1 .sg>div:nth-child(2),
    .screen1 .sg>div:nth-child(3) {
        border-left: .0391vw solid #B3B3B3;
    }

    .screen2 {
        padding: 9.7656vw 10.3125vw 0vw 10.3125vw;

        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 1.0938vw;
        line-height: 150%;
        letter-spacing: 0.1vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen2 .content {
        display: flex;
        flex-direction: row;
    }

    .screen2 .up {
        margin-bottom: .9375vw;
    }

    .screen2 .up,
    .screen2 .down,
    .screen2 .downleft,
    .screen2 .downright {
        padding-top: 1.0938vw;
    }

    .screen2 .left .up {
        width: 22.0313vw;
        height: 17.1094vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/left1.png");
        background-size: cover;
    }

    .screen2 .left .up>div {
        margin: 0vw 6.4969vw;
    }

    .screen2 .left .down {
        width: 22.0313vw;
        height: 17.2656vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/left2.png");
        background-size: cover;
    }

    .screen2 .left .down>div {
        margin: 0vw 5.3078vw;
    }

    .screen2 .mid {
        margin: 0vw .9375vw 0vw .9375vw;
    }

    .screen2 .mid .up {
        width: 33.4375vw;
        height: 20.8594vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/mid1.png");
        background-size: cover;
    }

    .screen2 .mid .up>div {
        margin: 0vw 8.75vw;
    }

    .screen2 .mid .down {
        width: 33.4375vw;
        height: 13.5156vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/mid2.png");
        background-size: cover;
    }

    .screen2 .mid .down>div {}

    .screen2 .right .up {
        width: 22.0313vw;
        height: 17.1094vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/right1.png");
        background-size: cover;
    }

    .screen2 .right .up>div {
        margin: 0vw 4.1219vw;
    }

    .screen2 .right .downall {
        display: flex;
        flex-direction: row;
    }

    .screen2 .right .downleft {
        width: 10.5469vw;
        height: 17.2656vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/right2.png");
        background-size: cover;
    }

    .screen2 .right .downleft>div {
        margin: 0vw 1.0719vw;
    }

    .screen2 .right .downright {
        width: 10.5469vw;
        height: 17.2656vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/right3.png");
        background-size: cover;
        margin-left: .9375vw;
    }

    .screen2 .right .downright>div {
        margin: 0vw .4688vw;
    }

    .screen2 .tips {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: .7031vw;
        line-height: 100%;
        letter-spacing: 0vw;
        text-align: right;
        color: #FFFFFF;
        margin-top: 2.3438vw;
    }

    .screen3 {
        padding: 9.2969vw 9.375vw 0vw 9.375vw;
    }

    .screen3 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
    }

    .screen3 .midtitle {
        margin: 1.9531vw 12.2734vw 4.6875vw 12.2734vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        letter-spacing: 0%;
        text-align: center;
        color: #FFFFFF;
    }

    .screen3 .product .up {
        width: 81.25vw;
        height: 41.5234vw;
        margin-bottom: 1.5625vw;
    }

    .screen3 .product .down {
        display: flex;
        flex-direction: row;
    }

    .screen3 .product .down .left {
        width: 39.8438vw;
        height: 40.7031vw;
        border-radius: 1.1719vw;
        margin-right: 1.5625vw;
        background: #1A1A1A;
    }

    .screen3 .product .down .left>img {
        width: 20.7031vw;
        height: 30.0781vw;
        margin: 5.3125vw 9.5703vw;
    }

    .screen3 .product .down .right {
        width: 39.8438vw;
        height: 40.7031vw;
        background: #1A1A1A;
        border-radius: 1.1719vw;
    }

    .screen3 .product .up>img,
    .screen3 .product .down .right>img {
        width: 100%;
        height: 100%;
    }

    .screen3 .button {
        width: 5.4688vw;
        height: 2.4219vw;
        margin: auto;
        margin-top: 3.125vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .screen3 .button .left {
        width: 2.4219vw;
        height: 2.4219vw;
        border-width: .1172vw;
        border-radius: 1.2109vw;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .screen3 .button .leftactive {
        border: .1172vw solid #C66D3E;
    }

    .screen3 .button .left img {
        width: 1.5625vw;
        height: 1.5625vw;
    }

    .screen3 .button .right {
        width: 2.4219vw;
        height: 2.4219vw;
        border-width: .1172vw;
        border-radius: 1.2109vw;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .screen3 .button .rightactive {
        border: .1172vw solid #6F6F6F;
    }

    .screen3 .button .right img {
        width: 1.5625vw;
        height: 1.5625vw;
    }

    .screen4 {
        padding-top: 12.5vw;
        padding-left: 9.375vw;
        padding-bottom: .3906vw;
        position: relative;
        overflow: hidden;
    }

    .screen4 .title {
        width: 23.1641vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        color: #FFFFFF;
        margin-bottom: 1.9531vw;
    }

    .screen4 .text {
        width: 35.9844vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        color: #FFFFFF;
        margin-bottom: 3.2031vw;
    }

    .screen4 .data {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        letter-spacing: 0%;
        color: #FF5501;

    }

    .screen4 .datatext {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        color: #FFFFFF;
        margin-bottom: 1.5625vw;
    }

    .screen4 img {
        position: absolute;
        width: 50.913vw;
        height: 37.6563vw;
        top: 17.025vw;
        left: 47.9297vw;
    }

    .screen5 {
        padding-top: 12.5vw;
    }

    .screen5 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 1.9531vw;
    }

    .screen5 .text {
        margin: 0vw 21.6484vw 6.25vw 21.6484vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen5 img {
        width: 100%;
        height: 56.1719vw;
    }

    .screen5 .tips {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: .7031vw;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        margin-top: 5.4688vw;
        margin-right: 9.375vw;
        color: #FFFFFF;
    }

    .screen6 {
        padding: 12.5vw 9.375vw 0vw 9.375vw;
    }

    .screen6 .title {
        margin: 0vw 20.3281vw 1.9531vw 20.3281vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
    }

    .screen6 .text {
        margin: 0vw 13.0781vw 10.9375vw 13.0781vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen6 .picture {
        display: flex;
        flex-direction: row;
    }

    .screen6 .picture img {
        width: 39.65vw;
        height: 33.6719vw;
    }

    .screen6 .picture .right {
        margin-left: .7813vw;
    }

    .screen7 {
        padding: 12.5vw 9.375vw 0vw 9.375vw;
    }

    .screen7 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 1.9531vw;
    }

    .screen7 .text {
        margin: 0vw 15vw 4.6875vw 15vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen7 img {
        width: 100%;
        height: 41.4063vw;
    }

    .screen8 {
        padding-top: 12.5vw;
        position: relative;

    }

    .screen8 .title {
        margin: 0vw 31.4844vw 1.9531vw 31.4844vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
    }

    .screen8 .text {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen8 .bg {
        width: 73.5938vw;
        height: 56.2109vw;
        top: 17.1875vw;
        left: 13.2031vw;
        position: absolute;
        z-index: -1;
    }

    .screen8 .product {
        margin-top: 46.875vw;
        margin-left: 10.3125vw;
        display: flex;
        flex-direction: row;
    }

    .screen8 .model {
        width: 12.1875vw;
        height: 17.6953vw;

    }

    .screen8 .model img {
        width: 100%;
        height: 100%;
    }

    .screen8 .model1,
    .screen8 .model2,
    .screen8 .model3 {
        margin-left: 10.1953vw;
    }

    .screen8 .producttext {
        margin-top: 3.4375vw;
        margin-left: 8.3125vw;
        display: flex;
        flex-direction: row;
    }

    .screen8 .label {
        display: flex;
        flex-direction: row;
        width: 16.5313vw;
        height: 3.4375vw;
        border-radius: 3.6719vw;
        border-width: .0781vw;
    }

    .screen8 .label0 {
        border: .0781vw solid #FF5501;
    }

    .screen8 .label1 {
        border: .0781vw solid #0085FF;
        margin-left: 5.6797vw;
    }

    .screen8 .label2 {
        border: .0781vw solid #7000FF;
        margin-left: 6.3516vw;
    }

    .screen8 .label3 {
        border: .0781vw solid #00FF66;
        margin-left: 5.6563vw;
    }

    .screen8 .label img {
        margin: .4297vw .3125vw .4297vw .9375vw;
        width: 67;
        height: 66;
    }

    .screen8 .label .subtitle {
        margin: .8203vw 0vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 1.4844vw;
        letter-spacing: 0.1vw;
        margin: auto;
        color: #FFFFFF;
    }

    .screen9 {
        padding: 12.5vw 9.375vw 0vw 9.375vw;
    }

    .screen9 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
    }

    .screen9 .text {
        padding: 1.9531vw 19.1594vw 4.6875vw 19.1594vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen9 .bg {
        width: 79.95vw;
        height: 45.7031vw;
    }

    .screen9 .down {
        margin-top: 7.0313vw;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .screen9 .down .icon {
        width: 50.2734vw;
        height: 20.4688vw;

    }

    .screen9 .down .product {
        width: 20.4297vw;
        height: 22.5391vw;
        margin-left: 6.4844vw;
    }

    .screen10 {
        padding: 12.5vw 9.375vw 0vw 9.375vw;
    }

    .screen10 .title {
        width: 23.1641vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
       line-height: 100%;
        color: #FFFFFF;
        margin-bottom: 1.9531vw;
    }

    .screen10 .text {
        display: flex;
        flex-direction: row;
        margin-bottom: 4.1406vw;
        justify-content: space-between;
        align-items: center;
    }

    .screen10 .text .left {
        width: 38.9844vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        text-align: left;
        color: #FFFFFF;
    }

    .screen10 .text .right .up {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        letter-spacing: 0%;
        color: #FF5501;
    }

    .screen10 .text .right .down {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        color: #FFFFFF;
    }

    .screen10 .bg {
        width: 79.95vw;
        height: 45.7031vw;
    }

    .screen10 .data {
        margin-top: 3.125vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: .7031vw;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        color: #FFFFFF;
    }

    .screen11 {
        padding: 12.5vw 17.5391vw 0vw 17.5391vw;
    }

    .screen11 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 1.9531vw;
    }

    .screen11 .text {
        margin: 0vw 8.7344vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 7.4219vw;
    }

    .screen11 .bg {
        width: 64.9219vw;
        height: 40.1172vw;
    }

    .screen12 {
        padding: 12.5vw 9.375vw 7.0313vw 9.375vw;
    }

    .screen12 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 3.125vw;
        letter-spacing: 0.1vw;
        line-height: 100%;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 1.9531vw;
    }

    .screen12 .text {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.0938vw;
        letter-spacing: 0.05vw;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 4.6875vw;
    }

    .screen12 .down {
        display: flex;
        flex-direction: row;
    }

    .screen12 .down .bg {
        width: 53.5156vw;
        height: 29.6875vw;
    }

    .screen12 .down .right {
        width: 25.4688vw;
        height: 29.6875vw;
        border-radius: 1.1719vw;
        margin-left: 2.2656vw;
        padding-top: 11.3281vw;
        background: linear-gradient(180deg, #1E1E1E 0%, #0C0C0C 100%);
    }

    .screen12 .down .right .up {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-size: 4.6875vw;
        letter-spacing: 0.1vw;
        letter-spacing: 0%;

        text-align: center;
        color: #FF5501;
    }

    .screen12 .down .right .downtext {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: 1.25vw;
        letter-spacing: 0.05vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen12 .data {
        margin-top: 3.125vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-size: .7031vw;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        color: #FFFFFF;
    }
}

@media (max-width: 1080px) {
    .screen1 {
        padding-bottom: 41.9141vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/bg-mob.png");
        background-size: cover;
        padding: 12.963vw 2.9556vw 93.8889vw 2.9556vw;
    }

    .screen1 .logo {
        width: 52.3148vw;
        height: 6.6667vw;
        margin-top: 12.963vw;
        margin-left: 23.8889vw;
        margin-bottom: 3.7037vw;
    }

    .screen1 .sg {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        line-height: 100%;
        letter-spacing: 0%;
        color: #B3B3B3;
    }

    .screen1 .sg>div {
        padding: 0vw 3.3333vw 0vw 3.3333vw;
        text-align: center;
    }

    .screen1 .sg>div:nth-child(2),
    .screen1 .sg>div:nth-child(3) {
        border-left: .0391vw solid #B3B3B3;
    }

    .screen2 {
        padding: 16.6667vw 5.5556vw 0vw 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 2.5926vw;
        line-height: 150%;
        letter-spacing: 0.2vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen2 .content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .screen2 .content .model {
        width: 43.5185vw;
        height: 38.8889vw;
        padding-top: 2.5926vw;
        margin-bottom: 1.8519vw;
    }

    .screen2 .content .model0 {
        padding: 0vw 7.0741vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/left1-mob.png");
        background-size: cover;
    }

    .screen2 .content .model1 {
        padding: 0vw 10.7593vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/right1-mob.png");
        background-size: cover;
    }

    .screen2 .content .model2 {
        padding: 0vw 5.4074vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/left2-mob.png");
        background-size: cover;
    }

    .screen2 .content .model3 {
        padding: 0vw 7.7037vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/right2-mob.png");
        background-size: cover;
    }

    .screen2 .content .model4 {
        padding: 0vw 1.1481vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/left3-mob.png");
        background-size: cover;
    }

    .screen2 .content .model5 {
        padding: 0vw 9.3704vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/right3-mob.png");
        background-size: cover;
    }

    .screen2 .content .model6 {
        width: 88.8889vw;
        height: 32.037vw;
        background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/accessories/watch-neo/image/down-mob.png");
        background-size: cover;
    }

    .screen2 .tips {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.4815vw;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;

        color: #FFFFFF;
        margin-top: 3.7037vw;
    }

    .screen3 {
        padding-top: 29.6296vw;
    }

    .screen3 .title {
        margin-left: 5.5556vw;
        margin-bottom: 3.7037vw;
        width: 53.1481vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        color: #FFFFFF;
    }

    .screen3 .midtitle {
        margin: 0vw 6.8519vw 11.1111vw 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        line-height: 100%;
        letter-spacing: 0.1vw;
        color: #FFFFFF;
    }

    .screen3 .product .up {
        width: 100%;
        height: 120.3704vw;
        margin-bottom: 3.7037vw;
    }

    .screen3 .product .down {
        display: flex;
        flex-direction: row;
    }

    .screen3 .product .down .left {
        width: 48.1481vw;
        height: 55.5556vw;
        margin-right: 3.7037vw;
        background: #1A1A1A;
    }

    .screen3 .product .down .left>img {
        width: 33.1481vw;
        height: 48.1481vw;
        margin: 3.7037vw 7.5vw;
    }

    .screen3 .product .down .right {
        width: 48.1481vw;
        height: 55.5556vw;
        background: #1A1A1A;
    }

    .screen3 .product .up>img,
    .screen3 .product .down .right>img {
        width: 100%;
        height: 100%;
    }

    .screen3 .button {
        width: 12.963vw;
        height: 5.7407vw;
        margin: auto;
        margin-top: 3.7037vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .screen3 .button .left {
        width: 5.7407vw;
        height: 5.7407vw;
        border-radius: 2.8704vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .screen3 .button .leftactive {
        border: .2778vw solid #C66D3E;
    }

    .screen3 .button .left img {
        width: 3.7037vw;
        height: 3.7037vw;
    }

    .screen3 .button .right {
        width: 5.7407vw;
        height: 5.7407vw;
        border-radius: 2.8704vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .screen3 .button .rightactive {
        border: .2778vw solid #6F6F6F;
    }

    .screen3 .button .right img {
        width: 3.7037vw;
        height: 3.7037vw;
    }

    .screen4 {
        padding-top: 20.1852vw;
        padding-bottom: 67.5926vw;
        position: relative;
    }

    .screen4 .title {
        width: 49.9074vw;
        margin-left: 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        color: #FFFFFF;
        margin-bottom: 1.5625vw;
    }

    .screen4 .text {
        margin-right: 9.9074vw;
        margin-left: 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        line-height: 100%;
        letter-spacing: 0.1vw;
        color: #FFFFFF;
        margin-bottom: 11.1111vw;
    }

    .screen4 .data {
        margin-left: 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 7.4074vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        color: #FF5501;

    }

    .screen4 .datatext {
        margin-left: 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        color: #FFFFFF;
        margin-bottom: 3.7037vw;
    }

    .screen4 img {
        position: absolute;
        margin-top: -50.3704vw;
        width: 100%;
        height: 118.5185vw;
    }

    .screen5 {
        padding-top: 29.6296vw;
    }

    .screen5 .title {
        margin-left: 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 3.7037vw;
    }

    .screen5 .text {
        margin: 0vw 14.6296vw 11.1111vw 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        line-height: 100%;
        letter-spacing: 0.1vw;
        color: #FFFFFF;
    }

    .screen5 img {
        width: 100%;
        height: 120.3704vw;
    }

    .screen5 .tips {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.4815vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: right;
        margin-top: 5.5556vw;
        margin-right: 5.5556vw;
        color: #FFFFFF;
    }

    .screen6 {
        padding: 29.6296vw 5.5556vw 0vw 5.5556vw;
    }

    .screen6 .title {
        width: 70.4074vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 3.7037vw;
    }

    .screen6 .text {
        margin-right: 6.8519vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        text-align: left;
        line-height: 100%;
        letter-spacing: 0.1vw;
        color: #FFFFFF;
        margin-bottom: 11.1111vw;
    }

    .screen6 .picture img {
        width: 100%;
        height: 74.0741vw;
        margin-bottom: 3.7037vw;
    }

    .screen7 {
        padding: 25.9259vw 5.5556vw 0vw 5.5556vw;
    }

    .screen7 .title {
        width: 52.7778vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 3.7037vw;
    }

    .screen7 .text {
        margin-right: 6.9444vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        text-align: left;
        line-height: 100%;
        letter-spacing: 0.1vw;
        color: #FFFFFF;
        margin-bottom: 11.1111vw;
    }

    .screen7 img {
        width: 100%;
        height: 120.3704vw;
    }

    .screen8 {
        padding-top: 12.5vw;
    }

    .screen8 .title {
        width: 64.7778vw;
        margin-left: 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 3.7037vw;
    }

    .screen8 .text {
        margin-right: 18.7963vw;
        margin-left: 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        text-align: left;
        line-height: 100%;
        letter-spacing: 0.1vw;
        color: #FFFFFF;
        margin-bottom: 11.1111vw;
    }

    .screen8 .bg {
        width: 100%;
        height: 100vw;
    }

    .screen8 .product {
        margin: 3.7037vw 10.463vw 0vw 10.463vw;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .screen8 .model .picture {
        width: 28.8889vw;
        height: 41.9444vw;
        margin: 0vw 2.7778vw;
    }

    .screen8 .model img {
        width: 100%;
        height: 100%;
    }

    .screen8 .model0,
    .screen8 .model1 {
        margin-bottom: 11.1111vw;
    }

    .screen8 .producttext {
        padding: 0vw 2.2222vw;
        margin-top: 5.5556vw;
        width: 34.4444vw;
        height: 8.1481vw;
        opacity: 1;
        border-width: .1852vw;
        border-radius: 8.7037vw;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .screen8 .producttext .label {
        width: 6.7593vw;
        height: 6.5741vw;
    }

    .screen8 .producttext0 {
        border: .0781vw solid #FF5501;
    }

    .screen8 .producttext1 {
        border: .0781vw solid #0085FF;
    }

    .screen8 .producttext2 {
        border: .0781vw solid #7000FF;
    }

    .screen8 .producttext3 {
        border: .0781vw solid #00FF66;
    }

    .screen8 .producttext .subtitle {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 3.5185vw;
        line-height: 100%;
        letter-spacing: 0%;
        margin: auto;
        color: #FFFFFF;
    }

    .screen9 {
        padding-top: 29.6296vw;
    }

    .screen9 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        margin-bottom: 3.7037vw;
        margin-left: 5.5556vw;
        color: #FFFFFF;
    }

    .screen9 .text {
        margin: 0vw 12.6852vw 11.1111vw 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        line-height: 100%;
        letter-spacing: 0.1vw;
        color: #FFFFFF;
    }

    .screen9 .bg {
        width: 100%;
        height: 111.1111vw;
        margin-bottom: 9.2593vw;
    }

    .screen9 .down {
        margin-left: 4.7741vw;
        width: 88.6928vw;
        height: 36.1111vw;
    }

    .screen9 .down .icon {
        width: 100%;
        height: 100%;

    }

    .screen9 .down .product {
        width: 20.4297vw;
        height: 22.5391vw;
        margin-left: 6.4844vw;
    }

    .screen10 {
        padding-top: 29.6296vw;
    }

    .screen10 .title {
        margin-left: 5.5556vw;
        margin-bottom: 3.7037vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: left;
        color: #FFFFFF;
    }

    .screen10 .text {
        margin-left: 5.5556vw;
        margin-right: 13.8889vw;
        font-family: Hurme Geometric Sans 3;
        font-style: Regular;
        line-height: 100%;
        letter-spacing: 0.1vw;
    }

    .screen10 .text .left {
        font-size: 2.5926vw;
        font-weight: 400;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 5.5556vw;
    }

    .screen10 .text .right .up {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 7.4074vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        color: #FF5501;
    }

    .screen10 .text .right .down {
        font-weight: 400;
        font-size: 2.5926vw;
        letter-spacing: 0.1vw;
        color: #FFFFFF;
        margin-bottom: 7.4074vw;
    }

    .screen10 .bg {
        width: 100%;
        height: 120.3704vw;
        margin-bottom: 5.5556vw;
    }

    .screen10 .data {
        margin-right: 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.4815vw;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        color: #FFFFFF;
    }

    .screen11 {
        padding-top: 29.6296vw;
    }

    .screen11 .title {
        margin-left: 5.5556vw;
        width: 44.4444vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 3.7037vw;
    }

    .screen11 .text {
        margin: 0vw 22.3148vw 11.1111vw 5.5556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        line-height: 100%;
        letter-spacing: 0.1vw;
        text-align: left;
        color: #FFFFFF;
    }

    .screen11 .bg {
        width: 100%;
        height: 61.7593vw;
    }

    .screen12 {
        padding: 29.6296vw 5.5556vw 11.1111vw 5.5556vw;
    }

    .screen12 .title {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5.5556vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 3.7037vw;
    }

    .screen12 .text {
        margin-right: 18.0556vw;
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.5926vw;
        line-height: 100%;
        letter-spacing: 0.1vw;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 11.1111vw;
    }

    .screen12 .down {
        margin-bottom: 5.5556vw;
    }

    .screen12 .down .bg {
        width: 100%;
        height: 70.3704vw;
        margin-bottom: 3.7037vw;
    }

    .screen12 .down .right {
        width: 100%;
        height: 27.7778vw;
        border-radius: 2.7778vw;
        padding-top: 5.5556vw;
        background: linear-gradient(180deg, #1E1E1E 0%, #0C0C0C 100%);
    }

    .screen12 .down .right .up {
        font-family: Hurme Geometric Sans 3;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 11.1111vw;
        line-height: 100%;
        letter-spacing: 0.2vw;
        text-align: center;
        color: #FF5501;
    }

    .screen12 .down .right .downtext {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.963vw;
        line-height: 100%;
        letter-spacing: 0.1vw;
        text-align: center;
        color: #FFFFFF;
    }

    .screen12 .data {
        font-family: Hurme Geometric Sans 3;
        font-weight: 400;
        font-style: Regular;
        font-size: 1.4815vw;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        color: #FFFFFF;
    }
}