.user-points {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  width: 326px;
  height: 228px;
  padding: 0 20px;
  .backgroundFullImage(url(@/assets/img/user-points-bg.png));

  &__label {
    margin-top: 60px;
    color: @text-color;
    font-size: @font-size-title;
    font-family: DingTalk-JinBuTi;
  }

  &__value {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 12px;
    color: @primary-color;
    font-size: 36px;
    font-family: DingTalk-JinBuTi;
    line-height: 43px;
    text-align: center;
    .singleLine();
  }

  &__button {
    padding: 8px 20px;
    color: @primary-color;
    font-size: @font-size-content;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #ffffff;
    border-radius: 8px;
    cursor: pointer;
  }
}
