@-webkit-keyframes zhuan {
    from{
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    to{
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes fadein {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-webkit-keyframes transY {
    from{
        -webkit-transform: translateY(0);
    }
    50%{
        -webkit-transform: translateY(-30px);
    }
    to{
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes tada1 {

        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    5%, 10% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    15%, 25%, 35%, 45% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    20%, 30%, 40% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    50% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
    to{
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}


@-webkit-keyframes feiji-bg {
    from{
        -webkit-transform:  translateX(calc(8rem - 50%)) scale(1);
    }
    to{
        -webkit-transform:  translateX(calc(8rem - 50%)) scale(2);
    }
}
@-webkit-keyframes sinop {
    from{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}