@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");
  }
  .back {
    width: 64px;
    height: 65px;
    left: 12px;
    top: 159px;
    position: absolute;
    .sparkBg("common/back.png");
  }
  .rule_btn {
    width: 95*1.2px;
    height: 44*1.2px;
    left: 0px;
    top: 405px;
    position: absolute;
    .sparkBg("drawPage/rule_btn.png");
    transform-origin: 0% 50%;
  }
  .prize_btn {
    width: 92*1.2px;
    height: 44*1.2px;
    right: 0px;
    top: 405px;
    position: absolute;
    .sparkBg("drawPage/prize_btn.png");
    transform-origin: 100% 50%;
  }
  .task_btn {
    width: 160px;
    height: 202px;
    left: 590px;
    top: 1252px;
    position: absolute;
    .sparkBg("drawPage/task_btn.png");
  }
  .draw_btn {
    width: 428px;
    height: 133px;
    left: 167px;
    top: 1281px;
    position: absolute;
    .sparkBg("drawPage/draw_btn.png");
    .left_num {
      width: 420px;
      height: 22px;
      left: 8px;
      top: 96px;
      position: absolute;
      text-align: center;
      font-size: 22px;
      line-height: 22px;
      color: rgb(249, 252, 206);
    }
  }
  .title {
    width: 565px;
    height: 152px;
    left: 91px;
    top: 204px;
    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: 704px;
    height: 1022px;
    left: 14px;
    top: 260px;
    position: absolute;
    .turntable_box_bg {
      width: 627px;
      height: 1022px;
      left: 60px;
      top: 0px;
      position: absolute;
      .sparkBg("drawPage/turntable_box.png");
    }
    .turntable_box {
      width: 519px;
      height: 521px;
      left: 115px;
      top: 261px;
      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: 447px;
      position: absolute;
      .sparkBg("drawPage/pointer.png");
    }
    .cloud {
      width: 704px;
      height: 596px;
      left: 0px;
      top: 210px;
      position: absolute;
      .sparkBg("drawPage/cloud.png");
      pointer-events: none;
    }
  }
}
