/*
 * list_lth.html / list_ltc.html / list_ali.html 金属产品页共用专属样式
 *
 * 平板端（501px–1259px）bottom-subscribe 横向布局溢出修复：
 * 桌面端 .title 固定 width:895px + flex:0 0 auto，加上"立即查看"按钮 144px 共 1039px，
 * 超出平板容器可用宽度，按钮被推出容器，导致整页横向滚动、右侧内容被裁切。
 * 改为纵向堆叠布局（对齐移动端方案）。
 *
 * :not(.point) 排除"查看期货教育"变体（bottom_subscribe5.html 内联 flex-direction:column），
 * 避免破坏其纵向布局；本文件仅被上述三个页面引入，不影响其他页面。
 */
@media screen and (min-width: 501px) and (max-width: 1259px) {
  .v2022 .bottom-subscribe .content:not(.point) {
    display: block;
    height: auto;
    min-height: 160px;
    padding: 30px;
  }
  .v2022 .bottom-subscribe .content:not(.point) .title {
    display: block;
    width: 100%;
    left: 0;
  }
  .v2022 .bottom-subscribe .content:not(.point) .title h2 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .v2022 .bottom-subscribe .content:not(.point) .title p {
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
  .v2022 .bottom-subscribe .content:not(.point) .title p::before {
    display: none;
  }
  .v2022 .bottom-subscribe .content:not(.point) > a {
    display: block;
    margin: 0 auto;
  }
}