@keyframes scaleToggleOne {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  50% {
    transform: scale(2);
    -webkit-transform: scale(2);
  }

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

@keyframes scaleToggleTwo {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

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

  60% {
    transform: scale(2);
    -webkit-transform: scale(2);
  }

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

@keyframes scaleToggleThree {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

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

  66% {
    transform: scale(2);
    -webkit-transform: scale(2);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* 圆圈位置  */
.prom-service {
  position: fixed;
  bottom: 10%;
  cursor: pointer;
  left: 1%;
  z-index: 666;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.prom-service.hide {
  display: none;
}
.prom-service.animated {
  transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
}
.prom-service-kf {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 6;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3);
}
.prom-service-kf img {
  width: 80px;
  max-width: 80px;
}

.prom-service .animated-circles {
  position: absolute;
  top: 0;
  z-index: -1;
}

/* 波纹颜色 */
.prom-service .animated-circles .circle {
  background: rgba(52, 194, 59, 0.25);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  transform: scale(1);
  -webkit-transform: scale(1);
  z-index: -1;
}
.prom-service .animated-circles.animated .c-1 {
  animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.prom-service .animated-circles.animated .c-2 {
  animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.prom-service .animated-circles.animated .c-3 {
  animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94)
    forwards;
}

.prom-service .animated-circles.animated-infinite .c-1 {
  animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
.prom-service .animated-circles.animated-infinite .c-2 {
  animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
.prom-service .animated-circles.animated-infinite .c-3 {
  animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94)
    infinite;
}

.dls_true {
  position: fixed;
  bottom: 220px;
  left: 40px;
  width: 80px;
  height: 80px;
  z-index: 10000000;
  background-size: 80px;
}
.dls_tu {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: url(/xiaodu/images/xsyuyue.png) no-repeat;
  background-size: cover;
  transition: all 0.2s cubic-bezier(0.615, 0.19, 0.305, 0.91);
  cursor: pointer;
  z-index: 9999;
}

.dls_tu:hover {
  animation: bounce 0.7s linear both;
  background: url(/xiaodu/images/xsyuyue.png) no-repeat;
  background-size: cover;
}
@keyframes bounce {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(
      1.032,
      0,
      0,
      0,
      0,
      1.041,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(
      1.045,
      0,
      0,
      0,
      0,
      1.06,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(
      1.066,
      0,
      0,
      0,
      0,
      1.089,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(
      1.088,
      0,
      0,
      0,
      0,
      1.117,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(
      1.094,
      0,
      0,
      0,
      0,
      1.123,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(
      1.112,
      0,
      0,
      0,
      0,
      1.133,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(
      1.114,
      0,
      0,
      0,
      0,
      1.133,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(
      1.121,
      0,
      0,
      0,
      0,
      1.124,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(
      1.121,
      0,
      0,
      0,
      0,
      1.119,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(
      1.12,
      0,
      0,
      0,
      0,
      1.107,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(
      1.115,
      0,
      0,
      0,
      0,
      1.096,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(
      1.113,
      0,
      0,
      0,
      0,
      1.094,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(
      1.106,
      0,
      0,
      0,
      0,
      1.09,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(
      1.105,
      0,
      0,
      0,
      0,
      1.09,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(
      1.098,
      0,
      0,
      0,
      0,
      1.096,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(
      1.097,
      0,
      0,
      0,
      0,
      1.098,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(
      1.096,
      0,
      0,
      0,
      0,
      1.102,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(
      1.097,
      0,
      0,
      0,
      0,
      1.103,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(
      1.099,
      0,
      0,
      0,
      0,
      1.101,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86%,
  63.26% {
    -webkit-transform: matrix3d(
      1.101,
      0,
      0,
      0,
      0,
      1.099,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100%,
  75.28%,
  85.49%,
  90.69% {
    -webkit-transform: matrix3d(
      1.1,
      0,
      0,
      0,
      0,
      1.1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}