.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	animation-duration: .5s;
	-webkit-animation-duration: .5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

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

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	animation-duration: .7s;
	-webkit-animation-duration: .7s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0.3
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0.3
	}
	100% {
		opacity: 1
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	animation-duration: .7s;
	-webkit-animation-duration: .7s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 8vw, 0);
		transform: translate3d(0, 8vw, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 8vw, 0);
		transform: translate3d(0, 8vw, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinit
}

@-webkit-keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}
.flash2 {
	-webkit-animation-name: flash2;
	animation-name: flash2;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinit
}

@-webkit-keyframes flash2 {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0.6
	}
}

@keyframes flash2 {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0.6
	}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	animation-duration: 1s;
	-webkit-animation-duration:1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}
.quan {
	-webkit-animation-name: quan;
	animation-name: quan;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
	animation-direction:alternate;
	-webkit-animation-direction:alternate;
}
@-webkit-keyframes quan {
	0% {
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateX(10px) rotate(10deg);
		transform: translateX(20px) rotate(10deg);
	}
}

@keyframes quan {
	0% {
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg);
	}
	100% {
		-webkit-transform: translateX(10px) rotate(10deg);
		transform: translateX(20px) rotate(10deg);
	}
}

.suoxiao {
	-webkit-animation-name: suoxiao;
	animation-name: suoxiao;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	transform-origin: center;
	-webkit-transform-origin: center;
}

@-webkit-keyframes suoxiao {
	0% {
		-webkit-transform: scale(10);
		transform: scale(10);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes suoxiao{
	0% {
		-webkit-transform: scale(10);
		transform: scale(10);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform:scale(.3);
		transform: scale(.3);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform:scale(.3);
		transform: scale(.3);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}
.zoomInOut {
	-webkit-animation-name: zoomInOut;
	animation-name: zoomInOut;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	transform-origin: center;
	-webkit-transform-origin:  center;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes zoomInOut {
	0% {
		opacity: 0;
		-webkit-transform:scale(.3) translateY(0);
		transform: scale(.3) translateY(0);
	}
	45%,55% {
		opacity: 1;
		-webkit-transform:scale(1) translateY(0);
		transform: scale(1) translateY(0);
	}
	100%{
		opacity: 0;
		-webkit-transform:scale(.5) translateY(160vw);
		transform: scale(.5) translateY(160vw);
	}
}

@keyframes zoomInOut{
	0% {
		opacity: 0;
		-webkit-transform:scale(.3) translateY(0);
		transform: scale(.3) translateY(0);
	}
	45%,55% {
		opacity: 1;
		-webkit-transform:scale(1) translateY(0);
		transform: scale(1) translateY(0);
	}
	100%{
		opacity: 0;
		-webkit-transform:scale(.5) translateY(160vw);
		transform: scale(.5) translateY(160vw);
	}
}
@media screen and (max-aspect-ratio: 9/16) {
	@-webkit-keyframes zoomInOut {
		0% {
			opacity: 0;
			-webkit-transform:scale(.3) translateY(0);
			transform: scale(.3) translateY(0);
		}
		45%,55% {
			opacity: 1;
			-webkit-transform:scale(1) translateY(0);
			transform: scale(1) translateY(0);
		}
		100%{
			opacity: 0;
			-webkit-transform:scale(.5) translateY(170vw);
			transform: scale(.5) translateY(170vw);
		}
	}
	
	@keyframes zoomInOut{
		0% {
			opacity: 0;
			-webkit-transform:scale(.3) translateY(0);
			transform: scale(.3) translateY(0);
		}
		45%,55% {
			opacity: 1;
			-webkit-transform:scale(1) translateY(0);
			transform: scale(1) translateY(0);
		}
		100%{
			opacity: 0;
			-webkit-transform:scale(.5) translateY(170vw);
			transform: scale(.5) translateY(170vw);
		}
	}
}
.zhuan {
	-webkit-animation-name: zhuan;
	animation-name: zhuan;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.delay-025
{
	animation-delay: .25s;
	-webkit-animation-delay: .25s;
}
.delay-05
{
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}
.delay-075
{
	animation-delay: .75s;
	-webkit-animation-delay: .75s;
}

.delay-1
{
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.delay-125
{
	animation-delay: 1.25s;
	-webkit-animation-delay: 1.25s;
}

.delay-15
{
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.delay-3
{
	animation-delay: 3s;
	-webkit-animation-delay: 3s;
}