@font-face {
  font-family: 'PingFang';
  src: url('PingFang.eot');
  src: url('PingFang.eot?#iefix') format('embedded-opentype'),
    url('PingFang.woff2') format('woff2'),
    url('PingFang.woff') format('woff'),
    url('PingFang.ttf') format('truetype'),
    url('PingFang.svg#PingFang') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PingFang SC';
  src: url('PingFangSC-Heavy.eot');
  src: url('PingFangSC-Heavy.eot?#iefix') format('embedded-opentype'),
    url('PingFangSC-Heavy.woff2') format('woff2'),
    url('PingFangSC-Heavy.woff') format('woff'),
    url('PingFangSC-Heavy.ttf') format('truetype'),
    url('PingFangSC-Heavy.svg#PingFangSC-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
  padding: 0;
  /* font-family: 'PingFang SC', sans-serif; */
  font-family: PingFangSC, PingFang SC;
}

body {
  width: 100%;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

input {
  background-color: transparent;
  border: 0;
}

button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.align-start {
  display: flex;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-end {
  display: flex;
  align-items: flex-end;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}
.imageAutoH-self {
  height: auto !important;
}
.bg-transparent-self {
  background-color: transparent !important;
}