.upd {
    animation: heart 1.5s ease-in-out 1s infinite alternate;
}

@keyframes heart {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -6px;
    }
}


@keyframes heart {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 6px)
    }
}

.upd2 {
    animation: heart2 1s ease-in-out 0s infinite alternate;
}

@keyframes heart2 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -4px;
    }
}


@keyframes heart2 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 4px)
    }
}

.upd3 {
    animation: heart2 1s ease-in-out 1s infinite alternate;
}

@keyframes heart2 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -4px;
    }
}


@keyframes heart2 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 4px)
    }
}


.upd4 {
    animation: heart4 1.4s ease-in-out 0.2s infinite alternate;
}

@keyframes heart4 {
    from {
        margin-top: 0px;
    }
    to {
        margin-top: -6px;
    }
}


@keyframes heart4 {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(0, 8px)
    }
}

.ydleft {
    animation: yd 1.5s ease-in-out 0.2s infinite alternate;
}

@keyframes yd {
    from {
        margin-left: 6px;
    }
    to {
        margin-left: -6px;
    }
}


@keyframes yd {
    from {
        transform: translate(-16px, 0px)
    }
    to {
        transform: translate(4px, 7px)
    }
}

.ydleft2 {
    animation: yd2 1.5s ease-in-out 0.2s infinite alternate;
}

@keyframes yd2 {
    from {
        margin-top: 6px;
    }
    to {
        margin-top: -6px;
    }
}


@keyframes yd2 {
    from {
        transform: translate(10px, -10px)
    }
    to {
        transform: translate(13px, 2px)
    }
}

.ydleft3 {
    animation: yd3 1.5s ease-in-out 0.2s infinite alternate;
}

@keyframes yd3 {
    from {
        margin-left: 14px;
    }
    to {
        margin-left: -6px;
    }
}


@keyframes yd3 {
    from {
        transform: translate(10px, -10px)
    }
    to {
        transform: translate(-13px, 2px)
    }
}


.banner1left {
    animation: bannerleft 2s ease-in-out 0.2s infinite alternate;
}

@keyframes bannerleft {
    from {
        margin-left: 20px;
    }
    to {
        margin-left: -30px;
    }
}


@keyframes bannerleft {
    from {
        transform: translate(10px, 0)
    }
    to {
        transform: translate(-13px, 0)
    }
}

.upd5 {
    animation: upd5 1.5s ease-in-out 0.5s infinite alternate;
}

@keyframes upd5 {
    from {
        margin-top: 5px;
    }
    to {
        margin-top: -8px;
    }
}


@keyframes upd5 {
    from {
        transform: translate(0, -5px)
    }
    to {
        transform: translate(0, 8px)
    }
}

.tuqi {
    animation: tuqi 1.6s ease-in-out 0.3s infinite alternate;
}

@keyframes tuqi {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -3px;
    }
}
@keyframes tuqi {
    from {
        transform: translate(-1px,0px)
    }
    to {
        transform: translate(1px, 2px)
    }
}

.tuqi2 {
    animation: tuqi2 1.5s ease-in-out 0.3s infinite alternate;
}

@keyframes tuqi2 {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -4px;
    }
}


@keyframes tuqi2 {
    from {
        transform: translate(0px, 0)
    }
    to {
        transform: translate(3px, 4px)
    }
}

.tuqi3 {
    animation: tuqi3 1.8s ease-in-out 0.3s infinite alternate;
}

@keyframes tuqi3 {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -4px;
    }
}


@keyframes tuqi3 {
    from {
        transform: translate(-1px, 0)
    }
    to {
        transform: translate(3px, 4px)
    }
}

.tuqi4 {
    animation: tuqi4 1.6s ease-in-out 0.3s infinite alternate;
}

@keyframes tuqi4 {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -5px;
    }
}


@keyframes tuqi4 {
    from {
        transform: translate(-3px, 0)
    }
    to {
        transform: translate(3px, 5px)
    }
}
.ddpf{
    animation: ddpf 100s ease-in-out 0s infinite alternate;
}

@keyframes ddpf {
    from {
        margin-top: 0;
    }
    to {
        margin-top: 0;
    }
}


@keyframes ddpf {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(-8000px, 0)
    }
}
.yun{
    animation: yun 65s ease-in-out 0s infinite alternate;
}
@keyframes yun {
    from {
        margin-top: 0;
    }
    to {
        margin-top: 0;
    }
}


@keyframes yun {
    from {
        transform: translate(0, 0)
    }
    to {
        transform: translate(-2000px, 0)
    }
}
.index-ban {
    position: absolute;
    left: 61%;
    margin-top: 160px;
    z-index: 10;
}

.bd-img {
    position: absolute;
    left: 30%;
    width: 800px;
    height: 400px;
    margin-top: 150px;
    animation:bd  10s both infinite;
    animation-timing-function: linear;

}
@keyframes bd {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.bd-zt {
    position: absolute;
    margin-left: 150px;
    margin-top: 50px;
    width: 300px;
    height: 100px
}