html {
  height: 100%;
  overflow: auto;
  margin: 0;
  font-size: 37.5px;
  overflow: auto;
  font-family: PingFang SC, Source Han Sans CN, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei, 微软雅黑, STHeiti, 华文细黑, sans-serif !important;
}

body {
  overflow-x: hidden;
  display: block;
  margin: 0px;
  height: 100vh;
}

.project-loading {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000
}

.project-loading .loader {
  position: fixed;
  top: calc(50% - 21px);
  left: 44vw
}

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
}

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
}

.line-scale-pulse-out>div {
  width: 10px;
  height: 100px;
  border-radius: 2px;
  margin: 0.2vw;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85)
}

.line-scale-pulse-out>div:nth-child(2),
.line-scale-pulse-out>div:nth-child(4) {
  -webkit-animation-delay: -.4s !important;
  animation-delay: -.4s !important
}

.line-scale-pulse-out>div:nth-child(1),
.line-scale-pulse-out>div:nth-child(5) {
  -webkit-animation-delay: -.2s !important;
  animation-delay: -.2s !important
}