.page-moveFromTop{
    animation: moveFromTop .6s ease both;
    -webkit-animation: moveFromTop .6s ease both;
    -moz-animation: moveFromTop .6s ease both;
    -ms-animation: moveFromTop .6s ease both;
}
.page-moveFromLeft{
    animation: moveFromLeft .6s ease both;
    -webkit-animation: moveFromLeft .6s ease both;
    -moz-animation: moveFromLeft .6s ease both;
    -ms-animation: moveFromLeft .6s ease both;
}
.page-resizeBig{
    animation: resizeBig .6s ease both;
    -webkit-animation: resizeBig .6s ease both;
    -moz-animation: resizeBig .6s ease both;
    -ms-animation: resizeBig .6s ease both;
}
.page-moveFromRight{
    animation: moveFromRight .6s ease both;
    -webkit-animation: moveFromRight .6s ease both;
    -moz-animation: moveFromRight .6s ease both;
    -ms-animation: moveFromRight .6s ease both;
}
.page-opacity0To1{
    animation: opacity0To1 .5s ease both;
    -webkit-animation: opacity0To1 .5s ease both;
    -moz-animation: opacity0To1 .5s ease both;
    -ms-animation: opacity0To1 .5s ease both;
}

/* 飞入飞出动画*/
.page-moveToTopbox{
    animation:moveToTopbox .6s ease both;
    -webkit-animation:moveToTopbox .6s ease both;
    -moz-animation:moveToTopbox .6s ease both;
    -ms-animation:moveToTopbox .6s ease both;
}
.page-moveFromBottombox{
    animation:moveFromBottombox .6s ease both;
    -webkit-animation:moveFromBottombox .6s ease both;
    -moz-animation:moveFromBottombox .6s ease both;
    -ms-animation:moveFromBottombox .6s ease both;
}
.page-moveToBottombox{
    animation:moveToBottombox .6s ease both;
    -webkit-animation:moveToBottombox .6s ease both;
    -moz-animation:moveToBottombox .6s ease both;
    -ms-animation:moveToBottombox .6s ease both;
}
.page-moveFromTopbox{
    animation:moveFromTopbox .6s ease both;
    -webkit-animation:moveFromTopbox .6s ease both;
    -moz-animation:moveFromTopbox .6s ease both;
    -ms-animation:moveFromTopbox .6s ease both;
}
.page-moveFromBottomLong {
    animation:moveFromBottomLong  10.6s linear both;
    -webkit-animation:moveFromBottomLong  10.6s linear both;
    -moz-animation:moveFromBottomLong  10.6s linear both;
    -ms-animation:moveFromBottomLong  10.6s linear both;
}
.page-Opacity07To10{
    animation:Opacity07To10 4.6s ease both infinite;
}
.page-moveFromBottom {
    animation:moveFromBottom .6s ease both;
    -webkit-animation:moveFromBottom .6s ease both;
    -moz-animation:moveFromBottom .6s ease both;
    -ms-animation:moveFromBottom .6s ease both;
}
.page-moveFromBottom2 {
    animation:moveFromBottom2 .6s ease both;
    -webkit-animation:moveFromBottom2 .6s ease both;
    -moz-animation:moveFromBottom2 .6s ease both;
    -ms-animation:moveFromBottom2 .6s ease both;
}
.page-moveFromBottom3 {
    animation:moveFromBottom3 .6s ease both;
    -webkit-animation:moveFromBottom3 .6s ease both;
    -moz-animation:moveFromBottom3 .6s ease both;
    -ms-animation:moveFromBottom3 .6s ease both;
}
.page-moveToLeft {
    animation:moveToLeft .6s ease both;
    -webkit-animation:moveToLeft .6s ease both;
    -moz-animation:moveToLeft .6s ease both;
    -ms-animation:moveToLeft .6s ease both;
}
.page-moveToRight {
    animation:moveToRight .6s ease both;
    -webkit-animation:moveToRight .6s ease both;
    -moz-animation:moveToRight .6s ease both;
    -ms-animation:moveToRight .6s ease both;
}
 /*淡入淡出动画效果  */
@keyframes fadeIn {
		0% {
			opacity: 0; /*初始状态 透明度为0*/
		}
		100% {
			opacity: 1; /*结尾状态 透明度为1*/
		}
	}
.fade{
	animation:fadeIn .6s 0s ease both;
	  -webkit-animation: fadeIn 1s 0s ease both;
    -moz-animation: fadeIn 1s 0s ease both;
    -ms-animation: fadeIn 1s 0s ease both;
}
/*测试 */
.page-xuanzhuanResize{
    animation:xuanzhuanResize .6s ease both ;
    -webkit-animation:xuanzhuanResize .6s ease both  ;

}
.page-moveFromBevel{
    animation: moveFromBevel .6s ease both;
    -webkit-animation:moveFromBevel .6s ease both ;
}