@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: 95*1.2px;
    height: 44*1.2px;
    left: 0px;
    top: 405px;
    position: absolute;
    .sparkBg("homePage/rule_btn.png");
    transform-origin: 0% 50%;
  }
  .ptize_btn {
    width: 92*1.2px;
    height: 44*1.2px;
    right: 0px;
    top: 405px;
    position: absolute;
    .sparkBg("homePage/ptize_btn.png");
    transform-origin: 100% 50%;
  }
  .share_btn {
    width: 92*1.2px;
    height: 44*1.2px;
    right: 0px;
    top: 460px;
    position: absolute;
    .sparkBg("homePage/share_btn.png");
    transform-origin: 100% 50%;
  }
  .main_btn {
    width: 429px;
    height: 138px;
    left: 167px;
    top: 1281px;
    position: absolute;
    .sparkBg("homePage/main_btn.png");
    .breathAnimation();
    .test_times {
      width: 422px;
      height: 22px;
      left: 7px;
      top: 98px;
      position: absolute;
      text-align: center;
      font-size: 22px;
      line-height: 22px;
      color: rgb(249, 252, 206);
    }
  }
  .title {
    width: 565px;
    height: 152px;
    left: 91px;
    top: 204px;
    position: absolute;
    .sparkBg("homePage/title.png");
  }
  .home_svga {
    width: 750px;
    height: 1083px;
    left: 0px;
    top: 204px;
    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 {
    width: 160px;
    height: 202px;
    left: 590px;
    top: 1252px;
    position: absolute;
    .sparkBg("homePage/task_btn.png");
  }
  .draw_btn {
    width: 171px;
    height: 202px;
    left: 0px;
    top: 1252px;
    position: absolute;
    .sparkBg("homePage/draw_btn.png");
    .breathAnimation();
  }
}
