@import "../../res.less";
.homepage {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("homePage/bg.png");
  }
  .content {
    width: 750px;
    height: 820px;
    left: 0px;
    top: 468px;
    position: absolute;
    .sparkBg("homePage/content.png");
  }
  .rule_btn {
    width: 87px;
    height: 44px;
    left: 558px;
    top: 227px;
    position: absolute;
    transform-origin: 0% 50%;
    border-radius: 22px 0 0 22px;
  }
  .ptize_btn {
    width: 87px;
    height: 44px;
    left: 645px;
    top: 227px;
    position: absolute;
    transform-origin: 100% 50%;
    border-radius: 0 22px 22px 0;
  }
  .share_btn {
    left: 668px;
    top: 298px;
    width: 64px;
    height: 64px;
    position: absolute;
    .sparkBg("homePage/share_btn.png");
    transform-origin: 100% 50%;
  }
  .main_btn {
    left: 182px;
    top: 1261px;
    width: 387px;
    height: 135px;
    position: absolute;
    .sparkBg("homePage/main_btn.png");
    .breathAnimation();
  }
  .test_times {
    width: 100%;
    height: 26px;
    left: 0;
    top: 1440px;
    position: absolute;
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    color: rgb(249, 252, 206);
    text-align: center;
  }
  .title {
    width: 565px;
    height: 152px;
    left: 91px;
    top: 204px;
    position: absolute;
    .sparkBg("homePage/title.png");
  }
  .home_svga {
    width: 750px;
    height: 972px;
    left: 0px;
    top: 274px;
    position: absolute;
    pointer-events: none;
  }
  .subtitle {
    width: 545px;
    height: 44px;
    left: 99px;
    top: 363px;
    position: absolute;
    .subtitle_bg {
      width: 545px;
      height: 44px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("homePage/subtitle_bg.png");
    }
    .subtitle_text {
      width: 100%;
      height: 26px;
      left: 0;
      top: 8px;
      position: absolute;
      font-size: 26px;
      line-height: 26px;
      color: rgba(255, 255, 255, 1);
      text-align: center;
    }
  }
  .task_btn {
    left: 603px;
    top: 1260px;
    width: 120px;
    height: 129px;
    position: absolute;
    .sparkBg("homePage/task_btn.png");
  }
  .draw_btn {
    left: 21px;
    top: 1268px;
    width: 110px;
    height: 117px;
    position: absolute;
    .sparkBg("homePage/draw_btn.png");
    .breathAnimation();
  }
  .rule_prize {
    position: absolute;
    left: 558px;
    top: 227px;
    width: 174px;
    height: 44px;
    .sparkBg("homePage/rule_prize.png");
  }
}
