nutui/src/packages/__VUE/countup/index.scss

.nut-theme-dark {
  .nut-countup {
    background: $dark-background;
    color: $dark-color;
    box-shadow: none;
  }
  .nut-collapse-item {
    .collapse-wrapper {
      .collapse-content,
      .collapse-extraRender {
        background: $dark-background;
        color: $dark-color;
      }
    }
    .collapse-extraWrapper {
      .collapse-extraRender {
        background: $dark-background;
      }
    }
  }
}
.nut-countup {
  display: block;
  // width: 100%;
  padding: 5px 20px;
  color: #000;
  font-weight: bold;
  font-family: PingFangSC-Regular;
  // text-align:center;
  .run-number {
    display: inline-block;
    width: 100%;
    // margin: 0 auto;
    padding: 0;
    overflow: hidden;
    // height: 50px;
    // line-height: 50px;
    text-align: center;
    font-weight: bold;
    position: relative;
    .numberItem {
      position: absolute;
      transition: none;
      list-style: none;
      // transition: all linear .1s;
      // animation: myMove 1s linear infinite;
      // animation-fill-mode: forwards;
      // @keyframes myMove {
      //     0% {
      //       transform: translateY(0);
      //     }
      //     100% {
      //       transform: translateY(-50px);
      //     }
      // }
      .itemSpan {
        display: block;
        font-family: PingFangSC-Regular;
      }
    }
  }
  .pointstyl {
    position: absolute;
    display: block;
  }
  .run-number-machine-img {
    overflow: hidden;
    .run-number-machine-img-li {
      float: left;
      background-position: center 0;
      background-repeat: repeat-y;
      background-attachment: scroll;
    }
  }
  .run-number-img {
    position: relative;
    display: inline-block;
    .run-number-img-li {
      position: absolute;
      display: block;
      transition: none;
      display: inline-block;
      background-position: 0 0;
      background-repeat: no-repeat;
      font-family: PingFangSC-Regular;
    }
  }
}