@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("MyPrize/bg.png");
  }

  .MyPrizeTitle {
    position: absolute;
    left: 231px;
    top: 98px;
    width: 289px;
    height: 70px;
    .webpBg("MyPrize/我的奖品.png");
  }

  .MyPrizeBack {
    position: absolute;
    left: 20px;
    top: 110px;
    width: 28px;
    height: 43px;
    .webpBg("MyPrize/返回.png");
    transform-origin: center left !important;
  }

  .ditu {
    width: 684px;
    height: 150px;
    left: 33px;
    // top: 1450px;
    bottom: 30px;
    position: fixed;
    .sparkBg("choice_challenge/ditu.png");
  }

  .prizeList {
    position: fixed;
    left: 38px;
    top: 260px;
    width: 675px;
    // height: 1180px;
    bottom: 200px;
    overflow-y: auto;
    overflow-x: hidden;

    .prizeItem {
      position: relative;
      width: 675px;
      height: 149px;
      margin-top: 20px;
      .webpBg("MyPrize/itemBg.png");

      .use {
        position: absolute;
        width: 141px;
        height: 44px;
        left: 520px;
        top: 53px;
        .webpBg("MyPrize/use.png");
      }

      .yifafang {
        position: absolute;
        width: 178px;
        height: 44px;
        left: 490px;
        top: 53px;
        text-align: center;
        line-height: 44px;
        .webpBg("MyPrize/已发放.png");
      }

      .bufa {
        position: absolute;
        width: 141px;
        height: 44px;
        left: 520px;
        top: 53px;
        text-align: center;
        line-height: 44px;
        .webpBg("MyPrize/补发红包.png");
      }

      .fafangzhong {
        position: absolute;
        width: 141px;
        height: 44px;
        left: 520px;
        top: 53px;
        text-align: center;
        line-height: 44px;
        .webpBg("MyPrize/发放中.png");
      }

      .shibai {
        position: absolute;
        width: 178px;
        height: 44px;
        left: 490px;
        top: 53px;
        text-align: center;
        line-height: 44px;
        .webpBg("MyPrize/发放失败.png");
      }

      .prizeImg {
        position: absolute;
        left: 30px;
        top: 20px;
        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: 28px;
        color: rgb(105, 40, 11);
        text-align: left;
        position: absolute;
        left: 168px;
        top: 40px;
        width: 330px;
        // font-weight: bold;
        .lineClamp1();
      }

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

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