/* category_fgxz.html 专用样式 — 期货法规须知页响应式适配 */

/* more-img 内部 img 隐藏（原内联 style="display: none" 迁移至此） */
.v2022 .singleVideoWithMoreCard .singleVideoMoreCard .more-list ul li a .more-img img.more-img-fallback {
  display: none;
}

/* 平板端公共响应式已提取至 responsive-tablet.css，不再重复 */

/* 平板（1259px 及以下） */
@media screen and (max-width: 1259px) {
  /* prograph.flex：左右分栏切换为上下堆叠 */
  .v2022 .content .prograph.flex {
    display: block;
  }
  .v2022 .content .prograph.flex .left,
  .v2022 .content .prograph.flex .right {
    width: 100%;
  }
  .v2022 .content .prograph.flex .right {
    margin-left: 0;
    margin-top: 30px;
    padding: 15px;
    padding-left: 30px;
  }
  .v2022 .content .prograph.flex .right .title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .v2022 .content .prograph.flex .right .text {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
  }
  .v2022 .content .prograph.flex .right .btn {
    width: 100%;
  }

  /* px-list（相关培训课程）：3列 → 2列 */
  .v2022 .content .prograph .px-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .v2022 .content .prograph .px-list .px-item {
    width: calc(50% - 15px);
    margin-bottom: 20px;
  }
  .v2022 .content .prograph .px-list .px-item img {
    height: 180px;
  }

  /* card-list（交易申报与市场监管法规须知）：3列 → 2列 */
  .v2022 .content .prograph .card-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .v2022 .content .prograph .card-list .card-item {
    width: calc(50% - 15px);
  }

  /* singleVideoWithMoreCard：视频+侧栏切换为上下堆叠 */
  .v2022 .singleVideoWithMoreCard {
    display: block;
  }
  .v2022 .singleVideoWithMoreCard iframe {
    width: 100%;
    max-width: 100%;
    height: 320px;
  }
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard .dd {
    font-size: 14px;
    line-height: 24px;
  }
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard .more-list ul li a .more-img {
    width: 180px;
    height: 100px;
  }
  /* 堆叠后 .link 改为静态定位，避免 absolute 覆盖 more-list 内容 */
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard .link {
    position: static;
    width: auto;
    margin-top: 15px;
  }
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard .tt {
    font-size: 18px;
    line-height: 1.5;
  }
}

/* 移动端（500px 及以下）：覆盖 1259px 规则，进一步缩小字号和间距 */
@media screen and (max-width: 500px) {
  .v2022 .content .prograph.flex .right {
    margin-top: 20px;
    padding: 10px;
    padding-left: 20px;
  }
  .v2022 .content .prograph.flex .right .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .v2022 .content .prograph.flex .right .text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  .v2022 .content .prograph.flex .right .btn {
    font-size: 15px;
  }

  /* px-list：2列 → 1列 */
  .v2022 .content .prograph .px-list .px-item {
    width: 100%;
    margin-bottom: 15px;
  }
  .v2022 .content .prograph .px-list .px-item img {
    height: 140px;
  }
  .v2022 .content .prograph .px-list .px-item .tt {
    font-size: 14px;
    line-height: 1.4;
  }

  /* card-list：2列 → 1列（覆盖 1259px 规则，确保优先于全局 CSS） */
  .v2022 .content .prograph .card-list .card-item {
    width: 100%;
    padding: 15px;
  }
  .v2022 .content .prograph .card-list .card-item .tt {
    font-size: 16px;
    line-height: 1.5;
    min-height: auto;
  }
  .v2022 .content .prograph .card-list .card-item .dd {
    font-size: 14px;
    line-height: 1.5;
  }

  /* singleVideoWithMoreCard 移动端进一步缩小 */
  .v2022 .singleVideoWithMoreCard iframe {
    height: 220px;
  }
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard .tt {
    font-size: 16px;
  }
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard .more-list ul li a .more-img {
    width: 140px;
    height: 80px;
  }
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard .more-list ul li a .play {
    width: 30px;
    height: 30px;
  }
  .v2022 .singleVideoWithMoreCard .singleVideoMoreCard .more-list ul li a .play .iconfont {
    font-size: 14px;
  }
}