/*
 * 我要买卡 Batch 13
 * 手机端付款方式专用图片
 *
 * 功能：
 * - 767px 及以下：隐藏现有 PC 横图，显示手机两行大图。
 * - 768px 及以上：保持现有 PC 横图不变。
 */

.wymk-payment-mobile {
  display: none;
}

/* 仅手机端生效 */
@media (max-width: 767px) {
  .wymk-payment-desktop-anchor {
    display: none !important;
  }

  .wymk-payment-mobile {
    display: block !important;
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin: 10px 0 4px calc(50% - 50vw);
    padding: 0 10px;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 0;
    text-align: center;
    background: #fff;
  }

  .wymk-payment-mobile img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px;
    object-fit: contain;
  }
}

/* 平板和电脑端不显示手机图片 */
@media (min-width: 768px) {
  .wymk-payment-mobile {
    display: none !important;
  }
}
