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

.NoPrizeCard {
  position: absolute;
  left: 0;
  top: 0;
  width: 750px;
  height: 1624px;

  .bg {
    position: absolute;
    left: 63px;
    top: 256px;
    width: 623px;
    height: 1053px;
  }

  .picture {
    position: absolute;
    left: 148px;
    top: 495px;
    width: 473px;
    height: 725px;
    .sparkBg("NoPrizeCard/picture.png");
    .fade-in;
  }

  .text {
    position: absolute;
    left: 270px;
    top: 1074px;
    width: 215px;
    height: 115px;
    .fade-in;
  }

  .prodSwiper {
    position: absolute;
    left: 148px;
    top: 0px;
    width: 452px;
    height: 1258px;
    transition: transform 288ms linear;
    transition-delay: 288ms;
    .fade-in;

    .prodItem {
      display: flex;
      align-items: center;
      justify-content: center;

      .line {
        position: absolute;
        left: 5px;
        top: 1035px;
        width: 438px;
        height: 2px;
        .sparkBg("NoPrizeCard/line.png")
      }

      .picture2 {
        position: absolute;
        left: 0px;
        top: 495px;
        width: 452px;
        height: 499px;
        border-radius: 18px;
        .sparkBg("NoPrizeCard/picture2.png")
      }      

      .txt {
        font-size: 23px;
        color: rgb(42, 98, 23);
        line-height: 1.391;
        text-align: left;
        position: absolute;
        top: 1088px;
        width: 417px;
        height: 86px;
        overflow-y: auto;
      }      
    }
  }

  .exchange1 {
    position: absolute;
    left: 279px;
    top: 1252px;
    width: 191px;
    height: 29px;
    .sparkBg("NoPrizeCard/exchange.png")
  }

  // .exchange2 {
  //   position: absolute;
  //   left: 302px;
  //   top: 1252px;
  //   width: 134px;
  //   height: 29px;
  //   .sparkBg("NoPrizeCard/exchange2.png")
  // }

  .close {
    position: absolute;
    left: 345px;
    top: 1332px;
    width: 60px;
    height: 60px;
    .sparkBg("common/closeBtn.png")
  }
}