@import "../../res.less";
.prizepage {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("prizePage/bg.png");
  }
  .title {
    left: 252px;
    top: 158px;
    width: 244px;
    height: 59px;
    position: absolute;
    .sparkBg("prizePage/title.png");
  }
  .prize_list {
    width: 690px;
    // height: 641px;
    height: calc(100vh - 270px);
    left: 29px;
    top: 267px;
    position: absolute;
    padding-right: 20px;
    overflow-y: auto;
    .prize_item {
      width: 688px;
      height: 150px;
      position: relative;
      .sparkBg("prizePage/prize_item_bg.png");
      margin-bottom: 16px;
      .prize_btn {
        width: 23px;
        height: 34px;
        left: 618px;
        top: 58px;
        position: absolute;
        .sparkBg("prizePage/prize_btn.png");
      }
      .prize_name {
        width: 440px;
        height: 32px;
        left: 176px;
        top: 59px;
        position: absolute;
        font-size: 32px;
        line-height: 32px;
        color: rgb(51, 51, 51);
        font-weight: bold;
        .lineClamp1();
      }
      .prize_img {
        width: 114px;
        height: 114px;
        left: 20px;
        top: 18px;
        position: absolute;
        .sparkBg("prizePage/prize_img.png");
      }
    }
  }
  .back {
    left: 29px;
    top: 147px;
    width: 64px;
    height: 64px;
    position: absolute;
    .sparkBg("prizePage/back.png");
  }
}
