.home-container .main .boxkj .content .ball .item.gray,
.home-container .main .boxkj .content .ball .item .number.gray {
  background-color: #9aa0a6 !important;
}

.home-container .main .boxkj.xtw-slogan-mode .content .ball .item.gray .number span,
.home-container .main .boxkj.xtw-slogan-mode .content .ball .item .number.gray span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
}

.home-container .main .boxkj.xtw-slogan-mode .content .ball .item .name {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.home-container .main .boxkj.xtw-slogan-mode .content .ball .item.jiabox .jia {
  font-size: 22px;
  font-weight: 700;
  color: #9aa0a6;
}

.home-container .main .boxkj .content .ball .item.xtw-reveal-pending .number span {
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}

.home-container .main .boxkj .content .ball .item.xtw-reveal-pending .number {
  animation: xtw-ball-pending 1.4s ease-in-out infinite;
}

.home-container .main .boxkj .content .ball .item.xtw-reveal-drop .number {
  animation: xtw-ball-drop 0.7s cubic-bezier(0.22, 1.45, 0.36, 1);
  z-index: 2;
  position: relative;
}

@keyframes xtw-ball-pending {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.92);
    opacity: 0.72;
  }
}

@keyframes xtw-ball-drop {
  0% {
    transform: translateY(-42px) scale(0.45);
    opacity: 0;
  }
  50% {
    transform: translateY(8px) scale(1.12);
    opacity: 1;
  }
  72% {
    transform: translateY(-3px) scale(0.96);
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}