/*渐入*/
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*圆点辐射*/
@keyframes ripple {
  0% {
    transform: scale(0.16, 0.16);
    opacity: 0.5;
  }
  20% {
    transform: scale(0.33, 0.33);
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    transform: scale(1, 1);
  }
}
/* 放大缩小 */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.pulse {
  -webkit-animation: pulse 2.5s infinite;
  animation: pulse 2.5s infinite;
}
.pulse1 {
  -webkit-animation: pulse 2.5s 0.5s infinite;
  animation: pulse 2.5s 0.5s infinite;
}
.pulse2 {
  -webkit-animation: pulse 2.5s 1s infinite;
  animation: pulse 2.5s 1s infinite;
}
.pulse-star-1 {
  -webkit-animation: pulse 1.5s linear infinite;
  animation: pulse 1.5s linear infinite;
}
.pulse-star-2 {
  -webkit-animation: pulse 1.5s 0.2s linear infinite;
  animation: pulse 1.5s 0.2s linear infinite;
}
.pulse-star-3 {
  -webkit-animation: pulse 1.5s 0.5s linear infinite;
  animation: pulse 1.5s 0.5s linear infinite;
}
.pulse-star-4 {
  -webkit-animation: pulse 1.5s 0.1s linear infinite;
  animation: pulse 1.5s 0.1s linear infinite;
}
.pulse-star-5 {
  -webkit-animation: pulse 1.5s 0.3s linear infinite;
  animation: pulse 1.5s 0.3s linear infinite;
}
.pulse-star-6 {
  -webkit-animation: pulse 1.5s 0.6s linear infinite;
  animation: pulse 1.5s 0.6s linear infinite;
}
/*动画延时*/
.animated.delay-500ms {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.animated.delay-300ms {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}