.circleScore {
  width: 174px;
  height: 174px;
  position: relative;
}
.big {
  width: 194px;
  height: 194px;
  .circle {
    mask: radial-gradient(transparent, transparent 78px, #000 78px);
  }
}

.circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: rotation 4s linear infinite;
  background: linear-gradient(60deg, #36a5ed 0%, #6eee96 100%);
  mask: radial-gradient(transparent, transparent 75px, #000 77px);
}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 44px;
  font-weight: bold;
  // color: #fff;
  text-align: center;
}

@keyframes rotation {
  from {
    transform: rotate(0deg); /* 起始旋转角度 */
  }
  to {
    transform: rotate(360deg); /* 结束旋转角度 */
  }
}