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

.MyPrize {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;

  .MyPrizeBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 750px;
    height: 1624px;
    .webpBg("common/bg.jpg");
  }

  .MyPrizeTitle {
    position: absolute;
    left: 182px;
    top: 208px;
    width: 386px;
    height: 127px;
    .webpBg("MyPrize/我的奖品.png");
  }

  .MyPrizeBack {
    position: absolute;
    left: 0;
    top: 208px;
    width: 112px;
    height: 60px;
    .webpBg("common/返回.png");
    transform-origin: center left !important;
  }

  .prizeList {
    position: absolute;
    left: 57px;
    top: 425px;
    width: 631px;
    height: calc(100% - 425px);
    overflow: hidden auto;

    .prizeItem {
      position: relative;
      width: 631px;
      height: 186px;
      margin-bottom: 46px;
      .webpBg("MyPrize/itemBg.png");

      .prizeImg {
        position: absolute;
        left: 40px;
        top: 40px;
        width: 110px;
        height: 110px;
        border-width: 1px;
        border-color: rgb(105, 40, 11);
        border-style: solid;
        border-radius: 11px;
        background-color: rgb(255, 255, 255);
      }

      .prizeName {
        font-size: 32px;
        color: rgb(105, 40, 11);
        text-align: left;
        position: absolute;
        left: 200px;
        top: 50px;
        width: 330px;
        font-weight: bold;
        .lineClamp1();
      }

      .getTime {
        font-size: 24.414px;
        color: rgb(105, 40, 11);
        text-align: left;
        position: absolute;
        left: 200px;
        top: 110px;
      }
    }
  }

  .nothing {
    position: absolute;
    left: 220px;
    top: 200px;
    width: 194px;
    height: 326px;
    .sparkBg("MyPrize/nothing.png")
  }
}
