@keyframes activeShow_H {
    0% {
        width: 0;
        left: 50%;
    }

    100% {
        width: 100%;
        left: 0;
    }
}

@keyframes activeShow_V {
    0% {
        height: 0;
        top: 50%;
    }

    100% {
        height: 100%;
        top: 0;
    }
}

@keyframes zoomFun {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes menuUnfold {
    0% {
        height: 0;
        opacity: 0;
    }

    50% {
        height: 360px;
        opacity: 0.5;
    }

    100% {
        height: 720px;
        opacity: 1;
    }
}

@keyframes menuUnfold2 {
    0% {
        height: 0;
        opacity: 0;
    }

    50% {
        height: 50%;
        opacity: 0.5;
    }

    100% {
        height: 100%;
        opacity: 1;
    }
}

@keyframes menuUnfold3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mobileMenuShow {
    0% {
        opacity: 0;
        width: 0;
        height: 0;
        left: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
        height: calc(100vh - 64px);
        left: 0;
    }
}
@keyframes maskShow {
    0% {
        opacity: 0; 
    }

    100% {
        opacity: 0.3; 
    }
}