/*动画-start*/

.animated {
	animation-duration: 2.0s !important;
	-webkit-animation-duration: 2.0s !important;
	animation-fill-mode: both !important;
	-webkit-animation-fill-mode: both !important;
	animation-iteration-count:infinite;
	animation-timing-function:linear 
}

.animated02 {
	animation-duration: 0.5s !important;
	-webkit-animation-duration: 0.5s !important;
	animation-fill-mode: both !important;
	-webkit-animation-fill-mode: both !important;
	animation-iteration-count:infinite;
	animation-timing-function:linear 
}


/*逐渐显示*/

.toShow {
	position: absolute;
	animation: toShow 1.5s 0.5s;
	animation: toShow 1.5s 0.5s;
	animation-fill-mode: both !important;
	-webkit-animation-fill-mode: both !important;
}


/* 放大效果*/

.enlarge {
	animation-name: enlarge;
	-webkit-animation: enlarge;
}


/*从上到下进入*/

.fadeInDown {
	animation-name: fadeInDown;
	-webkit-animation: fadeInDown;
}

.fadeInUp {
	animation-name: fadeInUp;
	-webkit-animation: fadeInUp;
}


/*从下到上进入*/

.fadeInUpLeft {
	animation-name: fadeInUpLeft;
	-webkit-animation: fadeInUpLeft;
}


/*从右到左进入*/

.fadeInRight {
	animation-name: fadeInRight;
	-webkit-animation: fadeInRight;
}


/*从左到右进入*/

.fadeInLeft {
	animation-name: fadeInLeft;
	-webkit-animation: fadeInLeft;
}


/*中心旋转*/

.rotatein1 {
	animation-name: rotatein1;
	-webkit-animation-name: rotatein1;
}
.rotatein2{
	animation-name: rotatein2;
	-webkit-animation-name: rotatein2;
}

@keyframes toShow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes toShow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes enlarge {
	from {
		-ms-transform: scale(0.8, 0.8);
		/* IE 9 */
		-webkit-transform: scale(0.8, 0.8);
		/* Safari */
		transform: scale(0.8, 0.8);
		/* 标准语法 */
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@-webkit-keyframes enlarge
/* Safari 与 Chrome */

{
	from {
		-ms-transform: scale(0.8, 0.8);
		/* IE 9 */
		-webkit-transform: scale(0.8, 0.8);
		/* Safari */
		transform: scale(0.8, 0.8);
		/* 标准语法 */
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@keyframes enlarge1 {
	from {
		-ms-transform: scale(1, 1);
		/* IE 9 */
		-webkit-transform: scale(1, 1);
		/* Safari */
		transform: scale(1, 1);
		/* 标准语法 */
	}
	to {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
}

@-webkit-keyframes enlarge1
/* Safari 与 Chrome */

{
	from {
		-ms-transform: scale(1, 1);
		/* IE 9 */
		-webkit-transform: scale(1, 1);
		/* Safari */
		transform: scale(1, 1);
		/* 标准语法 */
	}
	to {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
}

@keyframes enlarge2 {
	from {
		-ms-transform: scale(0.8, 0.8);
		/* IE 9 */
		-webkit-transform: scale(0.8, 0.8);
		/* Safari */
		transform: scale(0.8, 0.8);
		/* 标准语法 */
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@-webkit-keyframes enlarge2
/* Safari 与 Chrome */

{
	from {
		-ms-transform: scale(0.8, 0.8);
		/* IE 9 */
		-webkit-transform: scale(0.8, 0.8);
		/* Safari */
		transform: scale(0.8, 0.8);
		/* 标准语法 */
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@keyframes enlarge3 {
	from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes enlarge3
/* Safari 与 Chrome */

{
	from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

/*从上到下*/

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate(0, -400px);
		/* Safari */
		transform: stranslate(0, -400px);
		/* 标准语法 */
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 10px);
		/* Safari */
		transform: stranslate(0, 10px);
		/* 标准语法 */
	}
}

@-webkit-keyframes fadeInDown
/* Safari 与 Chrome */

{
	from {
		opacity: 0;
		-webkit-transform: translate(0, -400px);
		/* Safari */
		transform: stranslate(0, -400px);
		/* 标准语法 */
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0px);
		/* Safari */
		transform: stranslate(0, 0px);
		/* 标准语法 */
	}
}

/*从下到上*/

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate(0px, 600px);
		/* Safari */
		transform: stranslate(0px, 600px);
		/* 标准语法 */
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0px);
		/* Safari */
		transform: stranslate(0, 0px);
		/* 标准语法 */
	}
}

@-webkit-keyframes fadeInUp
/* Safari 与 Chrome */

{
	from {
		opacity: 0;
		-webkit-transform: translate(0px, 600px);
		/* Safari */
		transform: stranslate(0px, 600px);
		/* 标准语法 */
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0px);
		/* Safari */
		transform: stranslate(0, 0px);
		/* 标准语法 */
	}
}


/*从左下到右上*/

@keyframes fadeInUpLeft {
	from {
		opacity: 0;
		-webkit-transform: translate(-1000px, 1000px);
		/* Safari */
		transform: stranslate(-1000px, 1000px);
		/* 标准语法 */
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 10px);
		/* Safari */
		transform: stranslate(0, 10px);
		/* 标准语法 */
	}
}

@-webkit-keyframes fadeInUpLeft
/* Safari 与 Chrome */

{
	from {
		opacity: 0;
		-webkit-transform: translate(-1000px, 1000px);
		/* Safari */
		transform: stranslate(-1000px, 1000px);
		/* 标准语法 */
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 10px);
		/* Safari */
		transform: stranslate(0, 10px);
		/* 标准语法 */
	}
}


/*从右到左进入*/

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate(1000px, 0);
		transform: stranslate(1000px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(10px, 0);
		transform: stranslate(10px, 0);
	}
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate(1000px, 0);
		transform: stranslate(1000px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(10px, 0);
		transform: stranslate(10px, 0);
	}
}


/*从左到右进入*/

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate(-1000px, 0);
		transform: stranslate(-1000px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(10px, 0);
		transform: stranslate(10px, 0);
	}
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate(-1000px, 0);
		transform: stranslate(-1000px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(10px, 0);
		transform: stranslate(10px, 0);
	}
}


/*绕中心旋转*/

@keyframes rotatein1 {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-webkit-transform: rotate(0deg);
		/* Safari and Chrome */
	}
	100% {
		transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}

@-webkit-keyframes rotatein1 {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-webkit-transform: rotate(0deg);
		/* Safari and Chrome */
	}
	100% {
		transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes rotatein2 {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-webkit-transform: rotate(0deg);
		/* Safari and Chrome */
	}
	100% {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotatein2 {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-webkit-transform: rotate(0deg);
		/* Safari and Chrome */
	}
	100% {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

/*动画-end*/