.sansuo{
-webkit-animation:sansuo 1s .2s ease both;
-moz-animation:sansuo 1s .2s ease both;}
@-webkit-keyframes sansuo{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}
@-moz-keyframes sansuo{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}
.maicong{
-webkit-animation:maiconga 2s .2s infinite;
-moz-animation:maiconga 2s .2s infinite;}
@-webkit-keyframes maiconga{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes maiconga{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}
.danru{
-webkit-animation:danrua 3s .2s ease both;
-moz-animation:danrua 3s .2s ease both;}
@-webkit-keyframes danrua{
0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes danrua{
0%{opacity:0;}
100%{opacity:1;}
}

.danruL{
-webkit-animation:danruLa 3s .2s ease both;
-moz-animation:danruLa 3s .2s ease both;}
@-webkit-keyframes danruLa{
0%{opacity:0;
-webkit-transform:translateX(-100px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes danruLa{
0%{opacity:0;
-moz-transform:translateX(-100px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.danruR{
-webkit-animation:danruR 3s .2s ease both;
-moz-animation:danruR 3s .2s ease both;}
@-webkit-keyframes danruR{
0%{opacity:0;
-webkit-transform:translateX(100px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes danruR{
0%{opacity:0;
-moz-transform:translateX(100px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.danruT{
-webkit-animation:danruT 3s .2s ease both;
-moz-animation:danruT 3s .2s ease both;}
@-webkit-keyframes danruT{
0%{opacity:0;
-webkit-transform:translateY(-100px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes danruT{
0%{opacity:0;
-moz-transform:translateY(-100px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.danruD{
-webkit-animation:danruD 3s .2s ease both;
-moz-animation:danruD 3s .2s ease both;}
@-webkit-keyframes danruD{
0%{opacity:0;
-webkit-transform:translateY(100px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes danruD{
0%{opacity:0;
-moz-transform:translateY(100px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.piao{
-webkit-animation:piaoa 15s .2s infinite;
-moz-animation:piaoa 15s .2s infinite;}
@-webkit-keyframes piaoa{
0%,100%{-webkit-transform:translateY(0);}
10%,30%,50%,70%, 90%{-webkit-transform:translateY(-10px);}
20%,40%,60%,80%{-webkit-transform:translateY(10px);}
}
@-moz-keyframes piaoa{
0%,100%{-moz-transform:translateX(0);}
10%,30%,50%,70%, 90%{-moz-transform:translateY(-10px);}
20%,40%,60%,80%{-moz-transform:translateY(10px);}
}