/*

* @Author: chengguozi

* @Date:   2016-06-28 14:42:24

* @Last Modified by:   chengguozi

* @Last Modified time: 2016-06-28 19:28:04

*/

@-webkit-keyframes slogenAni {

	0% {

		opacity: 0;

		-webkit-transform: scale(3);

		transform: scale(3)

	}

	90% {

		opacity: 1;

		-webkit-transform: scale(.95);

		transform: scale(.95)

	}

	100% {

		opacity: 1;

		-webkit-transform: scale(1);

		transform: scale(1)

	}

}



@keyframes slogenAni {

	0% {

		opacity: 0;

		-webkit-transform: scale(3);

		transform: scale(3)

	}

	90% {

		opacity: 1;

		-webkit-transform: scale(.95);

		transform: scale(.95)

	}



	100% {

		opacity: 1;

		-webkit-transform: scale(1);

		transform: scale(1)

	}

}

.slogenAni {

	-webkit-animation: slogenAni 0.4s 0.5s both cubic-bezier(0.18, 0.07, 0.92, 0.4);

	animation: slogenAni 0.4s 0.5s both cubic-bezier(0.18, 0.07, 0.92, 0.4)

}



@-webkit-keyframes start {

0%, 30% {

opacity: 0;

-webkit-transform:translate(0, -10px);

}

60% {

opacity: 1;

-webkit-transform:translate(0, 0);

}

100% {

opacity: 0;

-webkit-transform:translate(0, 5px);

}

}

@keyframes start {

0%, 30% {

opacity: 0;

transform:translate(0, -10px);

}

60% {

opacity: 1;

transform:translate(0, 0);

}

100% {

opacity: 0;

transform:translate(0, 5px);

}

}

@-webkit-keyframes down_icon {

	0% {

		opacity: 0;

		-webkit-transform: translate(0,-10px);

		transform:  translate(0,-10px);

	}

	50% {

		opacity: 0.5;

		-webkit-transform: translate(0,0);

		transform: translate(0,0);

	}

	100% {

		-webkit-transform: translate(0,5px);

		transform:  translate(0,5px);

	}

}

@keyframes down_icon {

	0% {

		opacity: 0;

		-webkit-transform:translate(0,-10px);

		-ms-transform:translate(0,-10px);

		transform: translate(0,-10px);

	}

	50% {

		opacity: 0.5;

		-webkit-transform: translate(0,0);

		-ms-transform: translate(0,0);

		transform: translate(0,0);

	}

	100% {

		-webkit-transform: translate(0,5px);

		-ms-transform: translate(0,5px);

		transform: translate(0,5px);

	}

}



@-webkit-keyframes bounceInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-50px);

		transform: translateY(-50px)

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}

@keyframes bounceInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-50px);

		-ms-transform: translateY(-50px);

		transform: translateY(-50px)

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0)

	}

}

.bounceInDown {

	-webkit-animation: bounceInDown 0.5s linear both;

	animation: bounceInDown 0.5s linear both;

}

@-webkit-keyframes bounceInUp {

	0% {

		opacity: 0;

		-webkit-transform: translateY(25px);

		transform: translateY(25px)

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}

@keyframes bounceInUp {

	0% {

		opacity: 0;

		-webkit-transform: translateY(25px);

		-ms-transform: translateY(25px);

		transform: translateY(25px)

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0)

	}

}

.bounceInUp {

	-webkit-animation: bounceInUp 0.5s linear both;

	animation: bounceInUp 0.5s linear both;

}

@-webkit-keyframes pulse {

	0%{transform: rotate(0deg); Opacity:1;}

	 50%{transform: rotate(180deg); Opacity:0.9;}

	 100%{transform: rotate(360deg);Opacity:1;}

}

@keyframes pulse {

	0%{transform: rotate(0deg); Opacity:1;}

	 50%{transform: rotate(180deg); Opacity:0.9;}

	 100%{transform: rotate(360deg);Opacity:1;}

}

