@charset "gb2312";
/* 标题 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;    /* 动画执行所需要时长 */
  -webkit-animation-fill-mode: both;  /* 动画执行完后显示元素 */
  animation-fill-mode: both;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);  
    transform: scale(.3);  /* 缩放 */
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes rotateIn {
	0%{
		opacity:0.3;
		-webkit-transform:rotate(-90deg);
		transform:rotate(-90deg);
	}
	40%{
		opacity:0.5;
		-webkit-transform:rotate(-75deg);
		transform:rotate(-75deg);
	}
	70%{
		opacity:0.7;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	80%{
		opacity:0.8;
		-webkit-transform:rotate(-25deg);
		transform:rotate(-25deg);
	}
	100%{
		opacity:1;
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}
.rotateIn {
	animation-name:rotateIn;
	-webkit-animation-name:rotateIn;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;    /* 动画执行所需要时长 */
	-webkit-animation-fill-mode: both;  /* 动画执行完后显示元素 */
	animation-fill-mode: both;
}