@charset "utf-8";
/*要执行动画的元素设为透明*/
.slidein-hide{
    opacity: 0;
}
.slidein-show{
    opacity: 1;
}
.slidein1{
    animation-duration: 2s;
    animation-name: slidein;
}
@keyframes slidein {
    0% {transform: translateY(120px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
.slidein2{
    animation-duration: 2s;
    animation-name: slidein2;
}
@keyframes slidein2 {
    0% {transform: translateY(120px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
.slidein3{
    animation-duration: 1.2s;
    animation-name: slidein3;
}
@keyframes slidein3 {
    0% {transform: translateY(120px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
.slidein10{
    animation-duration: 0.8s;
    animation-name: slidein10;
}
@keyframes slidein10 {
    0% {transform: translateX(160px);opacity: 0;}
    100% {transform: translateX(0px);opacity: 1;}
}
.slidein3-1{
    animation-duration: 1.5s;
    animation-name: slidein31;
}
@keyframes slidein31 {
    0% {transform: translateY(120px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
.slidein3-2{
    animation-duration: 1.8s;
    animation-name: slidein32;
}
@keyframes slidein32 {
    0% {transform: translateY(120px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}