.m-index-move1.active .js .one0 {
    animation: indexMoveLineShow 2s linear 2s;
    animation-fill-mode: forwards;
}

@keyframes indexLineMove2-2023 {
    0% {
        left: 520px;
        top: 413px;
        transform: rotateZ(69deg);
    }
    9.9% {
        left: 605px;
        top: 480px;
        transform: rotateZ(69deg);
    }
    10% {
        left: 605px;
        top: 466px;
        transform: rotateZ(3deg);
    }
    19.9% {
        left: 756px;
        top: 388px;
        transform: rotateZ(3deg);
    }
    20% {
        left: 758px;
        top: 384px;
        transform: rotateZ(-102deg);
    }
    29.9% {
        left: 642px;
        top: 320px;
        transform: rotateZ(-110deg);
    }
    30% {
        left: 635px;
        top: 324px;
        transform: rotateZ(-14deg);
    }
    39.9% {
        left: 735px;
        top: 246px;
        transform: rotateZ(-14deg);
    }
    40% {
        left: 735px;
        top: 246px;
        transform: rotateZ(-106deg);
    }
    59.9% {
        left: 428px;
        top: 56px;
        transform: rotateZ(-106deg);
    }
    60% {
        left: 428px;
        top: 56px;
        transform: rotateZ(-179deg);
    }
    62.9% {
        left: 354px;
        top: 95px;
        transform: rotateZ(-179deg);
    }
    63% {
        left: 354px;
        top: 98px;
        transform: rotateZ(-106deg);
    }
    64.9% {
        left: 326px;
        top: 76px;
        transform: rotateZ(-106deg);
    }
    65% {
        left: 326px;
        top: 76px;
        transform: rotateZ(-168deg);
    }
    69.9% {
        left: 210px;
        top: 138px;
        transform: rotateZ(-168deg);
    }
    70% {
        left: 202px;
        top: 138px;
        transform: rotateZ(-278deg);
    }
    79.9% {
        left: 358px;
        top: 246px;
        transform: rotateZ(-278deg);
    }
    80% {
        left: 410px;
        top: 252px;
        transform: rotateZ(-284deg);
    }
    89.9% {
        left: 520px;
        top: 413px;
        transform: rotateZ(-284deg);
    }
    90% {
        left: 520px;
        top: 413px;
        transform: rotateZ(69deg);
    }
    100% {
        left: 520px;
        top: 413px;
        transform: rotateZ(69deg);
    }
}

@keyframes platformMove2-1 {
    0% {
        opacity: 0;
        left: 540px;
        top: 405px;
        transform: scale(0.3);
    }
    70% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        left: -30px;
        top: 480px;
        transform: scale(1);
    }
}
@keyframes platformMove2-4 {
    0% {
        opacity: 0;
        left: 540px;
        top: 405px;
        transform: scale(0.3);
    }
    70% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        left: 538px;
        top: 700px;
        transform: scale(1);
    }
}
@keyframes platformMove2-7 {
    0% {
        opacity: 0;
        left: 540px;
        top: 405px;
        transform: scale(0.3);
    }
    70% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        left: 1100px;
        top: 460px;
        transform: scale(1);
    }
}

@keyframes move-line-01 {
    0%{
        width: 0;
    }
    100%{
        width: 80px;
    }
}
@keyframes move-line-02 {
    0%{
        width: 0;
    }
    100%{
        width: 32px;
    }
}
@keyframes move-line-03 {
    0%{
        width: 0;
    }
    100%{
        width: 46px;
    }
}
@keyframes move-line-04 {
    0%{
        width: 0;
    }
    100%{
        width: 130px;
    }
}
@keyframes move-line-05 {
    0%{
        width: 0;
    }
    100%{
        width: 53px;
    }
}
@keyframes move-line-06 {
    0%{
        width: 0;
    }
    100%{
        width: 270px;
    }
}
@keyframes move-line-07 {
    0%{
        width: 0;
    }
    100%{
        width: 180px;
    }
}
@keyframes move-line-08 {
    0%{
        width: 0;
    }
    100%{
        width: 63px;
    }
}
@keyframes move-img-02-img {
    0% {
        top: 0;
    }
    50% {
        top: 10px;
    }
    100%{
        top: 0;
    }
}
@keyframes move-img-02-bottom {
    0% {
        width: 91px;
        height: 26px;
    }
    50% {
        width: 121px;
        height: 36px;
        margin-left: calc(50% - 60px);
    }
    100%{
        width: 91px;
        height: 26px;
    }
}

@keyframes move-img-bottom-2-img {
    0% {
        width: 76px;
        height: 26px;
    }
    50% {
        width: 91px;
        height: 26px;
        left: 58px;
    }
    100%{
        width: 76px;
        height: 26px;
    }
}
@keyframes move-img3 {
    0% {
        top: 20px;
    }
    50% {
        top: 15px;
    }
    100%{
        top: 20px;
    }
}

