@charset "UTF-8";
/*盒子布局*/
/*单行省略*/
/*多行省略*/
/**
* 将px转换为rem（以2560px的屏幕为基准）
*/
.video-page-box .section-2 {
  margin: 0.70312rem 0;
}

.video-page-box .section-2 .custom-select-box {
  width: 0.70312rem;
  height: 0.15625rem;
  margin-right: 0.05078rem;
}

.video-page-box .section-2 .custom-search-box {
  width: 41%;
  height: 0.15625rem;
  box-sizing: border-box;
}

.video-page-box .section-2 .custom-table-box {
  margin-top: 0.3125rem;
}

.video-page-box .section-2 .custom-list-pagination-box {
  margin-top: 0.3125rem;
}

.video-page-box .section-2 .custom-list-pagination-box .btn-list {
  margin-top: 0.22266rem;
}

.video-page-box .section-2 .list-box {
  width: 100%;
  margin-top: 0.3125rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.04688rem;
  row-gap: 0.11719rem;
}

.video-page-box .section-2 .list-box .list-item .img-box {
  width: 100%;
  height: 1.40625rem;
  position: relative;
  overflow: hidden;
}

.video-page-box .section-2 .list-box .list-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.video-page-box .section-2 .list-box .list-item .img-box img:hover {
  transform: scale(1.1);
}

.video-page-box .section-2 .list-box .list-item .intro {
  color: #333333;
  font-size: 0.09375rem;
  font-weight: 500;
  padding: 0.09375rem 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (min-width: 1px) and (max-width: 800px) {
  .video-page-box .section-2 {
    margin: 1.28205rem 0;
  }
  .video-page-box .section-2 .filter-box {
    justify-content: space-between;
  }
  .video-page-box .section-2 .custom-select-box {
    width: 41%;
    height: 0.92308rem;
    margin-right: 0;
  }
  .video-page-box .section-2 .custom-search-box {
    width: 56%;
    height: 0.92308rem;
    overflow: hidden;
  }
  .video-page-box .section-2 .custom-list-pagination-box {
    margin-top: 1.02564rem;
  }
  .video-page-box .section-2 .custom-list-pagination-box .btn-list {
    margin-top: 0.73077rem;
  }
  .video-page-box .section-2 .list-box {
    margin-top: 0.76923rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
    row-gap: 0.51282rem;
  }
  .video-page-box .section-2 .list-box .list-item .img-box {
    height: 5.64103rem;
  }
  .video-page-box .section-2 .list-box .list-item .intro {
    font-size: 0.46154rem;
    padding: 0.0625rem 0;
  }
}