#app{
  height: 100%;
}
.first-loading-wrp{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  min-height:420px;
  height:100%
}
.first-loading-wrp>h1{
  font-size:128px
}
.first-loading-wrp .loading-wrp{
  padding:98px;
  display:flex;
  justify-content:center;
  align-items:center
}
.dot{
  animation:antRotate 1.2s infinite linear;
  transform:rotate(45deg);
  position:relative;
  display:inline-block;
  font-size:32px;
  width:32px;
  height:32px;
  box-sizing:border-box
}
.dot i{
  width:14px;
  height:14px;
  position:absolute;
  display:block;
  background-color:#1890ff;
  border-radius:100%;
  transform:scale(.75);
  transform-origin:50% 50%;
  opacity:.3;
  animation:antSpinMove 1s infinite linear alternate
}
.dot i:nth-child(1){top:0;left:0}.dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}
.container_nomount{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}
.container_nomount h2{
  margin-top: 20px;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.container_nomount .loading{
  width: 80px;
  height: 40px;
  margin: 0 auto;
  margin-top: -40px;
}
.container_nomount .loading span{
  display: inline-block;
  width: 8px;
  height: 100%;
  border-radius: 4px;
  background: #1890ff;

  animation: load 1s ease infinite;
}
@keyframes load{
  0%,100%{
      height: 40px;
      background: #ff3378;


  }
  50%{
      height: 70px;
      margin: -15px 0;
      background: #1890ff;

  }
}
.container_nomount .loading span:nth-child(2){
  animation-delay:0.2s;
}
.container_nomount .loading span:nth-child(3){
  animation-delay:0.4s;
}
.container_nomount .loading span:nth-child(4){
  animation-delay:0.6s;
}
.container_nomount .loading span:nth-child(5){
  animation-delay:0.8s;
}