@keyframes move-img2 {
    0% {
        top: -11px;
    }
    50% {
        top: -6px;
    }
    100%{
        top: -11px;
    }
}


@keyframes move-img-bottom-1-img {
    0% {
        width: 91px;
        height: 26px;
        left: 110px;
    }
    50% {
        width: 76px;
        height: 26px;
        left: 118px;
    }
    100%{
        width: 91px;
        height: 26px;
        left: 110px;
    }
}
@keyframes move-img-bottom-0-img {
    0% {
        width: 91px;
        height: 26px;
        left: 8px;
    }
    50% {
        width: 76px;
        height: 26px;
        left: 16px;
    }
    100%{
        width: 91px;
        height: 26px;
        left: 8px;
    }
}

@keyframes move-ju {
    85%{
        left: 1100px;
    }
    100%{
        opacity: 1;
        top: 120px;
        left: 1095px;
    }
}
@keyframes move-tuo {
    100%{
        opacity: 1;
        top: 120px;
        left: 1040px;
    }
}
@keyframes move-jie {
    85%{
        left: 1100px;
    }
    100%{
        opacity: 1;
        top: 60px;
        left: 1090px;
    }
}
@keyframes move-zhi {
    85%{
        left: 1020px;
    }
    100%{
        opacity: 1;
        top: 70px;
        left: 1025px;
    }
}
@keyframes move-gui {
    70%{
        left: 1020px;
    }
    100%{
        opacity: 1;
        top: 25px;
        left: 1050px;
    }
}

@keyframes move-04-dot {
    0%{
        top: 576px;
        left: 920px;
        opacity: 1;
    }
    25%{
        top: 590px;
        left: 906px;
    }
    50%{
        opacity: 0;
        top: 616px;
        left: 910px;
    }
    75%{
        top: 616px;
        left: 910px;
        opacity: 0;
    }
    100%{
        top: 616px;
        left: 910px;
        opacity: 0;
    }
}
@keyframes move-05-dot {
    0%{
        top: 610px;
        left: 914px;
        opacity: 1;
    }
    50%{
        top: 618px;
        left: 912px;
        opacity: 0;
    }
    100%{
        top: 610px;
        left: 914px;
        opacity: 1;
    }
}
@keyframes move-06-dot {
    0%{
        top: 610px;
        left: 910px;
        opacity: 0;
    }
    25%{
        left: 908px;
    }
    50%{
        top: 588px;
        left: 910px;
        opacity: 1;
    }
    75%{
        top: 588px;
        left: 910px;
        opacity: 1;
    }
    100%{
        top: 588px;
        left: 910px;
        opacity: 1;
    }
}
@keyframes move-07-dot {
    0%{
        top: 600px;
        left: 894px;
        width: 3.92px;
        height: 3.03px;
    }
    20%{
        left: 898px;
    }
    40%{
        top: 574px;
        left: 894px;
        width: 5.92px;
        height: 5.03px;
    }
    60%{
        left: 898px;
    }
    80%{
        top: 600px;
        left: 894px;
        width: 3.92px;
        height: 3.03px;
    }
    100%{
        top: 600px;
        left: 894px;
        width: 3.92px;
        height: 3.03px;
    }
}

@keyframes move3-img-01-move {
    0%{
        transform: translateY(160%);
    }
    25%{
        transform: translateY(-5%);
    }
    50%{
        transform: translateY(5%);
    }
    75%{
        transform: translateY(-2%);
    }
    100%{
        transform: translateY(0%);
    }
}
@keyframes move3-img-02-move {
    0%{
        transform: translateY(95px);
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes move3-img-03-move {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes move3-img-10-move {
    0%{
        transform: translateY(-210px);
    }
    33%{
        transform: translateY(5px);
    }
    66%{
        transform: translateY(-5px);
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes move3-img-11-move {
    0%{
        transform: translateY(-250px);
    }
    100%{
        transform: translateY(0);
    }
}

/** */
@keyframes move4-img-01-move {
    0%{
        transform: translateY(5px);
    }
    100%{
        transform: translateY(-5px);
    }
}

@keyframes move4-line-1-move {
    0%{
        width: 0;
    }
    100%{
        width: 70px;
    }
}
@keyframes move4-line-2-move {
    0%{
        width: 0;
    }
    100%{
        width: 641px;
    }
}
@keyframes move4-line-3-move {
    0%{
        width: 0;
    }
    100%{
        width: 375px;
    }
}
@keyframes move4-line-4-move {
    0%{
        width: 0;
    }
    100%{
        width: 333px;
    }
}
@keyframes move4-line-5-move {
    0%{
        width: 0;
    }
    100%{
        width: 60px;
    }
}
@keyframes move4-img-02-move {
    0%{
        visibility: hidden;
    }
    100%{
        visibility: visible;
    }
}
@keyframes move4-img-06-move {
    0%{
        visibility: visible;
        transform: scale(0);
    }
    100%{
        visibility: visible;
        transform: scale(1);
    }
}