@include c(list) {
  @include e(item) {
    @include text--middle(px2rpx(100px));

    position: relative;
    border-bottom: 1px solid map-get($colors, gray2);
    margin-left: px2rpx(30px);

    &:last-child {
      border-bottom: 0;
    }

    @include s(has-icon) {
      text-indent: px2rpx(60px);
    }

    @include s(is-adaptable) {
      @include padding(px2rpx(25px), null, px2rpx(25px));

      height: auto;
      min-height: px2rpx(50px);

      > label {
        @include position--absolute(px2rpx(33px), null, null, 0);

        transform: none;
        line-height: 100%;
      }

      @include c(list) {
        @include e(body) {
          @include padding(px2rpx(2px), null, px2rpx(2px));
          @include margin(null, px2rpx(30px), null, px2rpx(138px));

          line-height: 120%;
        }
      }
    }

    @include s(is-link) {
      background: {
        image: url("#{$image-url}/components/list/link.png");
        size: px2rpx(30px) px2rpx(30px);
        repeat: no-repeat;
        position: right px2rpx(30px) center;
      }

      @include c(list) {
        @include e(extra) {
          right: px2rpx(80px);
        }
      }
    }

    @include s(is-button) {
      text-align: left;
      background-color: map-get($colors, c1);
      padding: 0;

      &::after {
        border: 0;
      }
    }

    & > {
      @include c(icon, iconfont) {
        @include position--absolute(50%, null, null, 0);

        transform: translateY(-50%);
      }

      @include c(iconfont) {
        text-indent: 0;
      }
    }
  }

  label {
    @include position--absolute(50%);
    @include text--middle(px2rpx(106px));

    transform: translateY(-50%);
  }

  @include e(desc) {
    @include padding(px2rpx(10px), null, px2rpx(10px));

    line-height: 100%;
  }

  @include e(extra) {
    @include position--absolute(50%, px2rpx(30px));

    transform: translateY(-50%);
    line-height: 100%;

    &.w450 {
      @include text--overflow(2);

      width: px2rpx(450px);
      text-align: right;
      line-height: 120%;
    }
  }

  @include e(value) {
    @include position--absolute(50%);
    @include text--middle(px2rpx(106px));
    @include text--overflow;

    transform: translateY(-50%);
    border: 0;
    left: px2rpx(138px);
    width: px2rpx(550px);

    @include s(is-full) {
      left: 0;
    }
  }

  @include e(content) {
    margin-left: px2rpx(138px);
    line-height: 160%;
    width: px2rpx(550px);
  }

  @include e(upload) {
    @include position--absolute(px2rpx(38px));

    left: px2rpx(138px);
  }

  @include e(operation) {
    @include position--absolute(50%, 0);
    @include text--middle(px2rpx(60px));

    transform: translateY(-50%);
    width: px2rpx(200px);
    text-align: center;
    border-left: 1px solid map-get($colors, gray2);
    z-index: 1;
  }
}