#loading {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #44403f;
  z-index: 9999;
}
#loading2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #44403f;
  z-index: 9999;
}
.load_logo {
  width: 390px;
  height: 99px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/loading_logo.png) no-repeat center;
}
.load_box {
  width: 150px;
  height: 45px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0);
  margin-top: 93px;
}
.load_box > div {
  width: 35px;
  height: 30px;
  position: absolute;
}
.load1 {
  background: url(../images/loading1.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
}
.load2 {
  background: url(../images/loading2.png) no-repeat center;
  background-size: 100%;
  top: 15px;
  left: 30px;
}
.load3 {
  background: url(../images/loading3.png) no-repeat center;
  background-size: 100%;
  top: 0;
  left: 60px;
}
.load4 {
  background: url(../images/loading4.png) no-repeat center;
  background-size: 100%;
  top: 15px;
  left: 90px;
}
.load5 {
  background: url(../images/loading5.png) no-repeat center;
  background-size: 100%;
  top: 0;
  left: 120px;
}
.check1 {
  width: 28px;
  height: 0px;
  background: url(../images/check.png) no-repeat center bottom;
  background-size: 100%;
  position: absolute;
  left: 4px;
  bottom: 3px;
  z-index: -1;
}