/* reset.css */
* { box-sizing: border-box; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, b, i, u, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section, figure, figcaption {
  margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
}
article, aside, footer, header, nav, section, figure, figcaption { display: block; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; border: 0; }
a { text-decoration: none; color: inherit; background-color: transparent; }
button, input, select, textarea {
  font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; color: inherit;
}
button { cursor: pointer; background: transparent; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html { font-family: "Microsoft YaHei", "Source Han Sans CN", sans-serif; -webkit-text-size-adjust: 100%; }
html { font-size: 5.208333vw; } /* 100/1920*100 = 5.208333 */
body { font-size: 0.16rem; line-height: 1.5; color: #333; background: #fff; }

/* 移动端梯度根字号（规则75）*/
@media (max-width: 1024px) { html { font-size: 85px !important; } }
@media (max-width: 640px)  { html { font-size: 80px !important; } }
@media (max-width: 375px)  { html { font-size: 75px !important; } }
@media (max-width: 320px)  { html { font-size: 65px !important; } }

/* g-container */
.g-container { width: 16rem; max-width: 16rem; margin: 0 auto; }
@media (max-width: 1024px) { .g-container { width: 92%; max-width: 100%; } }