@charset "UTF-8";
/* 分类页的一些样式 */
.module {
  margin: 0;
  background-color: var(--background-bw-white);
  overflow: hidden;
}

.book-sort {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0.75rem 0;
  height: 3.25rem;
}

.book-pic {
  font-size: 0;
  float: left;
  width: 2.4375rem;
  height: 3.25rem;
  margin-right: 0.75rem;
  margin-left: 1rem;
  box-shadow: 0 1px 3px var(--black-32);
}

.book-title {
  font-size: 1rem;
  line-height: 1.1;
  margin-top: 0.5rem;
}

.book-tags {
  font-size: 0.75rem;
  margin: 0.48rem 0;
  line-height: 0.75rem;
}

.book-li-msg {
  float: left;
  width: 50%;
  overflow: hidden;
}

.book-back {
  overflow: hidden;
}

.book-cell {
  overflow: hidden;
  display: inline-block;
}

.booklist-li-msg {
  float: left;
  width: 50%;
  overflow: hidden;
}

.booklist-module {
  border-top: 0.5rem solid transparent;
}

.booklist-ol {
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 0.5rem;
}

.booklist1 {
  background: var(--orange-red-50);
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.booklist2 {
  background: var(--cyan-50);
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.booklist3 {
  background: var(--pink-50);
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.booklist4 {
  background: var(--green-50);
  margin-right: 0.5rem;
}

.booklist-sort {
  position: relative;
  display: block;
  overflow: hidden;
  height: 5rem;
  padding-top: 0.5rem;
  border-radius: 0.2rem;
  text-align: center;
}

.booklist-title {
  display: inline-block;
  width: 98%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  color: var(--surface-gray-900);
  filter: opacity(50%);
}

.book-list-container-roundabout {
  display: block;
  position: relative;
  width: 4.125rem;
  height: 3rem;
  margin: 0 auto;
}
.book-list-container-roundabout li {
  position: absolute;
  width: 2.25rem;
  top: 0.5rem;
}
.book-list-container-roundabout li:active {
  -webkit-tap-highlight-color: transparent;
}
.book-list-container-roundabout li img {
  width: 2.25rem;
  height: 3rem;
  box-shadow: 0 1px 3px var(--black-32);
}
.book-list-container-roundabout li.book1 {
  left: 1.125rem;
  top: 0.3125rem;
  z-index: 1;
}
.book-list-container-roundabout li.book1 img {
  width: 2.25rem;
  height: 3rem;
}
.book-list-container-roundabout li.book2 {
  left: 2.4375rem;
}
.book-list-container-roundabout li.book3 {
  left: -0.3125rem;
}