.Si {
  // height: 100%;
  padding: 0 @padding-xs 90px @padding-xs;
  &.Si-bottom {
    padding-bottom: 130px;
  }
  &.noPadding {
    padding-bottom: 0;
  }
  .Si-swiper {
    height: 246px;
    padding-top: @padding-xs + 40px;
    box-sizing: border-box;
    &.noPadding {
      padding-top: @padding-xs;
    }
  }

  @{deep} .Si-card {
    color: @black;
    padding: @padding-sm;
    background-color: @white;
    margin-top: @padding-sm;
    border-radius: @border-radius-md;
    box-sizing: border-box;
  }
  
  @{deep} .cirli {
    .text-size(13);
    padding-left: @padding-xs + 2px;
    position: relative;
    &::before {
      content: '';
      width: 2px;
      height: 2px;
      border-radius: 2px;
      background-color: @black;
      position: absolute;
      left: 2px;
      top: @padding-xs + 2;
    }
  }

  // &-loading {
  //   position: fixed;
  //   top: 0;
  //   left: 0;
  //   width: 100%;
  //   height: 100%;
  //   background: url(https://img.lkbang.net/activity/group-list.png) no-repeat center;
  //   background-size: 100%;
  //   z-index: 10;
  // }
}