.djWrap {
  padding: 0.6rem 0 0.45rem;
}
.djWrap .main > .item {
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  align-items: center;
  flex: 1;
  margin-bottom: 0.5rem;
}
.djWrap .main > .item img {
  width: 2.83rem;
  height: 2.05rem;
  object-fit: cover;
}
.djWrap .main > .item .info {
  margin-left: 0.49rem;
  width: 11.69rem;
  margin-right: 0.33rem;
}
.djWrap .main > .item .info .title {
  font-family: Microsoft YaHei,
            Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #000000;
  transition: all 0.6s;
}
.djWrap .main > .item .info .desc {
  margin-top: 0.21rem;
  font-family: Microsoft YaHei,
            Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #666666;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.djWrap .main > .item .info .desc + .metaInfo {
  margin-top: 0.27rem;
}
.djWrap .main > .item .info .metaInfo {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin-top: 1.01rem;
}
.djWrap .main > .item .info .metaInfo .metaInfoItem {
  display: flex;
  align-items: center;
  gap: 0.07rem;
}
.djWrap .main > .item .info .metaInfo .metaInfoItem img {
  width: 0.19rem;
  height: 0.19rem;
}
.djWrap .main > .item .info .metaInfo .metaInfoItem p {
  font-family: MiSans, MiSans;
  font-weight: 500;
  font-size: 0.18rem;
  color: #666666;
}
.djWrap .main > .item .arr {
  min-width: 0.51rem;
  min-height: 0.51rem;
  border: 0.01rem solid #aaaaaa;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.djWrap .main > .item .arr img {
  width: 0.22rem;
  height: 0.22rem;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.5;
}
.djWrap .main > .item:hover .title {
  color: #0e437d;
}
.djWrap .main > .item:hover .arr {
  border: 0.01rem solid #0e437d;
}
.djWrap .main > .item:hover .arr img {
  filter: none;
  opacity: 1;
}