@font-face {
  font-family: "Arial";
}

@font-face {
  font-family: "Microsoft YaHei";
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-highlight-color: transparent;
  -moz-highlight-color: transparent;
  -ms-highlight-color: transparent;
  -o-highlight-color: transparent;
  highlight-color: transparent;
}

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #000000;
  position: relative;
  overflow: auto;
  -webkit-text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  -ms-text-size-adjust: 100% !important;
  -o-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  font-family: Microsoft YaHei, Arial !important;
}

ul, li {
  list-style: none;
}

img {
  border: 0;
}

a {
  text-decoration: none;
  color: black;
  border: none;
}

a:focus, a:hover {
  text-decoration: none !important;
}

p {
  margin-bottom: 0px;
}

input, textarea, select, option {
  border: none;
  outline: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
}

select::-ms-expand {
  display: none;
}

.clear:after, .clear:before {
  content: "";
  display: table;
}

.clear:after {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cursor {
  cursor: pointer;
}

.font-bold {
  font-weight: bold;
}