@import "../../res.less";
.drawpop {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .bg {
    width: 625px;
    height: 888px;
    left: 63px;
    top: 325px;
    position: absolute;
    .sparkBg("drawPop/bg.png");
  }
  .boxs {
    width: 412px;
    height: 362px;
    left: 177px;
    top: 555px;
    position: absolute;
    .sparkBg("drawPop/boxs.png");
  }
  .title {
    width: 374px;
    height: 181px;
    left: 175px;
    top: 295px;
    position: absolute;
    .sparkBg("drawPop/title.png");
  }
  .drawbtn {
    width: 383px;
    height: 110px;
    left: 183px;
    top: 1077px;
    position: absolute;
    .drawbg {
      width: 383px;
      height: 110px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("drawPop/drawBg.png");
    }
    .drawnum {
      width: 149px;
      height: 20px;
      left: 122px;
      top: 67px;
      position: absolute;
      font-size: 20px;
      line-height: 20px;
      color: rgba(240, 35, 96, 1);
    }
  }
  .prizelist {
    width: 568px;
    height: 145px;
    left: 91px;
    top: 1235px;
    position: absolute;
    .prizeitem {
      width: 115px;
      height: 142px;
      left: 0px;
      top: 0px;
      position: absolute;
      .itembg {
        width: 115px;
        height: 115px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("drawPop/itembg.png");
      }
      .itemname {
        width: 92px;
        height: 20px;
        left: 17px;
        top: 122px;
        position: absolute;
        font-size: 20px;
        line-height: 20px;
        color: rgba(240, 35, 96, 1);
      }
    }
    .prizeitem2 {
      width: 341px;
      height: 145px;
      left: 227px;
      top: 0px;
      position: absolute;
      .sparkBg("drawPop/prizeItem2.png");
    }
  }
  .back {
    width: 73px;
    height: 73px;
    left: 48px;
    top: 227px;
    position: absolute;
    .sparkBg("drawPop/back.png");
  }
}
