.LineHide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
}
.clearfix {
  zoom: 1;
}
.box {
  padding: 58px 0 0 0;
}
.box .layout h1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box .layout h1 img {
  margin-right: 8px;
  display: block;
  width: 50px;
  height: 50px;
}
.box .layout h1 p {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 32px;
  font-weight: 500;
  justify-content: center;
}
.box .layout ul {
  margin-top: 30px;
}
.box .layout ul li {
  margin-right: 33px;
  position: relative;
  float: left;
  width: 378px;
  height: 444px;
  background: url(../images/background.png) no-repeat center center / 100% 100%;
  transition: transform .5s ease;
}
.box .layout ul li:hover {
  transform: translateY(-20px);
  background: url(../images/background_on.png) no-repeat center center / 100% 100%;
}
.box .layout ul li:nth-child(3n) {
  margin-right: 0;
}
.box .layout ul li a {
  display: block;
}
.box .layout ul li a .imgbox {
  position: absolute;
  left: 50%;
  top: 44px;
  transform: translateX(-50%);
  height: 343px;
  width: 298px;
}
.box .layout ul li a .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
}
.box .layout ul li a .detail {
  width: 258px;
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
}
.box .layout ul li a .detail .title {
  display: flex;
  align-items: center;
}
.box .layout ul li a .detail .title img {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.box .layout ul li a .detail .title p {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.box .layout ul li a .detail .smalltext {
  -webkit-box-orient: vertical;
  color: #666666e6;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  line-height: 20px;
  margin: 10px 0 0;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  word-break: break-all;
}