body,
p,
div,
a,
img,
span,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
input {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight: transparent;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 0.3125rem;
  overflow: hidden;
  position: relative;
  font-family: "PingFang SC", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
}
body {
  -webkit-overflow-scrolling: touch;
}
img {
  vertical-align: top;
  border: 0;
  width: 100%;
}
a {
  text-decoration: none;
  color: inherit;
}
input,
select {
  appearance: none;
}
ul,
li {
  list-style: none;
}
[v-cloak] {
  display: none;
}
.page-main {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  position: relative;
  overflow-x: hidden;
  box-sizing: border-box;
}
.scroll-none {
  overflow: hidden;
}
.box {
  display: flex !important;
  display: box !important;
  display: -webkit-box !important;
}
.flex {
  box-flex: 1;
  -webkit-box-flex: 1;
}
.align {
  box-align: center;
  align-content: center;
  -webkit-box-align: center;
}
.pack {
  box-pack: center;
  justify-content: center;
  -webkit-box-pack: center;
}
.open-page {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.pt50 {
  padding-top: 1.5625rem;
}
.pb50 {
  padding-bottom: 1.5625rem;
}
.st-line:after {
  top: 0;
  left: 0;
  width: 100%;
  content: '';
  height: 0.0625rem;
  position: absolute;
  background: #e9e9e9;
  transform: scaleY(0.3);
  transform-origin: left top;
}
.sb-line:before {
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0.0625rem;
  position: absolute;
  background: #e9e9e9;
  transform: scaleY(0.3);
  transform-origin: left bottom;
}
.block-line {
  height: 0.3125rem;
  background: #f7f7f7;
}