@include b(card) {
  position: relative;
  width: 100%;
  background-color: $white;
  &-main {
    @include flex-x(space-between);
    @include click-feed-back();

    padding: 17px 15px;
    cursor: pointer;
    &-content {
      @include flex-x();
      &-img {
        @include background-img($width: 50px, $height: 50px);
      }
      &-title {
        line-height: 24px;
        color: #111;
        font-size: $size-17;
      }
      &-subtitle {
        line-height: 18px;
        color: $secondary-text-color;
        font-size: 13px;
      }
      &-inner &-subtitle {
        margin-top: 7px;
      }
      &-inner.reverse &-subtitle {
        margin-top: 0;
        margin-bottom: 7px;
      }
    }
  }
  &-append {
    padding: 0 15px;
    border-top: 1px dashed $border-color;
    line-height: 36px;
    color: $secondary-text-color;
    font-size: 13px;
  }
}