/*动画样式*/


.fadeInUp {
    opacity: 0;
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
}
.fadeInUp.fadeActive {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.fadeInLeft {
    opacity: 0;
    -webkit-transform: translateX(4vw);
    transform: translateX(4vw);
}
.fadeInLeft.fadeActive {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}
.fadeInRight {
    opacity: 0;
    -webkit-transform: translateX(-4vw);
    transform: translateX(-4vw);
}
.fadeInRight.fadeActive {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}



.footFadeInUp {
    opacity: 0;
    -webkit-transform: translateY(1vw);
    transform: translateY(1vw);
}
.footFadeInUp.fadeActive {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) !important;
    transition: all 1s cubic-bezier(.77, 0, .175, 1) !important;
}


.allFadeInUp {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.allFadeInUp.fadeActive {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}