/*渐入*/
.delay-1 {
	animation-delay: .1s;
	-webkit-animation-delay: .1s
}

.delay-2 {
	animation-delay: .2s;
	-webkit-animation-delay: .2s
}

.delay-3 {
	animation-delay: .3s;
	-webkit-animation-delay: .3s
}

.delay-4 {
	animation-delay: .4s;
	-webkit-animation-delay: .4s
}

.delay-5 {
	animation-delay: .5s;
	-webkit-animation-delay: .5s
}

.delay-6 {
	animation-delay: .6s;
	-webkit-animation-delay: .6s
}

.delay-7 {
	animation-delay: .7s;
	-webkit-animation-delay: .7s
}

.delay-8 {
	animation-delay: .8s;
	-webkit-animation-delay: .8s
}

.delay-9 {
	animation-delay: .9s;
	-webkit-animation-delay: .9s
}

.delay-10 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated-4,.animated-6 {
	-webkit-animation-fill-mode: both
}

.animated.infinite,.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated-4 {
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	animation-fill-mode: both
}

.animated-6 {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	animation-fill-mode: both
}

.animated-10,.animated-8 {
	-webkit-animation-fill-mode: both
}

.animated-8 {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	animation-fill-mode: both
}

.animated-10 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-fill-mode: both
}

.animated-12,.animated-14 {
	-webkit-animation-fill-mode: both
}

.animated-12 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	animation-fill-mode: both
}

.animated-14 {
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s;
	animation-fill-mode: both
}

.animated-16,.animated-18 {
	-webkit-animation-fill-mode: both
}

.animated-16 {
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	animation-fill-mode: both
}

.animated-18 {
	-webkit-animation-duration: 1.8s;
	animation-duration: 1.8s;
	animation-fill-mode: both
}

.animated-20 {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
		visibility: visible;
		opacity: :0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: :1
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
		visibility: visible;
		opacity: :0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: :1
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.8, .8, .8);
		transform: scale3d(.8, .8, .8)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		visibility: visible;
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(60px);
		transform: translateY(60px);
		visibility: visible;
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		visibility: visible;
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		visibility: visible;
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		visibility: visible;
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		visibility: visible;
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		visibility: visible;
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(60px);
		transform: translateY(60px);
		visibility: visible;
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes bounce2 {
	0%,100% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	50% {
		-webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce2 {
	0%,100% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	50% {
		-webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}