@charset "utf-8";

body, html { font-family: "Microsoft YaHei"; width: 100%; height: 100%; background-color: rgb(0, 0, 0); zoom: 1; }

body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, td, textarea, th, ul { padding: 0px; margin: 0px; }

ol, ul { list-style: none; }

a { text-decoration: none; }

img { vertical-align: top; max-width: 100%; }

button, input, select, textarea { outline: none; }

#app { min-height: calc(100vh - var(--browser-address-bar, 0px)); width: 100%; max-width: 750px; min-width: 320px; margin: 0px auto; }

* { -webkit-tap-highlight-color: transparent; }

@supports (bottom:constant(safe-area-inset-bottom)) {
  .support-safe-area { }
}

@supports (bottom:env(safe-area-inset-bottom)) {
  .support-safe-area { padding-top: env(safe-area-inset-top); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); }
}