.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 {
  border-radius: $border-width-sm;
}
.index-list-anchor {
  padding-left: .32rem;
  font-size: .24rem;
  line-height: .72rem;
  color: rgba(0, 0, 0, .5);
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.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;
    > li {
      padding: 0.06rem 0.16rem 0;
      font-size: 0.24rem;
      line-height: 1;

      /* NOTE: 修改颜色 */
      // color: $gray-11;
      color: rgba(0, 0, 0, .5);
      text-align: center;
      &.active {
        color: $brand-primary;
      }
      @media (max-height: 480px) {
        & {
          padding-top: 0.03rem;
        }
      }
    }
  }
}
.index-list-item-def {
  position: relative;
  height: $index-list-item-height;
  padding: 0 .32rem;
  font-size: .32rem;
  line-height: $index-list-item-height;
  color: $black; 
}
.index-list-item:not(:last-child) .index-list-item-def::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: .32rem;
  height: 1px;
  content: "";
  background: rgba(0, 0, 0, .15);
}
.index-list-item_active {
  background-color: $gray-4;
}

.index-list-group {
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.index-list-item {
  background-color: #fff;
}