#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
:root {

  --font-size-xl: 16px;

  --font-size-l: 14px;

  --font-size-s: 12px;
}


/* ≥400px → 字体 +1px */
@media (min-width: 400px) {
:root {

    --font-size-xl: 17px;

    --font-size-l: 15px;

    --font-size-s: 13px;
}
}


/* ≥430px → 字体 +2px */
@media (min-width: 430px) {
:root {

    --font-size-xl: 18px;

    --font-size-l: 16px;

    --font-size-s: 14px;
}
}


/* ≥460px → 字体 +3px */
@media (min-width: 460px) {
:root {

    --font-size-xl: 19px;

    --font-size-l: 17px;

    --font-size-s: 15px;
}
}


/* ≥490px → 字体 +4px */
@media (min-width: 490px) {
:root {

    --font-size-xl: 20px;

    --font-size-l: 18px;

    --font-size-s: 16px;
}
}
* {
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  /*IE10*/
  user-select: none;
}
html,
body {
  width: 100%;
  height: 100%;
  font-family: simhei, PingFangSC-Regular, sans-serif;
  font-size: 1.25rem;
}
html {
  font-size: 75%;
}
body {
  background: #fafafa;
}
body,
div,
dl,
dt,
dd,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
input,
button {
  padding: 0;
  margin: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
}
ul li {
  padding: 0;
  margin: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
}
input,
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img,
abbr,
acronym {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-weight: normal;
  font-style: normal;
}
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: "";
}
textarea {
  outline: none;
  resize: none;
  overflow: auto;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-user-select: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button:focus,
input:focus {
  outline: 0;
}
img {
  vertical-align: middle;
}
a img {
  border: none;
  text-decoration: none;
}
a {
  text-decoration: none;
}
label,
button,
a {
  cursor: pointer;
}
p {
  word-wrap: break-word;
}
i {
  font-style: normal;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #bdbdbd;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #bdbdbd;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #bdbdbd;
  opacity: 1;
}
input::-webkit-input-placeholder {
  color: #bdbdbd;
  opacity: 1;
}

/* 阻止ios和安卓调整字体大小时候的事件。ios通过添加css属性，安卓通过微信属性去阻止。 */
body {
  -webkit-text-size-adjust: 100% !important;
}