// 从上往下
.fadeInDown {
    animation: fadeInDown 1s;
    -webkit-animation: fadeInDown 1s;
}
// 从下往上
.fadeInUp {
    animation: fadeInUp 1s;
    -webkit-animation: fadeInUp 1s;
}


@keyframes fadeInDown {
    0% {
        margin-top: -200px;
        opacity: 0;
    }

    100% {
        margin-top: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        margin-top: -200px;
        opacity: 0;
    }

    100% {
        margin-top: 0px;
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        margin-top: 200px;
        opacity: 0;
    }

    100% {
        margin-top: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        margin-top: 200px;
        opacity: 0;
    }

    100% {
        margin-top: 0px;
        opacity: 1;
    }
}