@import "../../res.less";
.drawpage {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .beiJing {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("drawPage/bg.png");
  }
  .rule_prize {
    position: absolute;
    left: 558px;
    top: 227px;
    width: 174px;
    height: 44px;
    .sparkBg("homePage/rule_prize.png");
  }
  .back {
    width: 64px;
    height: 65px;
    left: 12px;
    top: 159px;
    position: absolute;
    .sparkBg("common/back.png");
  }
  .rule_btn {
    width: 87px;
    height: 44px;
    left: 558px;
    top: 227px;
    position: absolute;
    transform-origin: 0% 50%;
    border-radius: 22px 0 0 22px;
  }
  .prize_btn {
    width: 87px;
    height: 44px;
    left: 645px;
    top: 227px;
    position: absolute;
    transform-origin: 100% 50%;
    border-radius: 0 22px 22px 0;
  }
  .task_btn {
    left: 603px;
    top: 1260px;
    width: 120px;
    height: 129px;
    position: absolute;
    .sparkBg("homePage/task_btn.png");
  }
  .draw_btn {
    left: 182px;
    top: 1291px;
    width: 387px;
    height: 135px;
    position: absolute;
    .sparkBg("drawPage/draw_btn.png");
  }
  .left_num {
    width: 100%;
    height: 26px;
    left: 0;
    top: 1440px;
    position: absolute;
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    color: rgb(249, 252, 206);
    text-align: center;
  }
  .title {
    left: 76px;
    top: 283px;
    width: 600px;
    height: 182px;
    position: absolute;
    .sparkBg("drawPage/title.png");
  }
  .subtitle {
    width: 545px;
    height: 44px;
    left: 99px;
    top: 363px;
    position: absolute;
    .subtitle_bg {
      width: 545px;
      height: 44px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("drawPage/subtitle_bg.png");
    }
    .subtitle_text {
      width: 411px;
      height: 26px;
      left: 68px;
      top: 8px;
      position: absolute;
      font-size: 26px;
      line-height: 26px;
      color: rgba(255, 255, 255, 1);
      text-align: center;
    }
  }
  .turntable {
    width: 750px;
    height: 843px;
    left: 0px;
    top: 462px;
    position: absolute;
    .turntable_box_bg {
      width: 750px;
      height: 843px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("drawPage/turntable_box.png");
    }
    .turntable_box {
      width: 519px;
      height: 521px;
      left: 110px;
      top: 70px;
      position: absolute;
    }
    .turntable_bg {
      width: 519px;
      height: 521px;
      left: 0;
      top: 0;
      position: absolute;
      .sparkBg("drawPage/turntable_bg.png");
    }
    .prize_item {
      width: 190px;
      height: 150px;
      text-align: center;
      color: #3e5623;
      font-size: 22px;
      padding-left: 16px;
      box-sizing: border-box;
      .prize_name {
        width: 100%;
        .lineClamp1();
        font-weight: bold;
      }
      .prize_img {
        width: 80px;
        height: 70px;
        object-fit: contain;
        margin-top: 10px;
      }
    }
    .pointer {
      width: 128px;
      height: 139px;
      left: 312px;
      top: 260px;
      position: absolute;
      .sparkBg("drawPage/turntable_btn.png");
    }
    .cloud {
      width: 704px;
      height: 596px;
      left: 0px;
      top: 210px;
      position: absolute;
      .sparkBg("drawPage/cloud.png");
      pointer-events: none;
    }
  }
}
