@keyframes right-left{
	from{right: -300px; opacity: 0;}
	to{right: 0; opacity: 1;}
}
@-moz-keyframes  right-left{
	from{right: -300px; opacity: 0;}
	to{right: 0; opacity: 1;}
}
@-webkit-keyframes  right-left{
	from{right: -300px; opacity: 0;}
	to{right: 0; opacity: 1;}
}
@-ms-keyframes  right-left{
	from{right: -300px; opacity: 0;}
	to{right: 0; opacity: 1;}
}

/*----------------*/

@keyframes left-right{
	from{left: -300px; opacity: 0;}
	to{left: 0; opacity: 1;}
}
@-moz-keyframes  left-right{
	from{left: -300px; opacity: 0;}
	to{left: 0; opacity: 1;}
}
@-webkit-keyframes  left-right{
	from{left: -300px; opacity: 0;}
	to{left: 0; opacity: 1;}
}
@-ms-keyframes  left-right{
	from{left: -300px; opacity: 0;}
	to{left: 0; opacity: 1;}
}

/*----------------*/
@keyframes up-down{
	from{margin-top: 100px;}
	to{margin-top: 50px;}
}
@-moz-keyframes up-down{
	from{margin-top: 100px;}
	to{margin-top: 50px;}
}
@-webkit-keyframes up-down{
	from{margin-top: 100px;}
	to{margin-top: 50px;}
}
@-ms-keyframes up-down{
	from{margin-top: 100px;}
	to{margin-top: 50px;}
}

/*---------------*/
@keyframes down-up{
	from{bottom: -30px; opacity: 0;}
	to{bottom: 0; opacity: 1;}
}
@-moz-keyframes down-up{
	from{bottom: -30px; opacity: 0;}
	to{bottom: 0; opacity: 1;}
}
@-webkit-keyframes down-up{
	from{bottom: -30px; opacity: 0;}
	to{bottom: 0; opacity: 1;}
}
@-ms-keyframes down-up{
	from{bottom: -30px; opacity: 0;}
	to{bottom: 0; opacity: 1;}
}


/* 动画div */

.right-left{
	position: absolute;
	animation: right-left 1.5s ;
	-webkit-animation: right-left 1.5s ;
	right: 0px;
}
.left-right{
	position: absolute;
	animation: left-right 1.5s ;
	-webkit-animation: left-right 1.5s ;
	left: 0px;
}
.up-down{
	animation: up-down 1.5s  ;
	-webkit-animation: up-down 1.5s  ;
	animation-fill-mode:forwards;
}
.down-up{
	position: absolute;
	animation: down-up 1s  ;
	-webkit-animation: down-up 1s  ;
	animation-fill-mode:forwards;
}
.delay1{
	animation-delay: 1s;
}
.delay500{
	animation-delay: 500ms;
}
.delay1500{
	animation-delay: 1.5s;
}
.delay2000{
	animation-delay: 2s;
}
.delay2500{
	animation-delay: 2.5s;
}

.delay250{
	animation-delay: 250ms;
}

.delay1250{
	animation-delay: 1.25s;
}
.delay2250{
	animation-delay: 2.25s;
}