@charset "UTF-8";
.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
}

.loading .pic {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /*设置每个竖线的延长时间，第一个不用延长时间，第二个依次延长0.1s*/
}

.loading .pic i {
  display: block;
  float: left;
  width: 6px;
  height: 50px;
  background: #05A4FF;
  margin: 0 2px;
  /*各个竖线的高度缩小到40%的长度*/
  -webkit-transform: scaleY(0.4);
  transform: scaleY(0.4);
  /*调用动画load，动画完成总时间为1.2s，连续做动画*/
  -webkit-animation: load 1.2s infinite;
  animation: load 1.2s infinite;
}

.loading .pic i:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.loading .pic i:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading .pic i:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.loading .pic i:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/*定义加载动画load*/
@-webkit-keyframes load {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes load {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
/*# sourceMappingURL=index.css.map */