/* IE10/IE11 layout fallback. Modern browsers keep the normal site styles. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .xixi-captcha-row,
  .xixi-change-captcha,
  .home_body_tab .loginIng { display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .xixi-captcha-row b,
  #xixi-change-captcha-question,
  .home_body_tab .loginIng .xixi-account-name { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; }
  .xixi-captcha-row input { width: 160px !important; margin-right: 7px !important; }
  .home_body_tab .loginIng button,
  #xixi-change-password-open { width: calc(50% - 4px) !important; margin: 4px 2px !important; }
  #xixi-password-modal,
  .modal { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; }

  .wrap { width: calc(100% - 24px) !important; max-width: 1180px !important; }
  .auth-pending .auth-gate { display: -ms-flexbox; display: flex; }
  .auth-gate-card { width: 100% !important; max-width: 460px !important; }
  .dialog { width: 100% !important; max-width: 520px !important; }
  .summary,
  .deposit,
  .shop-columns,
  .character-cards,
  .code-box,
  .gift-foot,
  .quantity-picker { display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .summary .stat { width: calc(33.333% - 8px) !important; margin: 4px !important; }
  .deposit .qr { width: 220px !important; }
  .deposit > div:last-child { width: calc(100% - 242px) !important; }
  .shop-lane { width: calc(50% - 7px) !important; margin: 0 3px !important; }
  .character-card { width: calc(50% - 10px) !important; margin: 5px !important; }
  .code-box .field,
  .gift-foot .price { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .gift { page-break-inside: avoid !important; }
  .home-back:before { content: "<" !important; }
}

@media all and (-ms-high-contrast: none) and (max-width: 680px), (-ms-high-contrast: active) and (max-width: 680px) {
  .summary .stat,
  .deposit .qr,
  .deposit > div:last-child,
  .shop-lane,
  .character-card { width: 100% !important; margin: 4px 0 !important; }
}