.pulse {

	-webkit-animation: pulse 1s infinite linear ;

	animation:pulse 1s infinite linear  ;

}

@-webkit-keyframes quan {

0% {

		-webkit-transform: scale(1);

			-ms-transform: scale(1);

				transform: scale(1);

	}

	50% {

		-webkit-transform: scale(.9);

			-ms-transform: scale(.9);

				transform: scale(.9);

	}

	100% {

		-webkit-transform: scale(1);

			-ms-transform: scale(1);

				transform: scale(1);

	}

}

@keyframes quan {

	0% {

		-webkit-transform: scale(1);

			-ms-transform: scale(1);

				transform: scale(1);

	}

	50% {

		-webkit-transform: scale(.9);

			-ms-transform: scale(.9);

				transform: scale(.9);

	}

	100% {

		-webkit-transform: scale(1);

			-ms-transform: scale(1);

				transform: scale(1);

	}

}

.quan {

	-webkit-animation:big_smoll 0.2s ease-in 1.3s both, quan 1s 3sinfinite linear ;

	animation:big_smoll 0.2s ease-in 1.3s both, quan 1s 3s infinite linear  ;

}

@-webkit-keyframes bounceInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-25px);

				transform: translateX(-25px)

	}

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0)

	}

}

@keyframes bounceInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-25px);

			-ms-transform: translateX(-25px);

				transform: translateX(-25px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		-ms-transform: translateX(0);

		transform: translateX(0);

	}

}

.bounceInRight {

	-webkit-animation: bounceInRight 0.5s linear both;

	animation: bounceInRight 0.5s linear both;

}

@-webkit-keyframes big_smoll {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-50px);

			-ms-transform: translateY(-50px);

				transform: translateY(-50px);

	}

	90% 

	{

	    opacity: 1;

		-webkit-transform: translateY(10px);

			-ms-transform: translateY(10px);

				transform: translateY(10px);

	}

	100% 

	{

	    opacity: 1;

		-webkit-transform: translateY(0);

			-ms-transform: translateY(0);

				transform: translateY(0);

	}

}

@keyframes big_smoll {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-50px);

			-ms-transform: translateY(-50px);

				transform: translateY(-50px);

	}

	90% 

	{

	    opacity: 1;

		-webkit-transform: translateY(10px);

			-ms-transform: translateY(10px);

				transform: translateY(10px);

	}

	100% 

	{

	    opacity: 1;

		-webkit-transform: translateY(0);

			-ms-transform: translateY(0);

				transform: translateY(0);

	}

}

.big_smoll {

	-webkit-animation: big_smoll 0.2s ease-in 1.3s both;

	animation: big_smoll 0.2s ease-in 1.3s both;

}

@-webkit-keyframes rotating {

	0% {

		-webkit-transform: rotate(0);

		transform: rotate(0);

	}

	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes rotating {

	0% {

		-webkit-transform: rotate(0);

		transform: rotate(0);

	}

	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@-webkit-keyframes inRotating {

	0% {

		-webkit-transform: rotate(0);

		transform: rotate(0);

	}

	100% {

		-webkit-transform: rotate(-360deg);

		transform: rotate(-360deg);

	}

}

@keyframes inRotating {

	0% {

		-webkit-transform: rotate(0);

		transform: rotate(0);

	}

	100% {

		-webkit-transform: rotate(-360deg);

		transform: rotate(-360deg);

	}

}



@-webkit-keyframes slogen2 {

	0% {

		opacity: 0;

		-webkit-transform: translateY(100px);

		transform: translateY(100px);

	}

	50% {

		opacity: 0.5;

		-webkit-transform: translateY(50px);

		transform: translateY(50px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}

}

@keyframes slogen2 {

	0% {

		opacity: 0;

		-webkit-transform: translateY(100px);

		transform: translateY(100px);

	}

	50% {

		opacity: 0.5;

		-webkit-transform: translateY(50px);

		transform: translateY(50px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}

}