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

.homeDemo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  .draw_icon{
    position: absolute;
    left: 620px;
    top: 350px;
    width: 119px;
    height: 108px;
    .sparkBg("HomeDemo/draw_icon.png")
  }

  .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 750px;
    height: 1624px;
    .sparkBg("HomeDemo/bg.png")
  }

  .ip {
    position: absolute;
    left: 282px;
    top: 209px;
    width: 178px;
    height: 67px;
    .sparkBg("HomeDemo/ip.png")
  }

  .title {
    position: absolute;
    left: 183px;
    top: 283px;
    width: 405px;
    height: 187px;
    .sparkBg("HomeDemo/title.png")
  }

  .smallTitle {
    position: absolute;
    left: 0;
    top: 482px;
    width: 750px;
    height: 42px;
    .sparkBg("HomeDemo/smallTitle.png")
  }

  .prize {
    position: absolute;
    left: 0px;
    top: 208px;
    width: 112px;
    height: 60px;
    transform-origin: left center !important;
    .sparkBg("HomeDemo/prize.png");
  }

  .rule {
    position: absolute;
    left: 639px;
    top: 208px;
    width: 112px;
    height: 60px;
    transform-origin: right center !important;
    .sparkBg("HomeDemo/rule.png");
  }

  .numBg {
    position: absolute;
    left: 491px;
    top: 1226px;
    width: 154px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: rgb(136, 25, 5);
    .sparkBg("HomeDemo/numBg.png");
    .lineClamp1();
    padding-bottom: 11px;
  }

  .poster {
    position: absolute;
    left: 20px;
    top: 1286px;
    width: 346px;
    height: 120px;
    .sparkBg("HomeDemo/poster.png");
  }

  .starGame {
    position: absolute;
    left: 390px;
    top: 1286px;
    width: 347px;
    height: 120px;
    .sparkBg("HomeDemo/StarBtn.png");
  }

  .cardBg {
    position: absolute;
    left: 0px;
    top: 498px;
    width: 750px;
    height: 827px;
    .sparkBg("HomeDemo/cardBg.png")
  }

  .homeSvga {
    position: absolute;
    width: 750px;
    height: 1436px;
    left: 0;
    top: 188px;
    pointer-events: none;
  }

  .musicBtn {
    position: absolute;
    left: 678px;
    top: 279px;
    width: 46px;
    height: 46px;
  }

  .card {
    position: absolute;


    .prizeImg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
    }
  }
}
