/* templates/loading/loading.wxss */
.loading-box {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-box-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-box-item-1 {
  width: 258rpx;
  height: 258rpx;
}
.loading-box-item-2 {
  width: 42rpx;
  height: 234rpx;
  animation: loading-pencil .6s infinite ease-in-out;
}
.loading-box-item-3 {
  width: 76rpx;
  height: 28rpx;
  transform: translate(-50%, 350%);
  animation: loading-circle .6s infinite ease-in-out;
}
@keyframes loading-circle {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}
@keyframes loading-pencil {
  0%, 100% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, -70%);
  }
}