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

.drawpage {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;

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

  .back_btn {
    left: 31px;
    top: 199px;
    width: 56px;
    height: 57px;
    position: absolute;
    .sparkBg("common/back.png");
  }

  .task_btn {
    position: absolute;
    left: 548px;
    top: 1211px;
    width: 202px;
    height: 203px;
    .sparkBg("common/task.png");
  }

  .prize_info {
    position: absolute;
    left: 57px;
    top: 470px;
    width: 615px;
    height: 46px;

    .prize_info_bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 615px;
      height: 46px;
      .sparkBg("drawPage/prize_info_bg.png");
    }

    .prize_info_laba {
      position: absolute;
      left: 142px;
      top: 11px;
      width: 31px;
      height: 25px;
      .sparkBg("drawPage/prize_info_laba.png");
    }

    .prize_info_list {
      width: 360px;
      height: 46px;
      position: absolute;
      left: 185px;
      top: 0;

      .prize_info_item {
        width: 100%;
        height: 46px;
        font-size: 20px;
        color: rgb(40, 85, 84);
        line-height: 46px;
        text-align: left;
        .lineClamp1();
      }

    }
  }

  .draw_btn_box {
    width: 373px;
    height: 115px;
    left: 190px;
    top: 1258px;
    position: absolute;

    .draw_btn {
      width: 373px;
      height: 115px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("drawPage/draw_btn.png");
    }

    .left_num {
      width: 100%;
      height: 27px;
      left: 0px;
      top: 70px;
      position: absolute;
      font-size: 20px;
      color: rgb(202, 57, 0);
      text-align: center;
    }
  }

  .turantable {
    left: 35px;
    top: 476px;
    width: 680px;
    height: 681px;
    position: absolute;
    .sparkBg("drawPage/turantable_box.png");
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;

    .turantable_box {
      position: relative;
    }

    .turantable_bg {
      width: 584px;
      height: 584px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("drawPage/turantable_bg.png");
    }

    .prize_item {
      width: 190px;
      height: 150px;
      color: rgba(248, 103, 89, 1);
      font-size: 28px;
      box-sizing: border-box;
      text-align: center;

      .prize_name {
        width: 100%;
        font-weight: bold;
        .lineClamp1();
      }

      .prize_img {
        width: 80px;
        height: 70px;
        object-fit: contain;
        margin-top: 10px;
      }
    }

    .pointer {
      position: absolute;
      left: 276px;
      top: 251px;
      width: 126px;
      height: 131px;
      position: absolute;
      .sparkBg("drawPage/pointer.png");
    }
  }

  .cover {
    left: 318px;
    top: 430px;
    width: 114px;
    height: 138px;
    position: absolute;
    .sparkBg("drawPage/cover.png");
    pointer-events: none;
  }
}