$namespace: "book-detail";

@include b(book) {
  padding: $--edge-view;
  font-size: $--font-size-small;
  .x-book__text--multi {
    @include flex($direction: column, $align: start);
  }
}

.book-catalog-total {
  font-size: $--font-size-small;
  color: $--font-color-light;
  line-height: $--font-size-medium * 1.5;
}

.book-catalog-update {
  font-size: $--font-size-small;
  color: $--font-color-light;
  position: absolute;
  right: $--edge-view;
  line-height: $--font-size-medium * 1.5;
}

@include b(handle) {
  @include flex($space: flex-start);
  @include e(btn) {
    width: 1.8rem;
    height: 0.55rem;
    line-height: calc(0.55rem - 2px);
    text-align: center;
    box-sizing: border-box;
    border: 1px solid $--color-theme-girl;
    color: $--color-theme-girl;
    border-radius: $--radius;
  }
  @include e(add) {
    margin-right: 0.4rem;
  }
  @include e(read) {
    background-color: $--color-theme-girl;
    color: #fff;
  }
}

@include b(intro) {
  padding: 0 $--edge-view $--edge-view;
  font-size: $--font-size-base;
  color: $--font-color-medium;
  line-height: 1.8;
}

@include b(lastest) {
  padding: 0 $--edge-view;
  font-size: $--font-size-base;
  height: 0.9rem;
  background-color: #f7f7f7;
  color: $--color-theme-boy;
  @include single-line(0.9rem);
}

@include b(more) {
  @extend .book-detail-lastest;
  text-align: center;
}

@include b(recommend) {
  @include flex();
}

@include b(extend) {
  color: $--color-theme-boy;
}
