@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0% {
		transform:translate(0px,0px);
		/* transform:translateX(0px); */
		/*开始为原始大小*/
	}
	25% {
		transform:translate(10px,10px);
	/* 	transform:translateX(10px); */

		/*放大1.1倍*/
	}
	50% {
		transform:translate(0px,0px);
		/* transform:translate(0px 0px); */
	}
	75% {
		transform:translate(10px,10px);
		/* transform:translate(-100px -100px); */
	}
}.mid-cont-rightImg{
	-webkit-animation-name:scaleDraw;
	/*关键帧名称*/
			-webkit-animation-timing-function:ease-in-out;
	/*动画的速度曲线*/
			-webkit-animation-iteration-count:infinite;
	/*动画播放的次数*/
			-webkit-animation-duration:8s;
	/*动画所花费的时间*/
}


@keyframes scaleDraw1 {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0% {
		transform:translate(0px,0px);
		/* transform:translateX(0px); */
		/*开始为原始大小*/
	}
	25% {
		transform:translate(10px,10px);
	/* 	transform:translateX(10px); */

		/*放大1.1倍*/
	}
	50% {
		transform:translate(0px,0px);
		/* transform:translate(0px 0px); */
	}
	75% {
		transform:translate(10px,10px);
		/* transform:translate(-100px -100px); */
	}
}.mid-cont-leftImg{
	-webkit-animation-name:scaleDraw1;
	/*关键帧名称*/
			-webkit-animation-timing-function:ease-in-out;
	/*动画的速度曲线*/
			-webkit-animation-iteration-count:infinite;
	/*动画播放的次数*/
			-webkit-animation-duration:8s;
	/*动画所花费的时间*/
}


@keyframes scaleDraw2 {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0% {
		transform: scale(1)
		/* transform:translateX(0px); */
		/*开始为原始大小*/
	}
	25% {
		transform: scale(1.1);
	/* 	transform:translateX(10px); */

		/*放大1.1倍*/
	}
	50% {
		transform: scale(1);
		/* transform:translate(0px 0px); */
	}
	75% {
		transform: scale(1.1);
		/* transform:translate(-100px -100px); */
	}
}.zhihui-animal-down,.zhihui-animal-top{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-animation-name:scaleDraw2;
	/*关键帧名称*/
			-webkit-animation-timing-function:ease-in-out;
	/*动画的速度曲线*/
			-webkit-animation-iteration-count:infinite;
	/*动画播放的次数*/
			-webkit-animation-duration:15s;
	/*动画所花费的时间*/
}




@keyframes scaleDraw3 {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0% {
		transform:translate(0px,0px);
		/* transform:translateX(0px); */
		/*开始为原始大小*/
	}
	25% {
		transform:translate(-10px,15px);
	/* 	transform:translateX(10px); */

		/*放大1.1倍*/
	}
	50% {
		transform:translate(0px,0px);
		/* transform:translate(0px 0px); */
	}
	75% {
		transform:translate(-10px,15px);
		/* transform:translate(-100px -100px); */
	}
}.zhihui-animal-mid{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-animation-name:scaleDraw3;
	/*关键帧名称*/
			-webkit-animation-timing-function:ease-in-out;
	/*动画的速度曲线*/
			-webkit-animation-iteration-count:infinite;
	/*动画播放的次数*/
			-webkit-animation-duration:15s;
	/*动画所花费的时间*/
}