@keyframes clippath-move {
    0%,
    to {
        -webkit-clip-path: inset(0 0 98% 0);
        clip-path: inset(0 0 98% 0)
    }
    25% {
        -webkit-clip-path: inset(0 98% 0 0);
        clip-path: inset(0 98% 0 0)
    }
    50% {
        -webkit-clip-path: inset(98% 0 0 0);
        clip-path: inset(98% 0 0 0)
    }
    75% {
        -webkit-clip-path: inset(0 0 0 98%);
        clip-path: inset(0 0 0 98%)
    }
}

-webkit-@keyframes ani_close {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
    }
}

@keyframes ani_close {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

.ani_close {
    -webkit-animation: ani_close .3s linear 1;
    animation: ani_close .3s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

-webkit-@keyframes ani_open {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-90deg);
        transform: perspective(400px) rotateY(-90deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
    }
}

@keyframes ani_open {
    0% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-90deg);
        transform: perspective(400px) rotateY(-90deg)
    }
    to {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0)
    }
}

.ani_open {
    -webkit-animation: ani_open .3s linear 1;
    animation: ani_open .3s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes zhixiang {
    0%,
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zhixiang {
    0%,
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.zhixiang {
    -webkit-animation: zhixiang .8s linear infinite;
    animation: zhixiang .8s linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}