@include b(list-item) {
  @include flex-x();

  position: relative;
  padding: 15px;
  background-color: $white;
  & + & {
    @include border($top: 0);
  }
  &-content {
    &-title {
      margin-bottom: 8px;
      line-height: 24px;
      color: #222;
      font-size: $size-17;
    }
    &-describe {
      line-height: 18px;
      color: $auxiliary-text-color;
      font-size: 13px;
    }
  }

  /* 图文列表 */
  &.#{$namespace}-list-item-graphics {
    .#{$namespace}-list-item-img {
      @include background-img($width: 60px, $height: 60px);
    }
  }

  /* 左右列表 */
  &.#{$namespace}-list-item-symmetry {
    @include flex-x(space-between);
    .#{$namespace}-list-item-img {
      @include background-img($width: 50px, $height: 50px);
    }
    .#{$namespace}-list-item-left {
      @include flex-x();
    }
    .#{$namespace}-list-item-right {
      text-align: right;
    }
  }
}