/*css 动画  */
/*按钮持续扩散*/
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}

/* 360度旋转动画 */
@keyframes myfirst {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes myfirst {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 圆形扩散效果 */
/* animation: scalemap 2s linear infinite; */
@keyframes scalemap {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

/*  animation: shubiao 1s infinite linear .65s; */
@keyframes shubiao {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(2);
  }
  66% {
    transform: scale(2.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shubiao2 {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.25);
  }
  66% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}