.scene0 {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.scene0 .img-logo {
    width: 138px;
    height: 76px;
    overflow: hidden;
    margin-top: 36vh;
    display: block;
}

.scene0 .spinner {
    margin: 64px auto 0;
    width: 70px;
    text-align: center;
}

.scene0 .spinner > div {
    width: 14px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.9);

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.scene0 .spinner > .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.scene0 .spinner > .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.scene0 .load-text {
    color: rgba(255, 255, 255, 0.86);
    font-size: 12px;
    margin-top: 16px;
}

/* =========================分割线========================= */

.scene1 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.scene1 .brand-gallery {
    width: 100vw;
    height: 175vw;
    margin-top: calc((100vh - 175vw) / 2);
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
}

.scene1 .brand-gallery .brand-img {
    display: block;
    width: 25vw;
    height: 25vw;
}

.scene1 .brand-center-logo-wrap {
    width: 100vw;
    height: 175vw;
    position: absolute;
    left: 0;
    top: calc((100vh - 175vw) / 2 + 100vh);
}

.scene1 .brand-center-logo-wrap > .logo-box {
    width: 50vw;
    height: 50vw;
    background-image: linear-gradient(135deg, #003F6F 0%, #0284C2 100%);
    opacity: 0.9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50vw;
    margin-left: 25vw;
    animation-delay: 400ms;
    animation-duration: 1s;
}

.scene1 .brand-center-logo-wrap > .logo-box > .logo {
    width: 138px;
    display: block;
}

/* =========================分割线========================= */

.scene2 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.scene2 > .img-p4-1 {
    width: 158px;
    height: auto;
    display: block;
    margin-left: 36px;
    margin-top: 200px;
}

.scene2 > .img-p4-2 {
    width: 202px;
    height: auto;
    display: block;
    margin-left: 36px;
    margin-top: -5px;
}

.scene2 > .img-p4-3 {
    width: 276px;
    height: auto;
    display: block;
    margin-left: 30px;
    margin-top: 16px;
}

/* =========================分割线========================= */
.scene3 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene3 > .img-p5-title {
    width: 247px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene3 > .img-p5-pic-1 {
    width: 356px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 204px;
}

.scene3 > .img-p5-pic-2 {
    width: 295px;
    height: auto;
    display: block;
    position: absolute;
    left: 58px;
    top: 189px;
}

.scene3 > .img-p5-pic-3 {
    width: 244px;
    height: auto;
    display: block;
    position: absolute;
    right: 16px;
    top: 292px;
}

.scene3 > .img-p5-text-1 {
    width: 346px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 520px;
}

/* =========================分割线========================= */
.scene4 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene4 > .img-p6-title {
    width: 247px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene4 > .img-p6-pic-1 {
    width: 352px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 194px;
}

.scene4 > .img-p6-pic-2 {
    width: 331px;
    height: auto;
    display: block;
    position: absolute;
    right: 13px;
    top: 332px;
}

.scene4 > .img-p6-pic-3 {
    width: 188px;
    height: auto;
    display: block;
    position: absolute;
    left: 55px;
    top: 450px;
}

.scene4 > .img-p6-text-1 {
    width: 344px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 564px;
}

/* =========================分割线========================= */

.scene5 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.scene5 > .img-p7-1 {
    width: 159px;
    height: auto;
    display: block;
    margin-left: 36px;
    margin-top: 200px;
}

.scene5 > .img-p7-2 {
    width: 201px;
    height: auto;
    display: block;
    margin-left: 36px;
    margin-top: -5px;
}

.scene5 > .img-p7-3 {
    width: 308px;
    height: auto;
    display: block;
    margin-left: 30px;
    margin-top: 15px;
}

/* =========================分割线========================= */

.scene6 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene6 > .img-p8-title {
    width: 298px;
    height: auto;
    display: block;
    position: absolute;
    left: 26px;
    top: 56px;
}

.scene6 > .img-p8-pic-1 {
    width: 332px;
    height: auto;
    display: block;
    position: absolute;
    top: 220px;
    left: 13.04vw /* 54/4.14 */;
}

.scene6 > .img-p8-pic-2 {
    width: 114px;
    height: auto;
    display: block;
    position: absolute;
    top: 386px;
    left: 286px;
}

.scene6 > .img-p8-pic-3 {
    width: 105px;
    height: auto;
    display: block;
    position: absolute;
    top: 396px;
    left: 46px;
}

.scene6 > .img-p8-pic-4 {
    width: 158px;
    height: auto;
    display: block;
    position: absolute;
    top: 244px;
    left: 146px;
}

.scene6 > .img-p8-text-1 {
    width: 339px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 586px;
}

/* =========================分割线========================= */

.scene7 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene7 > .img-p9-title {
    width: 219px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene7 > .img-p9-pic-1 {
    width: 348px;
    height: auto;
    display: block;
    position: absolute;
    left: 38px;
    top: 192px;
}

.scene7 > .img-p9-pic-2 {
    width: 251px;
    height: auto;
    display: block;
    position: absolute;
    right: 17px;
    top: 226px;
}

.scene7 > .img-p9-pic-3 {
    width: 189px;
    height: auto;
    display: block;
    position: absolute;
    left: 58px;
    top: 358px;
}

.scene7 > .img-p9-text-1 {
    width: 336px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 602px;
}

/* =========================分割线========================= */

.scene8 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene8 > .img-p10-title {
    width: 301px;
    height: auto;
    display: block;
    position: absolute;
    left: 26px;
    top: 56px;
    z-index: 2;
}

.scene8 > .img-p10-pic-1 {
    width: 346px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 200px;
}

.scene8 > .img-p10-pic-2 {
    width: 339px;
    height: auto;
    display: block;
    position: absolute;
    right: 11px;
    top: 232px;
}

.scene8 > .img-p10-pic-3 {
    width: 323px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 394px;
}

.scene8 > .img-p10-text-1 {
    width: 337px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 542px;
}

/* =========================分割线========================= */

.scene9 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.scene9 > .img-p11-1 {
    width: 155px;
    height: auto;
    display: block;
    margin-left: 36px;
    margin-top: 200px;
}

.scene9 > .img-p11-2 {
    width: 210px;
    height: auto;
    display: block;
    margin-left: 36px;
    margin-top: -5px;
}

.scene9 > .img-p11-3 {
    width: 275px;
    height: auto;
    display: block;
    margin-left: 30px;
    margin-top: 15px;
}

/* =========================分割线========================= */

.scene10 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene10 > .img-p12-title {
    width: 215px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene10 > .img-p12-pic-1 {
    width: 322px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 204px;
}

.scene10 > .img-p12-pic-2 {
    width: 219px;
    height: auto;
    display: block;
    position: absolute;
    left: 60px;
    top: 264px;
}

.scene10 > .img-p12-pic-3 {
    width: 205px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 326px;
}

.scene10 > .img-p12-text-1 {
    width: 336px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 576px;
}

/* =========================分割线========================= */

.scene11 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene11 > .img-p13-title {
    width: 233px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene11 > .img-p13-pic-1 {
    width: 331px;
    height: auto;
    display: block;
    position: absolute;
    right: 13px;
    top: 184px;
}

.scene11 > .img-p13-pic-2 {
    width: 169px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 314px;
}

.scene11 > .img-p13-pic-3 {
    width: 276px;
    height: auto;
    display: block;
    position: absolute;
    left: 74px;
    top: 328px;
}

.scene11 > .img-p13-text-1 {
    width: 340px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 564px;
}

/* =========================分割线========================= */

.scene12 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene12 > .img-p14-title {
    width: 215px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene12 > .img-p14-pic-1 {
    width: 347px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 230px;
}

.scene12 > .img-p14-pic-2 {
    width: 354px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 290px;
}

.scene12 > .img-p14-pic-3 {
    width: 364px;
    height: auto;
    display: block;
    position: absolute;
    left: 36px;
    top: 406px;
}

.scene12 > .img-p14-text-1 {
    width: 336px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 564px;
}

/* =========================分割线========================= */

.scene13 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene13 > .img-p15-title {
    width: 332px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene13 > .img-p15-pic-1 {
    width: 347px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 196px;
}

.scene13 > .img-p15-pic-2 {
    width: 110px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 278px;
}

.scene13 > .img-p15-pic-3 {
    width: 72px;
    height: auto;
    display: block;
    position: absolute;
    left: 218px;
    top: 332px;
}

.scene13 > .img-p15-text-1 {
    width: 335px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 552px;
}

/* =========================分割线========================= */

.scene14 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene14 > .img-p16-title {
    width: 348px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene14 > .img-p16-pic-1 {
    width: 329px;
    height: auto;
    display: block;
    position: absolute;
    right: 21px;
    top: 240px;
}

.scene14 > .img-p16-pic-2 {
    width: 191px;
    height: auto;
    display: block;
    position: absolute;
    left: 80px;
    top: 341px;
}

.scene14 > .img-p16-pic-3 {
    width: 164px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 442px;
}

.scene14 > .img-p16-text-1 {
    width: 344px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 565px;
}

/* =========================分割线========================= */

.scene15 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene15 > .img-p17-title {
    width: 208px;
    height: auto;
    display: block;
    margin-left: 26px;
    margin-top: 56px;
}

.scene15 > .img-p17-pic-1 {
    width: 340px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 220px;
}

.scene15 > .img-p17-pic-2 {
    width: 331px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 310px;
}

.scene15 > .img-p17-pic-3 {
    width: 168px;
    height: auto;
    display: block;
    position: absolute;
    right: 24px;
    top: 380px;
}

.scene15 > .img-p17-text-1 {
    width: 338px;
    height: auto;
    display: block;
    position: absolute;
    left: 48px;
    top: 589px;
}

/* =========================分割线========================= */

.scene16 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene16 > .img-p18-title {
    width: 302px;
    height: auto;
    display: block;
    position: absolute;
    z-index: 2;
    left: 26px;
    top: 56px;
}

.scene16 > .img-p18-pic-1 {
    width: 308px;
    height: auto;
    display: block;
    position: absolute;
    right: 8px;
    top: 218px;
}

.scene16 > .img-p18-pic-2 {
    width: 79px;
    height: auto;
    display: block;
    position: absolute;
    left: 138px;
    top: 198px;
}

.scene16 > .img-p18-pic-3 {
    width: 322px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 284px;
}

.scene16 > .img-p18-text-1 {
    width: 316px;
    height: auto;
    display: block;
    position: absolute;
    left: 64px;
    top: 578px;
}

/* =========================分割线========================= */

.scene17 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.scene17 > .img-p19-1 {
    width: 358px;
    height: auto;
    display: block;
    margin-left: 30px;
    margin-top: 314px;
}

/* =========================分割线========================= */

.scene18 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.scene18 > .img-p20-pic-1 {
    width: 354px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 56px;
}

.scene18 > .img-p20-pic-2 {
    width: 176px;
    height: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 40px;
}

.scene18 > .img-p20-pic-3 {
    width: 205px;
    height: auto;
    display: block;
    position: absolute;
    right: 24px;
    top: 286px;
}

.scene18 .img-p20-title {
    width: 282px;
    display: block;
    margin: 448px auto 0;
}

.scene18 .img-btn:active {
    transform: scale(0.98);
}

.scene18 .img-btn-1994 {
    width: 188px;
    display: block;
    margin: 24px auto 0;
}

.scene18 .img-btn-1997 {
    width: 188px;
    display: block;
    margin: 8px auto 0;
}

.scene18 .img-btn-2002 {
    width: 188px;
    display: block;
    margin: 8px auto 0;
}

.scene18 > .img-success {
    width: 333px;
    display: block;
    margin: 424px auto 0;
}

/* =========================分割线========================= */
.s8-modal {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.90);
    display: flex;
    align-items: center;
    justify-content: center;
}

.s8-modal > .img-error {
    width: 238px;
    height: 89px;
    display: block;
}