/* 公用鼠标滚动后动画开始 */
.move1{
	margin-top:32px;
    /* 实际页面元素的上边距 */
	animation:mymove 1s linear;
	-webkit-animation:mymove 1s linear; 
	opacity: 1;
}
.move2{
	margin-top:70px;
	animation:mymove 1s linear;
	-webkit-animation:mymove 1s linear; 
	opacity: 1;
}
.move3{
	margin-top:50px;
    /* 实际页面元素的上边距 */
	animation:mymove 1s linear;
	-webkit-animation:mymove 1s linear; 
	opacity: 1;
}
 @keyframes mymove
{
from {opacity:0;margin-top:150px;}
to {opacity:1;transform: translateY(0px)}
}

@-webkit-keyframes mymove
{
	from {opacity:0;margin-top:150px;}
	to {opacity:1;transform: translateY(0px)}
} 
/* 公用鼠标滚动后动画结束 */