.listCard {
  width: 100%;
  border-radius: 20px;
  background: rgba(57, 122, 183, 0.2);
  padding: 17px 25px 13px 25px;
  margin-top: 20px;
  cursor: pointer;

  .rankTag {
    width: 58px;
    height: 31px;
    line-height: 31px;
    border-radius: 50px;
    background: rgba(221, 221, 221, 0.4);
    text-align: center;
    color: #ffffff;
  }
  .desc {
    font-size: 16px;
    color: #caecff;
    .textEllipsis {
      display: inline-block;
      width: 290px;
      margin-bottom: 0;
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      white-space: nowrap; // 强制一行显示
      overflow: hidden; // 超出隐藏
      text-overflow: ellipsis; // 省略号
    }
    .name {
      width: 290px;
      white-space: nowrap; // 强制一行显示
      overflow: hidden; // 超出隐藏
      text-overflow: ellipsis; // 省略号
    }
  }
  .infRate {
    min-width: 180px;
    max-width: 180px;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    border-radius: 50px;
    background: rgb(29, 69, 116);
    color: #caecff;
    text-align: center;
    span:nth-child(2) {
      margin: 0 10px;
      background: linear-gradient(
        180deg,
        rgb(170, 255, 246),
        rgb(37, 187, 255)
      );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-family: D-DIN;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      vertical-align: -2px;
    }
  }
}
.spin {
  width: 100%;
  height: calc(100% - 70px);
  
  :global {
    .ant-spin-container {
      &::after {
        background: transparent !important;
      }
    }
  }
}