@import "../../res.less";
.homepahe {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("homePahe/bg.png");
  }
  .show {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 60px;
    position: absolute;
    // .sparkBg("homePahe/show.png");
  }
  .infobox {
    width: 734px;
    height: 116px;
    left: 13px;
    top: 956px;
    position: absolute;
    .infobg {
      width: 734px;
      height: 116px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("homePahe/infobg.png");
    }
    .lab {
      width: 704px;
      height: 25px;
      left: 0px;
      top: 71px;
      text-align: center;
      position: absolute;
      font-size: 26px;
      line-height: 25px;
      color: rgba(102, 18, 17, 1);
    }
  }
  .gamebarbg {
    width: 640px;
    height: 244px;
    left: 52px;
    top: 390px;
    position: absolute;
    .sparkBg("homePahe/gameBarbg.png");
  }
  
  .startbtn {
    width: 613px;
    height: 216px;
    left: 68px;
    top: 1230px;
    position: absolute;
    // .sparkBg("homePahe/startBtn.png");
  }
  .title {
    width: 598px;
    height: 206px;
    left: 80px;
    top: 107px;
    position: absolute;
    .sparkBg("homePahe/title.png");
  }
  .rule {
    width: 102px;
    height: 48px;
    left: 499px;
    top: 30px;
    position: fixed;
    .sparkBg("homePahe/rule.png");
  }
  .rank {
    width: 102px;
    height: 48px;
    left: 621px;
    top: 30px;
    position: fixed;
    .sparkBg("homePahe/rank.png");
  }
  .detail {
    width: 180px;
    height: 48px;
    left: 25px;
    top: 30px;
    position: fixed;
    .sparkBg("homePahe/detail.png");
  }
}
