html{
  /* background: url(../images/index_bg.png) no-repeat #142031; */
  background-size: cover;
}
#load {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url(../images/index_bg.png) no-repeat #142031;
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 9999;
}
.load_img img {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 40vh;
  height: 40vh;
}
.load_img .jzxz1 {
  -webkit-animation: xz1 8s infinite linear;
  animation: xz1 8s infinite linear;
}
@keyframes xz1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.load_img .jzxz2 {
  -webkit-animation: xz2 7s infinite linear;
  animation: xz2 7s infinite linear;
}
@keyframes xz2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}