@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");
  }
  .svga {
    width: 412px;
    height: 362px;
    left: 177px;
    top: 555px;
    position: absolute;
  }
  .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: 383px;
      height: 20px;
      left: 0px;
      top: 67px;
      text-align: center;
      position: absolute;
      font-size: 20px;
      line-height: 20px;
      color: #fffff9;
    }
  }
  .prizelist {
    width: 625px;
    height: 145px;
    left: 63px;
    top: 1235px;
    position: absolute;
    text-align: center;
    .prizeitem {
      width: 115px;
      height: 142px;
      left: 0px;
      top: 0px;
      position: relative;
      display: inline-block;
      margin-left: 40px;
      margin-right: 40px;
      .itembg {
        width: 115px;
        height: 115px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("drawPop/itembg.png");
        img {
          width: 109px;
          height: 109px;
          left: 3px;
          top: 3px;
          position: absolute;
          object-fit: contain;
          border-radius: 22px;
        }
      }
      .itemname {
        width: 215px;
        height: 20px;
        left: -50px;
        top: 122px;
        position: absolute;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        color: #fffff9;
        .lineClamp1();
      }
    }
    .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");
  }
}
.btnBreath {
  .breathAnimation();
}