/*animation.css*/
.animated{
	position: relative;
}
.delay-1{
	animation-delay: 1s !important;
}
.delay-05{
	animation-delay: .5s !important;
}
.delay-2{
	animation-delay: 2s !important;
}
/*360缓慢一直旋转 顺时针*/
@keyframes rotateall{
	0%{
		transform: rotate(0);
		-moz-transform: rotate(0);/* Firefox: */
	}
	100%{
		transform: rotate(360deg);
		-moz-transform: rotate(360deg);/* Firefox: */
	}
}
@-webkit-keyframes rotateall{/* Safari and Chrome: */
	0%{
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
.animated.rotateall{
	animation: rotateall 25s both linear infinite;
	-webkit-animation: rotateall 25s both linear infinite;/* Safari and Chrome: */
}
/*360缓慢一直旋转 逆时针*/
@keyframes rotateallin{
	0%{
		transform: rotate(0);
		-moz-transform: rotate(0);/* Firefox: */
	}
	100%{
		transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);/* Firefox: */
	}
}
@-webkit-keyframes rotateallin{/* Safari and Chrome: */
	0%{
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	100%{
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}
.animated.rotateallin{
	animation: rotateallin 25s both linear infinite;
	-webkit-animation: rotateallin 25s both linear infinite;/* Safari and Chrome: */
}
/*下移出现*/
@keyframes slideDownKey{
	0%{
		transform: translateY(-200px);
		opacity: 0;
		filter: opacity(0);
	}
	100%{
		transform: translateY(0);
		opacity: 1;
		filter: opacity(100);
	}
}
.animated.slideDown{
	animation: slideDownKey 1s both ease;
}
/*上移出现*/
@keyframes slideUpKey{
	0%{
		transform: translateY(200px);
		opacity: 0;
		filter: opacity(0);

	}
	100%{
		transform: translateY(0);
		opacity: 1;
		filter: opacity(100);
	}
}
.animated.slideUp{
	animation: slideUpKey 1s both ease;
}
/*右移出现*/
@keyframes slideRightKey{
	0%{
		transform: translateX(-200px);
		opacity: 0;
		filter: opacity(0);

	}
	100%{
		transform: translateX(0);
		opacity: 1;
		filter: opacity(100);
	}
}
.animated.slideRight{
	animation: slideRightKey 1s both ease;
}
/*左移出现*/
@keyframes slideLeftKey{
	0%{
		transform: translateX(200px);
		opacity: 0;
		filter: opacity(0);

	}
	100%{
		transform: translateX(0);
		opacity: 1;
		filter: opacity(100);
	}
}
.animated.slideLeft{
	animation: slideLeftKey 1s both ease;
}
/*淡入*/
@keyframes fadeInKey{
	0%{
		opacity: 0;
		filter: opacity(0);
	}
	100%{
		opacity: 1;
		filter: opacity(100);
	}
}
.animated.fadeIn{
	animation: fadeInKey 1s both ease;
}
/*不停放大缩小*/
@keyframes bigsmKey{
	0%{
		transform: scale(1,1);
	}
	50%{
		transform: scale(1.2,1.2);
	}
	100%{
		transform: scale(1,1);
	}
}
.animated.bigsm{
	animation: bigsmKey 5s both linear infinite;
}