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

.loading {
  position: absolute;
  left: 0;
  top: 50%;
  width: 750px;
  height: 1624px;
  transform: translateY(-50%);

  .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 750px;
    height: 1624px;
    .webpBg("LoadingPage/bg.jpg");
  }


  .progressBarBg {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 138px;
    top: 899px;
    width: 475px;
    height: 21px;
  }

  .progressBarFill {
    background-color: rgb(254, 53, 74);
    position: absolute;
    left: 140px;
    top: 902px;
    width: 470px;
    height: 15px;
    border-radius: 15px;
    transition: width 0.1s ease-in-out;
  }

  .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;

  }

}

.title {
  position: fixed;
  left: 67px;
  top: 49px;
  width: 613px;
  height: 208px;
  .webpBg("LoadingPage/title.png");
}

