body,
div,
span,
header,
footer,
nav,
section,
aside,
article,
ul,
dl,
dt,
dd,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
i,
b,
textarea,
button,
input,
select,
figure,
figcaption {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  font-family: MicrosoftYaHei, 微软雅黑, Tahoma, "\\5FAE软雅黑", sans-serif;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 14px;
}

textarea {
  resize: none !important;
}

img {
  vertical-align: middle;
}

input[type="button"],
input[type="submit"],
input[type="search"],
input[type="reset"] {
  -webkit-appearance: none;
}

input[type="number"] {
  -webkit-appearance: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:focus {
  outline: none;
}

address,
caption,
cite,
code,
dfn,
em,
i,
th,
var {
  font-weight: 400;
  font-style: normal;
}

li,
ol,
ul {
  list-style: none;
}

input::-ms-clear {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 100%;
}

q:after,
q:before {
  content: "";
}

abbr,
acronym {
  border: 0;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
  zoom: 1;
}

#app {
  height: 100%;
  width: 100%;
}
#app .page {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background-position: 50%;
  background-size: cover;
  background-image: url("../img/bg.jpg");
  position: relative;
}
#app .page.isMobile {
  background-image: url("../img/H5-bg@3x.png");
}