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

.PrizePage {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;

  display: flex;
  align-items: center;
  justify-content: center;

  .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1624px;

    .webpBg("PrizePage/我的奖品.jpg");
    background-size: 750px 1746px;
    background-position: left top;
  }

  .listNone {
    position: absolute;
    left: 223px;
    top: 466px;
    width: 271px;
    height: 264px;
    .webpBg("PrizePage/空状态.png");
  }

  .prizeList {
    position: absolute;
    left: 19px;
    top: 140px;
    width: 713px;
    height: 1330px;
    overflow-x: hidden;
    overflow-y: auto;

    .prizeItem {
      position: relative;
      width: 713px;
      height: 146px;

      .itemImg {
        border-radius: 20px;
        background-color: #f0f0f0;
        position: absolute;
        left: 31px;
        top: 16px;
        width: 110px;
        height: 110px;
      }

      .itemName {
        font-size: 30px;
        color: #262626;
        position: absolute;
        width: 350px;
        left: 164px;
        top: 39px;
        font-weight: bold;
        .lineClamp1();
      }

      .itemDate {
        position: absolute;
        left: 164px;
        top: 80px;
        font-size: 24px;
        color: rgb(133, 133, 133);
      }

      .itemBtn {
        position: absolute;
        left: 530px;
        top: 37px;
        width: 157px;
        height: 64px;
        .webpBg("ResPage/去查看.png");
      }

      .itemBtnEd {
        position: absolute;
        left: 530px;
        top: 37px;
        width: 157px;
        height: 64px;
        .webpBg("ResPage/已使用.png");
      }

    }

  }

  .backBtn {
    position: absolute;
    left: 28px;
    top: 58px;
    width: 18px;
    height: 32px;
    .webpBg("ResPage/backBtn.png");
  }

}
