@import "../../res.less";
.prizepage {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  background-color: #a00200;
  .webpBg("PrizePage/bg.png");
  .prize_list {
    width: 683px;
    height: calc(100vh - 328px);
    left: 33px;
    top: 198px;
    bottom: 0px;
    position: fixed;
    overflow-y: auto;
    padding-right: 20px;
    .prize_item {
      width: 683px;
      height: 148px;
      left: 0px;
      top: 0px;
      position: relative;
      margin-bottom: 28px;
      .item_bg {
        width: 683px;
        height: 148px;
        left: 0px;
        top: 0px;
        position: absolute;
      }
      .item_time {
        width: 310px;
        height: 24px;
        left: 179px;
        top: 84px;
        position: absolute;
        font-size: 24px;
        line-height: 24px;
        color: rgba(149, 149, 149, 1);
      }
      .item_img {
        width: 120px;
        height: 120px;
        left: 23px;
        top: 14px;
        position: absolute;
        border-radius: 10px;
      }
      .item_name {
        width: 310px;
        height: 28px;
        left: 179px;
        top: 42px;
        position: absolute;
        font-size: 27px;
        line-height: 28px;
        color: rgba(18, 18, 18, 1);
        .lineClamp1();
      }
      .item_btn {
        width: 153px;
        height: 56px;
        left: 490px;
        top: 46px;
        position: absolute;
        .sparkBg("PrizePage/item_btn_bg.png");
        font-size: 25px;
        line-height: 25px;
        color: rgba(255, 255, 255, 1);
        .flex_center();
      }

      .item_received {
        width: 153px;
        height: 56px;
        left: 490px;
        top: 46px;
        position: absolute;
        .sparkBg("PrizePage/item_btn_bg2.png");
      }
    }
  }
  .empty {
    width: 271px;
    left: 188px;
    top: 381px;
    position: absolute;
    .empty_img {
      width: 271px;
      height: 190px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("PrizePage/empty_img.png");
    }
    .empty_text {
      width: 100%;
      height: 25px;
      left: 18px;
      top: 249px;
      position: absolute;
      font-size: 28px;
      line-height: 28px;
      color: #878686;
      text-align: center;
    }
  }
  .back {
    width: 18px;
    height: 32px;
    left: 30px;
    top: 53px;
    position: absolute;
    .sparkBg("PrizePage/back.png");
  }
}
