@import "../../res.less";
.loading {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("loading/bg.png");
  }
  .title {
    width: 643px;
    height: 216px;
    left: 59px;
    top: 160px;
    position: absolute;
    .sparkBg("loading/title.png");
  }
  .loadbar {
    width: 511px;
    height: 117px;
    left: 111px;
    top: 526px;
    position: absolute;
    .bardown {
      width: 511px;
      height: 22px;
      left: 0px;
      top: 32px;
      position: absolute;
      .sparkBg("loading/bardown.png");
    }
    .barBox {
      width: 511px;
      height: 22px;
      left: 0px;
      top: 32px;
      border-radius: 45px;
      overflow: hidden;
      position: absolute;
    }
    .baron {
      width: 511px;
      height: 22px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("loading/baron.png");
    }
    .barnum {
      width: 179px;
      height: 27px;
      left: 178px;
      top: 90px;
      position: absolute;
      font-size: 28px;
      line-height: 27px;
      color: rgba(255, 255, 255, 1);
    }
    .ip {
      width: 74px;
      height: 74px;
      left: 256px;
      top: 0px;
      position: absolute;
      .sparkBg("loading/ip.png");
    }
  }
}
