@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);}

}