@charset "utf-8";
.icon-play a{-webkit-animation: air 1s linear infinite alternate;-moz-animation: air 1s linear infinite alternate;-o-animation: air 1s linear infinite alternate;-ms-animation: air 1s linear infinite alternate;animation: air 1s linear infinite alternate}
.upDown{-webkit-animation: upDown 0.8s linear infinite alternate;-moz-animation: upDown 0.8s linear infinite alternate;-ms-animation: upDown 0.8s linear infinite alternate;-o-animation: upDown 0.8s linear infinite alternate;animation: upDown 0.8s linear infinite alternate}
.slogen{-webkit-animation: bouncein .4s linear both;-moz-animation: bouncein .4s linear both;-ms-animation: bouncein .4s linear both;-o-animation: bouncein .4s linear both;animation: bouncein .4s linear both;}
#container .c1 .man{-webkit-animation: man 1s linear both;-moz-animation: man 1s linear both;-ms-animation: man 1s linear both;-o-animation: man 1s linear both;animation: man 1s linear both;}
.cloud-b{-webkit-animation: cloudOne 60s linear infinite alternate;-moz-animation: cloudOne 60s linear infinite alternate;-ms-animation: cloudOne 60s linear infinite alternate;-o-animation: cloudOne 60s linear infinite alternate;animation: cloudOne 60s linear infinite alternate;}
.cloud-l{-webkit-animation: cloudL 60s linear infinite alternate;-moz-animation: cloudL 60s linear infinite alternate;-ms-animation: cloudL 60s linear infinite alternate;-o-animation: cloudL 60s linear infinite alternate;animation: cloudL 60s linear infinite alternate;}
.cloud-r{-webkit-animation: cloudR 60s linear infinite alternate;-moz-animation: cloudR 60s linear infinite alternate;-ms-animation: cloudR 60s linear infinite alternate;-o-animation: cloudR 60s linear infinite alternate;animation: cloudR 60s linear infinite alternate;}

@-webkit-keyframes cloudR{
	0%{right:10%;}
	100%{right:100%;}
}
@-moz-keyframes cloudR{
	0%{right:10%;}
	100%{right:100%;}
}
@-o-keyframes cloudR{
	0%{right:10%;}
	100%{right:100%;}
}
@-ms-keyframes cloudR{
	0%{right:10%;}
	100%{right:100%;}
}
@keyframes cloudR{
	0%{right:10%;}
	100%{right:100%;}
}


@-webkit-keyframes cloudL{
	0%{left:10%;}
	100%{left:100%;}
}
@-moz-keyframes cloudL{
	0%{left:10%;}
	100%{left:100%;}
}
@-o-keyframes cloudL{
	0%{left:10%;}
	100%{left:100%;}
}
@-ms-keyframes cloudL{
	0%{left:10%;}
	100%{left:100%;}
}
@keyframes cloudL{
	0%{left:10%;}
	100%{left:100%;}
}

@-webkit-keyframes cloudOne{
	0%{left:-40%;}
	100%{left:160%;}
}
@-moz-keyframes cloudOne{
	0%{left:-40%;}
	100%{left:160%;}
}
@-o-keyframes cloudOne{
	0%{left:-40%;}
	100%{left:160%;}
}
@-ms-keyframes cloudOne{
	0%{left:-40%;}
	100%{left:160%;}
}
@keyframes cloudOne{
	0%{left:-40%;}
	100%{left:160%;}
}




@-webkit-keyframes air{
	0%{
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0.5;
	}
	100%{
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 1;
	}
}
@keyframes air{
	0%{
		transform: scale(0.9, 0.9);
		opacity: 0.5;
	}
	100%{
		transform: scale(1.2, 1.2);
		opacity: 1;
	}
}

@-moz-keyframes air{
	0%{
		-moz-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0.5;
	}
	100%{
		-moz-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 1;
	}
}

@-o-keyframes air{
	0%{
		-o-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0.5;
	}
	100%{
		-o-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 1;
	}
}

@-ms-keyframes air{
	0%{
		-ms-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0.5;
	}
	100%{
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 1;
	}
}
@-webkit-keyframes upDown{
	0%{margin-top:0;}
	100%{margin-top:10px;}
}
@-moz-keyframes upDown{
	0%{margin-top:-10px;}
	100%{margin-top:10px;}
}
@-o-keyframes upDown{
	0%{margin-top:-10px;}
	100%{margin-top:10px;}
}
@-ms-keyframes upDown{
	0%{margin-top:-10px;}
	100%{margin-top:10px;}
}
@keyframes upDown{
	0%{margin-top:-10px;}
	100%{margin-top:10px;}
}

/* 弹入 */
@-webkit-keyframes bouncein{
    0%{opacity:0;-webkit-transform:scale(7);}
    50%{opacity:0.4;-webkit-transform:scale(4);}
    70%{opacity:0.8;-webkit-transform:scale(2);}
    100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes bouncein{
    0%{opacity:0;-moz-transform:scale(7);}
    50%{opacity:1;-moz-transform:scale(4);}
    70%{-moz-transform:scale(2);}
    100%{-moz-transform:scale(1);}
}
@-ms-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(7);}
    50%{opacity:1;-ms-transform:scale(4);}
    70%{-ms-transform:scale(2);}
    100%{-ms-transform:scale(1);}
}
@-o-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(7);}
    50%{opacity:1;-ms-transform:scale(4);}
    70%{-o-transform:scale(2);}
    100%{-o-transform:scale(1);}
}
@keyframes bouncein{
    0%{opacity:0;transform:scale(7);}
    50%{opacity:1;transform:scale(4);}
    70%{transform:scale(2);}
    100%{transform:scale(1);}
}


@-webkit-keyframes man{
    0%{opacity:0;-webkit-transform:scale(7);}
    50%{opacity:0;-webkit-transform:scale(7);}
    100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes man{
    0%{opacity:0;-moz-transform:scale(7);}
    50%{opacity:0;-moz-transform:scale(7);}
    100%{-moz-transform:scale(1);}
}
@-ms-keyframes man{
    0%{opacity:0;-ms-transform:scale(7);}
    50%{opacity:0;-ms-transform:scale(7);}
    100%{-ms-transform:scale(1);}
}
@-o-keyframes man{
    0%{opacity:0;-o-transform:scale(7);}
    50%{opacity:0;-o-transform:scale(7);}
    100%{-o-transform:scale(1);}
}
@keyframes man{
    0%{opacity:0;transform:scale(7);}
    50%{opacity:0;transform:scale(7);}
    100%{transform:scale(1);}
}