@charset "utf-8";

/*友情链接*/
.veLi { 
	animation: veLi .4s .2s ease both; 
	-webkit-animation: veLi .4s .2s ease both; 
	-moz-animation: veLi .4s .2s ease both; 
}
@keyframes veLi { 0% { opacity: 0; transform: translateX(-5px); }
  100% { opacity: 1; transform: translateX(0); } }
@-webkit-keyframes veLi { 0% { opacity: 0; -webkit-transform: translateX(-5px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes veLi { 0% { opacity: 0; -moz-transform: translateX(-5px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

/*摇摆*/
.shake {
  animation: shake 1s .2s ease both;
  -webkit-animation: shake 1s .2s ease both;
  -moz-animation: shake 1s .2s ease both;
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}




/*暂时不用*/
/*下方淡入*/
.p_fu {
  animation: fadeInUp 1s .5s ease both;
  -webkit-animation: fadeInUp 1s .5s ease both;
  -moz-animation: fadeInUp 1s .5s ease both;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
/*从上往下*/
.y_fd {
  -webkit-animation: fadeInDown 1s .2s ease both;
  -moz-animation: fadeInDown 1s .2s ease both;
  animation: fadeInDown 1s .2s ease both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*从左往右*/
@keyframes transleft {
  0% {
    opacity: 0;
    transform: translateX(-800px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes transleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-800px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes transleft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-800px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}