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

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

  .after {
    position: absolute;
    left: 20px;
    top: 270px;
    width: 701px;
    height: 1014px;
  }

  .picture {
    position: absolute;
    left: 49px;
    top: 252px;
    width: 653px;
    height: 888px;
    .sparkBg("NoPrizeCard/picture.png");
  }

  .afterBg {
    position: absolute;
    left: 49px;
    top: 252px;
    width: 653px;
    height: 888px;
    .sparkBg("NoPrizeCard/afterBg.png");
  }

  .text {
    position: absolute;
    left: 275px;
    top: 976px;
    width: 215px;
    height: 115px;
    // .fade-in;
  }

  .prodSwiper {
    position: absolute;
    left: 155px;
    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;
        top: 430px;
        width: 452px;
        height: 499px;
        border-radius: 18px;
        .sparkBg("NoPrizeCard/picture2.png")
      }      

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

  .exchange1 {
    position: absolute;
    left: 302px;
    top: 1160px;
    width: 133px;
    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: 1276px;
    width: 64px;
    height: 64px;
    .sparkBg("NoPrizeCard/close.png")
  }
}