* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Arial, 'Microsoft YaHei'
}

img {
  vertical-align: top;
  border: 0;
  display: block;
  width: 100%;
  height: 100%;
}
div{
  box-sizing: border-box;
}

input, textarea {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-appearance: none
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: 0
}

input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea {
  -webkit-appearance: none;
  border: 1px solid;
  -webkit-border-radius: 0;
  border-radius: 0
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none
}

a {
  text-decoration: none;
  -webkit-touch-callout: none
}

em, i {
  font-style: normal
}

li {
  list-style: none
}

html, body {
  height: 100%
}

.none {
  display: none;
}

@media screen and (max-width:321px){
  html, body{font-size:15px}
}

@media screen and (min-width:321px) and (max-width:400px){
  html, body{font-size:16px}
}

@media screen and (min-width:400px){
  html, body{font-size:18px}
}