/* -------------banner------------- */

/* 文字1 */

@keyframes bannerup {
    0% {
        left: 40%;
        opacity: 0;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}

/* 文字2 */

@keyframes bannerri {
    0% {
        left: 60%;
        opacity: 0;
    }
    100% {
        left: 50%;
        opacity: 1;
    }
}

/* --------------doudong-------------- */

@keyframes shakeI {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.96) rotate(-2deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.15) rotate(2deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.15) rotate(-2deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

/* ------------------shang-------------------- */
@keyframes moveTop {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}