/*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度旋转动画 */
/* 
  animation: myfirst 10s linear infinite; */
@keyframes myfirst {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes myfirst {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes myfirst1 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes myfirst1 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

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

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

/*  animation: shubiao 1s infinite linear .65s; */
@keyframes shubiao {
  0% {
    transform: scale(1);
    /* opacity: 0; */
  }
  33% {
    transform: scale(1.2);
    /* opacity: .5; */
  }
  66% {
    transform: scale(1.5);
    /* opacity: .5; */
  }
  100% {
    transform: scale(1);
    /* opacity: 1; */
  }
}

@keyframes shubiao2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-0.625rem);
  }
}


@keyframes shubiao3 {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  33% {
    transform: scale(2);
    opacity: 0.5;
  }
  66% {
    transform: scale(2.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}


/* 按钮动画 */
@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes xian {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}

@keyframes DIYzoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    -ms-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  50% {
    opacity: 1;
  }
}
.DIYzoomIn {
  -webkit-animation-name: DIYzoomIn;
  animation-name: DIYzoomIn;
}

@keyframes DIYw0 {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.DIYw0 {
  -webkit-animation-name: DIYw0;
  animation-name: DIYw0;
}

@keyframes DIYw100 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.DIYw100 {
  -webkit-animation-name: DIYw100;
  animation-name: DIYw100;
}

/* 底部电话图标震动 */
@keyframes footTelShake {
  0%, 28%, 100% {
    transform: rotate(0deg);
  }
  4% {
    transform: rotate(26deg);
  }
  8% {
    transform: rotate(-24deg);
  }
  12% {
    transform: rotate(22deg);
  }
  16% {
    transform: rotate(-18deg);
  }
  20% {
    transform: rotate(12deg);
  }
  24% {
    transform: rotate(-6deg);
  }
}
@-webkit-keyframes footTelShake {
  0%, 28%, 100% {
    -webkit-transform: rotate(0deg);
  }
  4% {
    -webkit-transform: rotate(26deg);
  }
  8% {
    -webkit-transform: rotate(-24deg);
  }
  12% {
    -webkit-transform: rotate(22deg);
  }
  16% {
    -webkit-transform: rotate(-18deg);
  }
  20% {
    -webkit-transform: rotate(12deg);
  }
  24% {
    -webkit-transform: rotate(-6deg);
  }
}

/* 合作伙伴无缝滚动 */
@keyframes customerScrollL {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@-webkit-keyframes customerScrollL {
  0% { -webkit-transform: translateX(0); }
  100% { -webkit-transform: translateX(-50%); }
}
@keyframes customerScrollR {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
@-webkit-keyframes customerScrollR {
  0% { -webkit-transform: translateX(-50%); }
  100% { -webkit-transform: translateX(0); }
}