/* #zff {
	margin: 150px auto;
	width: 200px;
	height: 200px;
	background-color: #E3E3E3;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3) inset;
	-webkit-animation-name: 'ripple'; 动画属性名，也就是我们前面keyframes定义的动画名
	-webkit-animation-duration: 2s; 动画持续时间
	-webkit-animation-timing-function: ease;
	动画频率，和transition-timing-function是一样的
	-webkit-animation-delay: 0s; 动画延迟时间
	-webkit-animation-iteration-count: infinite; 定义循环资料，infinite为无限次
	-webkit-animation-direction: alternate; 定义动画方式
} */

#zff {
	-webkit-animation-name: 'ripple'; /*动画属性名，也就是我们前面keyframes定义的动画名*/
	-webkit-animation-duration: 1s; /*动画持续时间*/
	-webkit-animation-timing-function: ease;
	/*动画频率，和transition-timing-function是一样的*/
	-webkit-animation-delay: 1s; /*动画延迟时间*/
	-webkit-animation-iteration-count:1; /*定义循环资料，infinite为无限次*/
	-webkit-animation-direction: alternate; /*定义动画方式*/
}

#zjc {
	-webkit-animation-name: 'ripple'; /*动画属性名，也就是我们前面keyframes定义的动画名*/
	-webkit-animation-duration: 1s; /*动画持续时间*/
	-webkit-animation-timing-function: ease;
	/*动画频率，和transition-timing-function是一样的*/
	-webkit-animation-delay: 1s; /*动画延迟时间*/
	-webkit-animation-iteration-count: 1; /*定义循环资料，infinite为无限次*/
	-webkit-animation-direction: alternate; /*定义动画方式*/
}

#zss {
	-webkit-animation-name: 'ripple'; /*动画属性名，也就是我们前面keyframes定义的动画名*/
	-webkit-animation-duration: 1s; /*动画持续时间*/
	-webkit-animation-timing-function: ease;
	/*动画频率，和transition-timing-function是一样的*/
	-webkit-animation-delay: 1s; /*动画延迟时间*/
	-webkit-animation-iteration-count: 1; /*定义循环资料，infinite为无限次*/
	-webkit-animation-direction: alternate; /*定义动画方式*/
}

@keyframes ripple { 
	0% {
		/* opacity: 0.35; */
		width: 25%;
	}
	100% {
		opacity:0.8;
		width:26%;
	}
}

#foot{
	-webkit-animation-name: 'bootmove';
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
}

@keyframes bootmove{
	0%   {bottom:-100px;}
	100% {bottom:0px;}
}


#zss_menu{
	-webkit-animation-name: 'leftmove';
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
}

@keyframes leftmove{
	0%   {left:-1000px;}
	100% {left:0px;}
}