.#{$list-prefix-cls} {
  &__header {
    width: 100%;
    padding: $list-item-padding-x $list-item-padding-x $list-body-padding-y;
    font-size: $list-body-font-size;
    // color: $gray-10;
    color: $list-body-color;

    &:empty {
      display: none;
    }
  }

  &__body {
    position: relative;
    background-color: $white;
    /* NOTE: 颜色 */
    // border-top: $border-width-sm solid $gray-12;
    // border-bottom: $border-width-sm solid $gray-12;
    border-top: 0.01rem solid $list-body-border-color;
    border-bottom: 0.01rem solid $list-body-border-color;
  }
  .picker-input .list__line {
    padding: 0 .08rem 0 0;
  }
  .picker-input .list__item::after {
    border: none;
  }
}

.#{$list-prefix-cls}__item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: $list-item-height;
  // padding-left: $list-item-padding-x;
  padding: 0 $list-item-form-padding-x;
  overflow: hidden;
  vertical-align: middle;
  background-color: $white;
  transition: background-color $transition-time;
  &.has-danger {
    color: $brand-danger;
    border-bottom: 0.01rem solid $brand-danger;
  }
  &.has-success {
    color: $brand-success;
    border-bottom: 0.01rem solid $brand-success;
  }
  &.has-textarea {
    display: block;

    .input-control textarea {
      padding: 0;
    }
  }
  // 下边框
  &:not(:last-child) {
    &::after {
      position: absolute;
      z-index: 3;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      content: '';
      border-bottom: 0.01rem solid $list-body-border-color;
    }
  }

  .input-control {
    background-color: transparent;
  }

  &:active {
    // background-color: #FAFAFA;
  }

  &.input-item:focus,
  &.input-item:focus-within {
    &::after {
      position: absolute;
      z-index: 3;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      content: '';
      border-bottom: 0.01rem solid $brand-primary;
    }
  }

  .input-item__label {
    margin-left: -0.2rem;
    padding-left: 0.2rem;
    color: $black;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }

  .text-danger {
    position: absolute;
    top: 0.05rem;
    left: 0;
  }

  .#{$list-prefix-cls}__line {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    align-self: stretch;
    min-height: $list-item-height;
    overflow: hidden;

    // list左侧主内容
    .#{$list-prefix-cls}__content {
      flex: 1;
      align-items: center;
      /* NOTE: 修改颜色 */
      // color: $gray-9;
      padding: $list-item-padding-y 0;
      font-size: $font-size-base;
      line-height: $list-item-content-line-height;
      color: $input-color;
      text-align: left;

      &:not(:last-child) {
        margin-right: $list-content-margin-right;
      }

      > span {
        display: block;
        max-width: 2rem;
        line-height: 1.44;
      }
    }

    .#{$list-prefix-cls}__before {
      float: left;
      padding-right: .23rem;
      padding-left: .58rem;
    }

    // list右补充内容
    .#{$list-prefix-cls}__extra {
      line-height: $list-arrow-font-size;

      /* NOTE: 修改补充内容颜色 */
      // color: $gray-11;
      color: $input-placeholder-color;
      text-align: right;
    }

    // 辅助性文字
    .#{$list-prefix-cls}__brief {
      margin-top: $list-brief-margin-top;
      font-weight: 400;
      line-height: 0.36rem;
      font-size: 0.3rem;
      margin: 0.06rem 0;
      /* NOTE: 修改补充内容颜色 */
      // color: $gray-11;
      color: $gray-11;
    }
  }

  // list右侧箭头
  .#{$list-prefix-cls}__arrow {
    width: 0.3rem;

    i {
      display: block;
      font-size: $list-arrow-font-size;
      color: $gray-11;
    }

    &--vertical {
      i {
        transform: rotate(90deg);
      }
    }

    &--vertical-up {
      i {
        transform: rotate(270deg);
      }
    }
  }

  // list左图标显示
  .#{$list-prefix-cls}__thumb {
    margin-right: $list-thumb-margin-right;
    text-align: center;
    background-color: $brand-primary;
    border-radius: $border-radius;

    span {
      display: inline-block;
      width: $list-thumb-size;
      height: $list-thumb-size;
      font-size: $list-thumb-icon-font-size;
      // font-weight: 600;
      line-height: $list-thumb-size;
      color: #fff;
      vertical-align: middle;
    }

    // 圆形
    &--circle {
      border-radius: 50%;
    }

    // 显示在右边
    &--right {
      margin-right: 0;
    }
  }

  &--top,
  &--top .#{$list-prefix-cls}__line {
    align-items: flex-start;
  }

  &--bottom,
  &--bottom .#{$list-prefix-cls}__line {
    align-items: flex-end;
  }

  &--error {
    .#{$list-prefix-cls}__line {
      .#{$list-prefix-cls}__extra {
        color: $brand-danger;

        .#{$list-prefix-cls}__brief {
          color: $brand-danger;
        }
      }
    }
  }

  &--active {
    background-color: $gray-4;
  }

  &--mask {
    .#{$list-prefix-cls}__content {
      position: relative;
      width: 90%;
      overflow: hidden;

      &::after {
        @extend %text-mask;
        right: -0.02rem;
        width: 50%;
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 30%, #fff);
        height: 98%;
      }
    }
    .#{$list-prefix-cls}__content,
    .#{$list-prefix-cls}__brief {
      white-space: nowrap;
    }
  }
  @include status-disabled;
}

// .list .list__item--checkbox .checkbox,
// .list .list__item--checkbox .radio,
// .list .list__item--radio .checkbox,
// .list .list__item--radio .radio {
//   line-height: 100%;
// }

// .list .checkbox .checkbox__input[type=checkbox] + .checkbox__inner:after, 
// .list .radio .checkbox__input[type=checkbox] + .checkbox__inner:after {
//   border: none;
// }

.list__extra {
  position: relative;
  .picker-input {
    padding-right: 0.5rem;

    span {
      line-height: .88rem;
    }
  }
  
  > .aid {
    line-height: .88rem;
    font-size: 0.5rem;
    position: absolute;;
    right: 0;
    top: 50%;
    margin-top: -0.44rem;
  }
}

// .check-list .radio__inner::after {
//   content: '';
//   position: absolute;
//   top: 50%;
//   left: 0;
//   width: .4rem;
//   height: .4rem;
//   transform: translateY(-50%);
//   margin-top: -25%;
//   border-radius: 100%;
// }

// .check-list .radio__inner::after,
// .check-list .checkbox__inner::after {
//   transition: none !important;
//   border: 2px solid #b2b2b2 !important;
// }

// .check-list .radio__input:checked + .radio__inner::after,
// .check-list .checkbox__input:checked + .checkbox__inner::after {
//   content: '\f27a' !important;
//   font-weight: normal !important;
//   left: -2px !important;
//   border: 0 !important;
// }

// .check-list .radio__input:checked + .radio__inner::after {
//   margin-top: 25%;
//   transform: translateY(-50%) !important;
// }

// .check-list .checkbox__input:checked + .checkbox__inner::after {
//   content: '\F283' !important;
//   font-size: .5rem !important;
//   line-height: .48rem !important;
//   border-radius: 0 !important;
// }
.check-all {
  display: inline-block;
  color: #b2b2b2;
}

.check-all-menu.accordion__item > .accordion__header{
  padding-right: .23rem;
}