@import "../../res.less";

.loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  //background: linear-gradient(152deg, #AEE7FF 6%, #F1DEFC 43%, #F3E7FB 73%);

  .webpBg("LoadingPage/loadingBg.jpg");
  background-size: 750px 1624px;

  .loading-ip {
    position: absolute;
    left: 198px;
    top: 572-153px;
    width: 570px;
    height: 508px;
    .webpBg("LoadingPage/loadingIp.png");
  }

  .progressBarBg {
    position: absolute;
    left: 82px;
    top: 898-153px;
    width: 590px;
    height: 30px;
    border-radius: 118px;

    background: #FCE4D4;

    border: 2px solid #FFFFFF;
  }

  .progressBar {
    position: absolute;
    left: 84px;
    top: 900-153px;
    width: 590px;
    height: 30px;
    overflow: hidden;
    border-radius: 118px;

    .progressBarFill {
      position: absolute;
      left: 0;
      top: 0;
      width: 590px;
      height: 30px;
      .webpBg("LoadingPage/loadingFill.png")
    }

  }

  .progressTxt {
    position: absolute;
    left: 246px;
    top: 952-153px;
    width: 256px;
    height: 22px;
    opacity: 1;

    font-size: 24px;
    font-weight: normal;
    line-height: 22px;

    color: #999999;

  }
}

