/* list_ysk.html 专用样式 — 视频课程列表页响应式适配 */

/*
 * 平板端（501–1259px）
 * 公共重置已提取至 responsive-tablet.css，此处仅保留页面专有规则
 */
@media screen and (max-width: 1259px) {
  /* 分页：平板下居中 */
  .v2022 .nPagination .np-list {
    text-align: center;
  }
}

/*
 * 小屏平板 / 大屏手机（768px 及以下）
 * 4列卡片网格切换为2列，避免窄屏挤压
 */
@media screen and (max-width: 1259px) {
  .v2022 .px-list.row-4 .px-item {
    width: calc(50% - 13px);
    margin-right: 26px;
  }
  .v2022 .px-list.row-4 .px-item:nth-child(4n) {
    margin-right: 26px;
  }
  .v2022 .px-list.row-4 .px-item:nth-child(2n) {
    margin-right: 0;
  }
  .v2022 .px-list.row-4 .px-item-place {
    width: calc(50% - 13px);
  }
  .v2022 .px-list .px-item img {
    height: 180px;
  }
}

/*
 * 移动端（500px 及以下）
 * 卡片图片进一步缩小，分页按钮缩小
 */
@media screen and (max-width: 500px) {
  .v2022 .px-list .px-item img {
    height: 140px;
  }
  .v2022 .px-list .px-item .tt {
    font-size: 14px;
    line-height: 1.4;
  }
  .v2022 .px-list .px-item .img-box .play {
    width: 40px;
    height: 40px;
  }
  .v2022 .px-list .px-item .img-box .play .iconfont {
    font-size: 18px;
  }
}