@charset "UTF-8";
/**
* ÊÓƵÁбíÒ³
* date:2023-4-19
* author: jgming;
 */
.video-mod {
  margin-top: 24px;
}

.action-title {
  position: relative;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  background: url(/qmzxzt/images/action-title.png) no-repeat left bottom;
}
.action-title::before {
  position: absolute;
  right: 0;
  bottom: 3px;
  content: "";
  height: 1px;
  width: 70%;
  background-color: #ac0101;
}

.video-item {
  float: left;
  width: calc(25% - 18px);
  height: 243px;
  margin-left: 24px;
  margin-bottom: 40px;
}
.video-item:nth-child(4n+1) {
  margin-left: 0;
}
.video-item-link {
  display: block;
  height: 100%;
}
.video-item:hover .img-box {
  border-color: #dc0718;
}
.video-item:hover .video-describe {
  color: #dc0718;
  font-weight: bold;
}
.video-item .img-box {
  height: 174px;
  border-radius: 4px;
  border: 3px solid transparent;
}
.video-item .img-box > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.video-item .video-describe {
  margin-top: 16px;
  height: 56px;
  line-height: 28px;
  font-size: 18px;
  overflow: hidden;
}

/* Òƶ¯¶Ë */
@media (max-width: 767px) {
  .video-item {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .article-info {
    margin-top: 12px;
  }
  .video-describe {
    padding: 0 16px;
  }
}