* {
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei, Arial;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  background-color: #f4f4f4;
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  font-family: PingFangSC-Regular,helvetica,'Heiti SC',"Hiragino Sans GB","Microsoft Yahei",sans-serif;
}

ul {
  list-style: none;
}

a {
  cursor: pointer;
  text-decoration: none;
  outline-style: none;
}

.pc_hide {
  display: block;
}

.mb_hide {
  display: none;
}

@media screen and (max-width: 1023px) {
  html, body {
    height: 100%;
    background-color: #f4f4f4;
    max-width: 100vw;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    font-family: PingFangSC-Regular,helvetica,'Heiti SC',"Hiragino Sans GB","Microsoft Yahei",sans-serif;
  }
}