html { font-family: "Helvetica", "PingFang-SC-Regular", "ArialMT", "微软雅黑", "Microsoft YaHei", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; } body, h1, h2, h3, h4, h6, ul, p, input { margin: 0; padding: 0; } li { list-style: none; } a { color: #000; text-decoration: none; outline: none; cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } *:before, *:after { box-sizing: border-box; margin: 0; } * { box-sizing: border-box; } img{ vertical-align: middle; } button { display: inline-block; padding: 0; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; font-size: 14px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; } input { -webkit-appearance: none; appearance: none; -moz-appearance: none; outline: none; border: none; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; } @media (max-width: 360px) { .container { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 575px) { .container { max-width: none; } } @media (min-width: 360px) and (max-width: 575px) { .container { padding-left: 16px; padding-right: 16px; } } @media (min-width: 576px) { .container { max-width: 540px; padding-left: 10px; padding-right: 10px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 930px) { .container { max-width: 930px; min-width: 900px; } } @media (min-width: 1280px) { .container { max-width: 1200px; } } .link-white { color: #fff; } .link-white:hover { color: #0097ff; } .link-blue { color: #0097ff; } .link-blue:hover { color: #006aff; text-decoration: underline; }