/*动画效果*/
.ani-up { visibility: hidden; -webkit-opacity: 0; opacity: 0; }
.fadeInUp { visibility: visible; animation: fadeInUp ease-out .8s forwards; -webkit-animation: fadeInUp ease-out .8s forwards; -moz-animation: fadeInUp ease-out .8s forwards; }
.ani-lf { visibility: hidden; -webkit-opacity: 0; opacity: 0; }
.opacity { opacity: 1; -webkit-opacity: 1; visibility: visible; }
.fadelf { visibility: visible; animation: fadelf ease-out .8s forwards; -webkit-animation: fadelf ease-out .8s forwards; -moz-animation: fadelf ease-out .8s forwards; }
.delay1 { animation-delay: .5s; }
.delay2 { animation-delay: .75s; }
.delay3 { animation-delay: 1s; }
.delay4 { animation-delay: 1.25s; }
.delay5 { animation-delay: 1.5s; }
.delay6 { animation-delay: 1.75s; }
.delay7 { animation-delay: 2s; }
.delay8 { animation-delay: 2.25s; }
.delay9 { animation-delay: 2.5s; }

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-opacity: 0; transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-opacity: 0; transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-moz-keyframes fadeInUp {
    0% { opacity: 0; -webkit-opacity: 0; transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@keyframes fadelf {
    0% { opacity: 0; -webkit-opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-opacity: 1; -webkit-transform: none; transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadelf {
    0% { opacity: 0; -webkit-opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-opacity: 1; -webkit-transform: none; transform: none; -moz-transform: none; }
}

@-moz-keyframes fadelf {
    0% { opacity: 0; -webkit-opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-opacity: 1; -webkit-transform: none; transform: none; -moz-transform: none; }
}