.white {
  color: #fff;
}
.bg-white {
  background-color: #fff;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-backface-visibility: hidden;
}
html,
body {
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: none;
  color: #333;
}
body {
  font-family:
    PingFangSC-Medium,
    Microsoft YaHei,
    Arial,
    Helvetica,
    "sans-serif" !important;
  font-size: 0.875rem;
  background-color: #111;
}
#app {
  height: 100%;
  margin: 0 auto;
}
input,
textarea,
button {
  outline: none;
  border: 0;
  vertical-align: middle;
  background: none;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
button::-moz-placeholder {
  color: #999;
}
input::placeholder,
textarea::placeholder,
button::placeholder {
  color: #999;
}
input::-webkit-input-placeholder {
  color: #d9d9d8;
  font-size: 0.75rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
ul,
ol,
li {
  list-style: none;
}
.container:before {
  content: "";
  display: table;
  clear: both;
}
.container:after {
  content: "";
  display: table;
}
a,
a:hover {
  text-decoration: none;
}
.scroll-y {
  overflow-y: scroll;
}
.scroll-x {
  overflow-x: scroll;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.left {
  float: left;
}
.right {
  float: right;
}
.radius-50 {
  border-radius: 50%;
}
.m-a {
  margin: 0 auto;
}
.pointer {
  cursor: pointer;
}
.over-hidden {
  overflow: hidden;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.bold {
  font-weight: 700;
}
.flex {
  display: flex;
}
.flex-middle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.justify-center {
  display: flex;
  justify-content: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.flex-1 {
  flex: 1;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.ab-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ab-middle-x {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.ab-middle-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.hide-scroll-bar::-webkit-scrollbar {
  width: 0.125rem;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nowrap {
  white-space: nowrap;
}
.fs-8 {
  font-size: 0.5rem;
}
.fs-10 {
  font-size: 0.625rem;
}
.fs-12 {
  font-size: 0.75rem;
}
.fs-13 {
  font-size: 0.8125rem;
}
.fs-14 {
  font-size: 0.875rem;
}
.fs-15 {
  font-size: 0.9375rem;
}
.fs-16 {
  font-size: 1rem;
}
.fs-17 {
  font-size: 1.0625rem;
}
.fs-18 {
  font-size: 1.125rem;
}
.fs-20 {
  font-size: 1.25rem;
}
.fs-22 {
  font-size: 1.375rem;
}
.fs-24 {
  font-size: 1.5rem;
}
.radius-3 {
  border-radius: 0.1875rem;
}
.radius-4 {
  border-radius: 0.25rem;
}
.radius-5 {
  border-radius: 0.3125rem;
}
.radius-7 {
  border-radius: 0.4375rem;
}
.radius-10 {
  border-radius: 0.625rem;
}
.radius-12 {
  border-radius: 0.75rem;
}
.radius-16 {
  border-radius: 1rem;
}
.radius-20 {
  border-radius: 1.25rem;
}
.m-4 {
  margin: 0.25rem;
}
.mx-4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.mt-4 {
  margin-top: 0.25rem;
}
.mr-4 {
  margin-right: 0.25rem;
}
.mb-4 {
  margin-bottom: 0.25rem;
}
.ml-4 {
  margin-left: 0.25rem;
}
.p-4 {
  padding: 0.25rem;
}
.px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.pt-4 {
  padding-top: 0.25rem;
}
.pr-4 {
  padding-right: 0.25rem;
}
.pb-4 {
  padding-bottom: 0.25rem;
}
.pl-4 {
  padding-left: 0.25rem;
}
.m-5 {
  margin: 0.3125rem;
}
.mx-5 {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
.my-5 {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}
.mt-5 {
  margin-top: 0.3125rem;
}
.mr-5 {
  margin-right: 0.3125rem;
}
.mb-5 {
  margin-bottom: 0.3125rem;
}
.ml-5 {
  margin-left: 0.3125rem;
}
.p-5 {
  padding: 0.3125rem;
}
.px-5 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.py-5 {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.pt-5 {
  padding-top: 0.3125rem;
}
.pr-5 {
  padding-right: 0.3125rem;
}
.pb-5 {
  padding-bottom: 0.3125rem;
}
.pl-5 {
  padding-left: 0.3125rem;
}
.m-8 {
  margin: 0.5rem;
}
.mx-8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mt-8 {
  margin-top: 0.5rem;
}
.mr-8 {
  margin-right: 0.5rem;
}
.mb-8 {
  margin-bottom: 0.5rem;
}
.ml-8 {
  margin-left: 0.5rem;
}
.p-8 {
  padding: 0.5rem;
}
.px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pt-8 {
  padding-top: 0.5rem;
}
.pr-8 {
  padding-right: 0.5rem;
}
.pb-8 {
  padding-bottom: 0.5rem;
}
.pl-8 {
  padding-left: 0.5rem;
}
.m-10 {
  margin: 0.625rem;
}
.mx-10 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.my-10 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.mt-10 {
  margin-top: 0.625rem;
}
.mr-10 {
  margin-right: 0.625rem;
}
.mb-10 {
  margin-bottom: 0.625rem;
}
.ml-10 {
  margin-left: 0.625rem;
}
.p-10 {
  padding: 0.625rem;
}
.px-10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.pt-10 {
  padding-top: 0.625rem;
}
.pr-10 {
  padding-right: 0.625rem;
}
.pb-10 {
  padding-bottom: 0.625rem;
}
.pl-10 {
  padding-left: 0.625rem;
}
.m-12 {
  margin: 0.75rem;
}
.mx-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mt-12 {
  margin-top: 0.75rem;
}
.mr-12 {
  margin-right: 0.75rem;
}
.mb-12 {
  margin-bottom: 0.75rem;
}
.ml-12 {
  margin-left: 0.75rem;
}
.p-12 {
  padding: 0.75rem;
}
.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pt-12 {
  padding-top: 0.75rem;
}
.pr-12 {
  padding-right: 0.75rem;
}
.pb-12 {
  padding-bottom: 0.75rem;
}
.pl-12 {
  padding-left: 0.75rem;
}
.m-15 {
  margin: 0.9375rem;
}
.mx-15 {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}
.my-15 {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.mt-15 {
  margin-top: 0.9375rem;
}
.mr-15 {
  margin-right: 0.9375rem;
}
.mb-15 {
  margin-bottom: 0.9375rem;
}
.ml-15 {
  margin-left: 0.9375rem;
}
.p-15 {
  padding: 0.9375rem;
}
.px-15 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.py-15 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.pt-15 {
  padding-top: 0.9375rem;
}
.pr-15 {
  padding-right: 0.9375rem;
}
.pb-15 {
  padding-bottom: 0.9375rem;
}
.pl-15 {
  padding-left: 0.9375rem;
}
.m-16 {
  margin: 1rem;
}
.mx-16 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mt-16 {
  margin-top: 1rem;
}
.mr-16 {
  margin-right: 1rem;
}
.mb-16 {
  margin-bottom: 1rem;
}
.ml-16 {
  margin-left: 1rem;
}
.p-16 {
  padding: 1rem;
}
.px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pt-16 {
  padding-top: 1rem;
}
.pr-16 {
  padding-right: 1rem;
}
.pb-16 {
  padding-bottom: 1rem;
}
.pl-16 {
  padding-left: 1rem;
}
.m-20 {
  margin: 1.25rem;
}
.mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.mt-20 {
  margin-top: 1.25rem;
}
.mr-20 {
  margin-right: 1.25rem;
}
.mb-20 {
  margin-bottom: 1.25rem;
}
.ml-20 {
  margin-left: 1.25rem;
}
.p-20 {
  padding: 1.25rem;
}
.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pt-20 {
  padding-top: 1.25rem;
}
.pr-20 {
  padding-right: 1.25rem;
}
.pb-20 {
  padding-bottom: 1.25rem;
}
.pl-20 {
  padding-left: 1.25rem;
}
.m-24 {
  margin: 1.5rem;
}
.mx-24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mt-24 {
  margin-top: 1.5rem;
}
.mr-24 {
  margin-right: 1.5rem;
}
.mb-24 {
  margin-bottom: 1.5rem;
}
.ml-24 {
  margin-left: 1.5rem;
}
.p-24 {
  padding: 1.5rem;
}
.px-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pt-24 {
  padding-top: 1.5rem;
}
.pr-24 {
  padding-right: 1.5rem;
}
.pb-24 {
  padding-bottom: 1.5rem;
}
.pl-24 {
  padding-left: 1.5rem;
}
.m-30 {
  margin: 1.875rem;
}
.mx-30 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
.my-30 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.mt-30 {
  margin-top: 1.875rem;
}
.mr-30 {
  margin-right: 1.875rem;
}
.mb-30 {
  margin-bottom: 1.875rem;
}
.ml-30 {
  margin-left: 1.875rem;
}
.p-30 {
  padding: 1.875rem;
}
.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.pt-30 {
  padding-top: 1.875rem;
}
.pr-30 {
  padding-right: 1.875rem;
}
.pb-30 {
  padding-bottom: 1.875rem;
}
.pl-30 {
  padding-left: 1.875rem;
}
.m-40 {
  margin: 2.5rem;
}
.mx-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.mt-40 {
  margin-top: 2.5rem;
}
.mr-40 {
  margin-right: 2.5rem;
}
.mb-40 {
  margin-bottom: 2.5rem;
}
.ml-40 {
  margin-left: 2.5rem;
}
.p-40 {
  padding: 2.5rem;
}
.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.pt-40 {
  padding-top: 2.5rem;
}
.pr-40 {
  padding-right: 2.5rem;
}
.pb-40 {
  padding-bottom: 2.5rem;
}
.pl-40 {
  padding-left: 2.5rem;
}
.lh-14 {
  line-height: 0.875rem !important;
}
.lh-15 {
  line-height: 0.9375rem !important;
}
.lh-16 {
  line-height: 1rem !important;
}
.lh-18 {
  line-height: 1.125rem !important;
}
.lh-20 {
  line-height: 1.25rem !important;
}
.lh-22 {
  line-height: 1.375rem !important;
}
.lh-24 {
  line-height: 1.5rem !important;
}
.lh-25 {
  line-height: 1.5625rem !important;
}
.lh-26 {
  line-height: 1.625rem !important;
}
.lh-28 {
  line-height: 1.75rem !important;
}
.lh-30 {
  line-height: 1.875rem !important;
}
.lh-35 {
  line-height: 2.1875rem !important;
}