.page14[data-v-7663d394] {
    background: url(../../../images/zt/gnsc/gnsc_13.f8bca93b.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    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;
}

.page14 #customerChart[data-v-7663d394] {
    width: 2.60417rem;
    height: 2.08333rem;
    position: absolute;
    left: .36458rem;
    top: 26vh;
    z-index: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);

    /* 关键：帧动画背景 */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    image-rendering: pixelated;        /* 强制清晰，不模糊 */

    will-change: auto !important;
    transition: none !important;
    animation: earthSpin 39s steps(39) infinite;
}

/* 32帧序列帧动画核心 */
@keyframes earthSpin {
    0%, 2.56%        { background-image: url(../../../images/zt/gnsc/gnsc_earth1.png); }
    2.56%, 5.13%     { background-image: url(../../../images/zt/gnsc/gnsc_earth2.png); }
    5.13%, 7.69%     { background-image: url(../../../images/zt/gnsc/gnsc_earth3.png); }
    7.69%, 10.26%    { background-image: url(../../../images/zt/gnsc/gnsc_earth4.png); }
    10.26%, 12.82%   { background-image: url(../../../images/zt/gnsc/gnsc_earth5.png); }
    12.82%, 15.38%   { background-image: url(../../../images/zt/gnsc/gnsc_earth6.png); }
    15.38%, 17.95%   { background-image: url(../../../images/zt/gnsc/gnsc_earth7.png); }
    17.95%, 20.51%   { background-image: url(../../../images/zt/gnsc/gnsc_earth8.png); }
    20.51%, 23.08%   { background-image: url(../../../images/zt/gnsc/gnsc_earth9.png); }
    23.08%, 25.64%   { background-image: url(../../../images/zt/gnsc/gnsc_earth10.png); }
    25.64%, 28.21%   { background-image: url(../../../images/zt/gnsc/gnsc_earth11.png); }
    28.21%, 30.77%   { background-image: url(../../../images/zt/gnsc/gnsc_earth12.png); }
    30.77%, 33.33%   { background-image: url(../../../images/zt/gnsc/gnsc_earth13.png); }
    33.33%, 35.90%   { background-image: url(../../../images/zt/gnsc/gnsc_earth14.png); }
    35.90%, 38.46%   { background-image: url(../../../images/zt/gnsc/gnsc_earth15.png); }
    38.46%, 41.03%   { background-image: url(../../../images/zt/gnsc/gnsc_earth16.png); }
    41.03%, 43.59%   { background-image: url(../../../images/zt/gnsc/gnsc_earth17.png); }
    43.59%, 46.15%   { background-image: url(../../../images/zt/gnsc/gnsc_earth18.png); }
    46.15%, 48.72%   { background-image: url(../../../images/zt/gnsc/gnsc_earth19.png); }
    48.72%, 51.28%   { background-image: url(../../../images/zt/gnsc/gnsc_earth20.png); }
    51.28%, 53.85%   { background-image: url(../../../images/zt/gnsc/gnsc_earth21.png); }
    53.85%, 56.41%   { background-image: url(../../../images/zt/gnsc/gnsc_earth22.png); }
    56.41%, 58.97%   { background-image: url(../../../images/zt/gnsc/gnsc_earth23.png); }
    58.97%, 61.54%   { background-image: url(../../../images/zt/gnsc/gnsc_earth24.png); }
    61.54%, 64.10%   { background-image: url(../../../images/zt/gnsc/gnsc_earth25.png); }
    64.10%, 66.67%   { background-image: url(../../../images/zt/gnsc/gnsc_earth26.png); }
    66.67%, 69.23%   { background-image: url(../../../images/zt/gnsc/gnsc_earth27.png); }
    69.23%, 71.80%   { background-image: url(../../../images/zt/gnsc/gnsc_earth28.png); }
    71.80%, 74.36%   { background-image: url(../../../images/zt/gnsc/gnsc_earth29.png); }
    74.36%, 76.92%   { background-image: url(../../../images/zt/gnsc/gnsc_earth30.png); }
    76.92%, 79.49%   { background-image: url(../../../images/zt/gnsc/gnsc_earth31.png); }
    79.49%, 82.05%   { background-image: url(../../../images/zt/gnsc/gnsc_earth32.png); }
    82.05%, 84.62%   { background-image: url(../../../images/zt/gnsc/gnsc_earth33.png); }
    84.62%, 87.18%   { background-image: url(../../../images/zt/gnsc/gnsc_earth34.png); }
    87.18%, 89.74%   { background-image: url(../../../images/zt/gnsc/gnsc_earth35.png); }
    89.74%, 92.31%   { background-image: url(../../../images/zt/gnsc/gnsc_earth36.png); }
    92.31%, 94.87%   { background-image: url(../../../images/zt/gnsc/gnsc_earth37.png); }
    94.87%, 97.44%   { background-image: url(../../../images/zt/gnsc/gnsc_earth38.png); }
    97.44%, 100%     { background-image: url(../../../images/zt/gnsc/gnsc_earth39.png); }
}

.page14 .gj[data-v-7663d394] {
    width: 8.85417rem;
    height: 2.60417rem;
    cursor: pointer;
    margin: 1.30208rem auto;
    background-image: url(../../../images/zt/gnsc/gnsc_page14.4a63443e.png);
    background-size: 100%;
    position: relative
}

.page14 .gj img[data-v-7663d394] {
    position: absolute;
    display: block;
    cursor: pointer
}

@-webkit-keyframes showMove-7663d394 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes showMove-7663d394 {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.page14 .gj .shou[data-v-7663d394] {
    width: .3rem;
    display: block;
    position: absolute;
    top: calc(50% - .1rem);
    left: calc(50% - .35rem);
    -webkit-animation: showMove-7663d394 2s infinite;
    animation: showMove-7663d394 2s infinite
}