.btm-box {
  position: relative;
  padding: 5.07vw 6.4vw;
  background: url('../icon/bg.png') no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 2.13vw;
  margin-top: 6.4vw;
}
.btm-box .coverlink {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.btm-box .box-l h3 {
  font-family: b;
  font-weight: 600;
  font-size: 6.4vw;
  color: #FFFFFF !important;
  margin-bottom: 2.67vw;
}
.btm-box .box-l .der {
  display: flex;
}
.btm-box .box-l .der img {
  width: 6.4vw;
  height: 6.4vw;
  margin-right: 1.6vw;
}
.btm-box .box-l .der span {
  font-family: r;
  font-weight: 400;
  font-size: 4.27vw;
  color: #FFFFFF;
}
.related {
  margin-top: 6.4vw;
}
.related h3 {
  font-size: 6.4vw;
  font-family: b;
  font-weight: 600;
  color: #333333;
  margin-bottom: 4.27vw;
}
.related .lb {
  width: 100%;
  padding: 3.2vw;
  background: #F8F8F8;
  border-radius: 2.13vw 2.13vw 2.13vw 2.13vw;
}
.related .lb .related-item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.related .lb .related-item img {
  width: 38.13vw !important;
  height: 21.33vw !important;
  margin-right: 2.13vw;
  border-radius: 2.13vw 2.13vw 2.13vw 2.13vw;
}
.related .lb .related-item .item-r {
  width: calc(100% - 38.13vw) !important;
}
.related .lb .related-item .item-r h4 {
  font-family: b;
  font-weight: 600;
  font-size: 4.27vw;
  color: #333;
  line-height: 6.4vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2.13vw;
}
.related .lb .related-item .item-r span {
  font-family: r;
  font-weight: 400;
  font-size: 3.2vw;
  color: #999999;
}
.related .lb .related-item:last-child {
  margin-bottom: 0;
}
.related .more {
  display: block;
  text-align: center;
  font-family: r;
  font-weight: 400;
  font-size: 4.27vw;
  color: #333333;
  margin-top: 2.13vw;
}
