.index-list {
  position: relative;
  height: 100%;
  overflow: hidden;
  .index-list-content-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
}
.index-list-content{
  background: #fff;
  border-radius: $border-width-sm;
  .index-list-group{
    &.active{
      .index-list-anchor{
        color: $brand-primary;
      }
    }
    .index-list-item{
      height: .88rem;
      line-height: .88rem;
    }
  }
}
.index-list-anchor{
  padding: 0 .16rem 0;
  font-size: .24rem;
  line-height: .56rem;
  height: .56rem;
  color: $gray-11;
  background: rgba(0,0,0,.09);
}
.index-list-fixed{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.index-list-nav{
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 30;
  font-family: Helvetica;
  transform: translateY(-50%);
  > ul{
    padding: 0;
    margin: 0;
    padding-right: .08rem;
    > li{
      padding: 0;
      margin-bottom: .08rem;
      font-size: .24rem;
      line-height: 1;
      color: $gray-11;
      text-align: center;
      &.active{
        color: #FFF;
        background-color: $brand-primary;
        border-radius: 50%;
        width: .32rem;
        height: .32rem;
        line-height: .32rem;
      }
      @media (max-height: 480px){
        &{
          padding-top: .03rem;
        }
      }
    }
  }
}
.index-list-item{
  padding: 0 .16rem;
}
.index-list-item-def{
  position: relative;
  border-bottom: .01rem solid #FBFBFB;
  font-size: .24rem;
  color: $gray-10;
}
.index-list-item_active{
  background-color: $gray-4;
}
