.group-slider {
  width: .33rem;
  height: 3.7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  right: .3rem;
  bottom: .4rem;
  .group-slider-list {
    width: .1rem;
    height: 3.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .05rem;
    background: #5b83df;
    position: relative;
    .group-slider-item {
      width: 300%;
      height: 1.01rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0;
      .group-slider-item-inner {
        width: .1rem;
        height: 100%;
        border-radius: .05rem;
        background: #b3caff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      .group-slider-item-text {
        width: .22rem;
        height: .22rem;
        font-size: .18rem;
        color: #294391;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #b3caff;
        border-radius: 50%;
      }
    }
  }
  .group-slider-number {
    width: .83rem;
    height: .26rem;
    border-radius: .13rem;
    background: #b3caff;
    font-size: .18rem;
    color: #294391;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}