html {
  font-size: calc(10000vw / 750);
}

body {
  font-size: 0.14rem;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: manipulation;
}
input[type="button"] {
  -webkit-user-select:auto;
  -webkit-appearance: none;
}
textarea {
  background-color: transparent;
  -webkit-user-select:auto;
  -webkit-appearance: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}

hr {
  height: 0;
  overflow: visible;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

a {
  text-decoration: none;
  background-color: transparent;
}

a:focus, *:focus {
  outline: none;
}

a:link, a:visited, a:hover, a:active {
  color: #555;
}

/* 缩写标签格式化 */

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong，i, ins, del, s, big, small, em {
  font-size: .14rem;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
}

sub, sup {
  line-height: 0;
  font-size: .12rem;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* 自定义placeholder样式 */

::-webkit-input-placeholder {
  color: #3a3c4c;
}

:-moz-placeholder {
  color: #3a3c4c;
}

::-moz-placeholder {
  color: #3a3c4c;
}

:-ms-input-placeholder {
  color: #3a3c4c;
}

textarea {
  overflow: auto;
}

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

/* 浮动 */

.fl {
  float: left;
}

.fr {
  float: right;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

/* 定位、居中 */

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.horMid {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.verMid {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.m0a {
  margin: 0 auto;
}

.imgMid {
  vertical-align: middle;
}

/* 清除浮动 */

.clear {
  *zoom: 1;
}

.clear::after {
  clear: both;
}

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

.nowrap {
  white-space: nowrap;
  word-break: break-all;
}
  /* background-image: url() */
  .page{
    display: block;
    width: 7.5rem;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #f5f6f7;
  }
  .icon{
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url() center no-repeat;
    background-size: contain;
  }
  .cover{
    background: url() center no-repeat;
    background-size: cover;
  }