.banner {
  height: 265px;
  background: url(/static/images/banner.jpg);
  background-position: center;
  background-size: cover;
}
.book li {
  float: left;
  text-align: center;
  margin-right: 4%;
  margin-bottom: 15px;
  width: 22%;
  min-height: 325px;
}
.book li .thumb_img {
  padding: 22px;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  height: 370px;
}
.book li:last-child,
.book li:nth-child(4n),
.x_png li:nth-child(3n),
.x_sail li:nth-child(2n) {
  margin-right: 0px;
}
.book li p,
.x_tt li p {
  font-size: 16px;
  margin: 10px 0px 5px 0px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.book li a img {
  transition: all 0.6s;
}
.book li:hover a img {
  transform: scale(1.4);
}
.book li a,
.x_tt li a {
  color: #e30417;
  display: inline-block;
  font-size: 14px;
}
.book li a.x_more::after,
.x_tt li a.x_more::after {
  content: "|";
  color: #bfbfbf;
  margin-left: 5px;
}
.book h4 {
  font-weight: normal;
  color: #e30417;
  border-bottom: 1px solid #e30417;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.book h4 a {
  float: right;
  color: #333;
}
.book h4:before {
  content: '|';
  background: #e30417;
  margin-right: 8px;
  width: 3px;
  display: inline-block;
}
.page_box {
  text-align: center;
  margin: 35px 0;
}