<!--公共动画-->

<!--下上逐渐出现-->

@keyframes jianxian{
	from{
		transform:translateY(50px);
		opacity:0;
	}
	to{
		transform:translateY(0px);
		opacity:1;
	}
}

@-webkit-keyframes jianxian{
	from{
		transform:translateY(50px);
		opacity:0;
	}
	to{
		transform:translateY(0px);
		opacity:1;
	}
}

<!--上下逐渐出现-->

@keyframes jianxianicon{
	from{
		transform:translateY(-50px);
		opacity:0;
	}
	to{
		transform:translateY(0);
		opacity:1;
	}
}

@-webkit-keyframes jianxianicon{
	from{
		transform:translateY(-50px);
		opacity:0;
	}
	to{
		transform:translateY(0);
		opacity:1;
	}
}

<!--从左到右出现-->

@keyframes jianxianleft{
	from{
		transform:translate(-70px);
		opacity:0;
	}
	to{
		transform:translate(0);
		opacity:1;
	}
}

@-webkit-keyframes jianxianleft{
	from{
		transform:translate(-70px);
		opacity:0;
	}
	to{
		transform:translate(0);
		opacity:1;
	}
}


<!--从右到左出现-->

@keyframes jianxianright{
	from{
		transform:translate(70px);
		opacity:0;
	}
	to{
		transform:translate(0);
		opacity:1;
	}
}

@-webkit-keyframes jianxianright{
	from{
		transform:translate(70px);
		opacity:0;
	}
	to{
		transform:translate(0);
		opacity:1;
	}
}

<!--从右到左出现-->

@keyframes jianxiantop{
	from{
		transform:translateY(-70px);
		opacity:0;
	}
	to{
		transform:translateY(0);
		opacity:1;
	}
}

@-webkit-keyframes jianxiantop{
	from{
		transform:translateY(-70px);
		opacity:0;
	}
	to{
		transform:translateY(0);
		opacity:1;
	}
}

@keyframes jianxianbottom{
	from{
		transform:translateY(70px);
		opacity:0;
	}
	to{
		transform:translateY(0);
		opacity:1;
	}
}

@-webkit-keyframes jianxianbottom{
	from{
		transform:translateY(70px);
		opacity:0;
	}
	to{
		transform:translateY(0);
		opacity:1;
	}
}


@keyframes shufang{
	from{
		transform:scale(1.5,1.5);
		opacity:0;
	}
	to{
		transform:scale(1,1);
		opacity:1;
	}
}

@-webkit-keyframes shufang{
	from{
		transform:scale(1.5,1.5);
		opacity:0;
	}
	to{
		transform:scale(1,1);
		opacity:1;
	}
}