body {
  background-color: #fafafa;
}
body, p, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
}
a {
  color: 333;
  text-decoration: none;
}
a:link {
  color: 333;
  text-decoration: none;
}
a:visited {
  color: #333;
  text-decoration: none;
}

a:active {
  color: #EE7624;
  text-decoration: none;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.loading {
  display: block;
  position: fixed;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
}

.loading.hidden {
  display: none;
}

.loading-icon {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8vw;
  height: 8vw;
  animation: rotate 2s linear infinite;
}

.line::after {
  display: block;
  content: "";
  height: 0;
  width: 100%;
  border-bottom: 1px dashed #e8e8e8;
}

.vpadding {
  padding-top: 12px;
  padding-bottom: 12px;
}

.hpadding {
  padding-left: 12px;
  padding-right: 12px;
}

.super {
  font-size: 0.8em;
  vertical-align: super;
}

.sub {
  font-size: 0.8em;
  vertical-align: sub;
}
table {
  border-spacing: 0;
}
td {
  padding: 5px;
  min-width: 100px;
  font-size: 12px;
  border: 1px solid #333;
}
tr + tr td{
  border-top: 0;
}
td + td {
  border-left: 0;
}