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

.drawpage {
  width: 750px;
  height: 100vh;
  left: 0px;
  top: 0px;
  position: absolute;
  overflow-y: auto;

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

  .logo {
    position: absolute;
    left: 30px;
    top: 229px;
    width: 186px;
    height: 51px;
    .sparkBg("drawPage/logo.png");
  }

  .rule_prize {
    position: absolute;
    left: 558px;
    top: 227px;
    width: 174px;
    height: 44px;
    .sparkBg("homePage/rule_prize.png");
  }

  .back {
    left: 29px;
    top: 147px;
    width: 64px;
    height: 64px;
    position: absolute;
    .sparkBg("prizePage/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");
  }

  .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");
    }

    .arrow {
      position: absolute;
      left: 344px;
      top: 30px;
      width: 53px;
      height: 79px;
      .sparkBg("drawPage/arrow.png");
    }

    .cloud {
      width: 704px;
      height: 596px;
      left: 0px;
      top: 210px;
      position: absolute;
      .sparkBg("drawPage/cloud.png");
      pointer-events: none;
    }
  }
}
