@charset 'UTF-8';
.wrap-body {
  position: relative;
  z-index: 1
}
.books-container {
  box-sizing: border-box;
  padding: 20px 20px 10px 20px;
  border-radius: 6px;
  background: var(--sheet-background-bw-white)
}
.center1020 {
  width: 1020px;
  margin: 0 auto
}
.books-wrap ul:after,
.books-wrap ul:before {
  display: table;
  content: ''
}
.books-wrap ul:after {
  clear: both
}
.books-wrap li {
  float: left;
  overflow: hidden;
  width: 375px;
  margin-right: 150px;
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6
}
.books-wrap li:nth-of-type(2n) {
  margin-right: 0
}
.books-wrap li .book-img,
.books-wrap li .book-info {
  float: left
}
.books-wrap li .book-img img {
  height: 138px
}
.books-wrap li .book-info {
  width: 230px;
  margin-left: 20px;
  padding-top: 5px
}
.books-wrap li h3 {
  overflow: hidden;
  height: 18px;
  margin-bottom: 10px
}
.books-wrap li h3 a {
  font: 700 16px/20px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  color: #1a1a1a
}
.books-wrap li h3 a:hover {
  color: var(--color-primary)
}
.books-wrap li h4 {
  font: 12px/14px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 14px;
  margin-bottom: 10px
}
.books-wrap li h4 a {
  color: grey
}
.books-wrap li h4 a:hover {
  color: grey
}
.books-wrap li p {
  text-align: justify;
  text-justify: inter-ideograph
}
.books-wrap li .tag {
  margin-bottom: 7px
}
.books-wrap li .intro {
  font: 12px/18px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  overflow: hidden;
  height: 54px;
  text-align: justify;
  text-justify: inter-ideograph;
  color: grey
}
.books-empty {
  font-size: 14px;
  height: 200px;
  padding: 200px 0;
  text-align: center;
  text-align: center;
  color: #5fb89a
}