@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  
  12.5% {
    -webkit-transform: translateX(-6px) rotateY(-5deg);
    transform: translateX(-6px) rotateY(-5deg);
  }
  
  37.5% {
    -webkit-transform: translateX(5px) rotateY(4deg);
    transform: translateX(5px) rotateY(4deg);
  }
  
  62.5% {
    -webkit-transform: translateX(-3px) rotateY(-2deg);
    transform: translateX(-3px) rotateY(-2deg);
  }
  
  87.5% {
    -webkit-transform: translateX(2px) rotateY(1deg);
    transform: translateX(2px) rotateY(1deg);
  }
  
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  
  12.5% {
    -webkit-transform: translateX(-6px) rotateY(-5deg);
    transform: translateX(-6px) rotateY(-5deg);
  }
  
  37.5% {
    -webkit-transform: translateX(5px) rotateY(4deg);
    transform: translateX(5px) rotateY(4deg);
  }
  
  62.5% {
    -webkit-transform: translateX(-3px) rotateY(-2deg);
    transform: translateX(-3px) rotateY(-2deg);
  }
  
  87.5% {
    -webkit-transform: translateX(2px) rotateY(1deg);
    transform: translateX(2px) rotateY(1deg);
  }
  
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}


/* 弹入 */
@keyframes bouncein {
  0%{
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }

  50%{
    opacity:1;
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
  }
  
  70%{
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
  }
  
  100%{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}

@keyframes zoomin { 
  0%{
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }

  100%{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}