.cyd_foot{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: flex-end; /* 垂直对齐到容器末端，即底部 */
    position: relative;
    min-height: 200px;
    overflow: hidden;

    &:before, &:after {
        z-index: -1;
        content: ".";
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: #9c9;
        min-width: 300vw;
        min-height: 300vw;
        animation-name: cyd_foot_rotate;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    &:before {
        bottom: 15vh;
        opacity: .5;
        border-radius: 45%;
        animation-duration: 10s;
    }

    &:after {
        bottom: 12vh;
        opacity: .5;
        border-radius: 47%;
        animation-duration: 10s;
    }
}

@keyframes cyd_foot_rotate {
    0% {
    transform: translate(-47%, 1%) rotateZ(0deg);
    }
    50% {
    transform: translate(-53%, 0%) rotateZ(180deg);
    }
    100% {
    transform: translate(-47%, 1%) rotateZ(360deg);
    }
}

.cyd_footer{/*页脚*/
    padding: 10px 0;
    width: 100vw;
    text-align: center;
    margin: 0;
}