@import "../../res.less";
.rankprizepop {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .bg {
    width: 534px;
    height: 768px;
    left: 107px;
    top: 342px;
    position: absolute;
    .sparkBg("rankPrizePop/bg.png");
  }
  .close {
    width: 70px;
    height: 70px;
    left: 339px;
    top: 1131px;
    position: absolute;
    .sparkBg("rankPrizePop/close.png");
  }
  .btn {
    width: 349px;
    height: 90px;
    left: 200px;
    top: 946px;
    position: absolute;
    .sparkBg("rankPrizePop/btn.png");
  }
  .prizeitem {
    width: 610px;
    height: 572px;
    left: 140px;
    top: 472px;
    position: absolute;
    .prizelight {
      width: 610px;
      height: 572px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("rankPrizePop/prizelight.png");
    }
    .prizeimg {
      width: 245px;
      height: 245px;
      left: 109px;
      top: 155px;
      position: absolute;
      // .sparkBg("rankPrizePop/prizeImg.png");
      img{
        width: 245px;
        height: 245px;
        left: 0px;
        top: 0px;
        position: absolute;
        object-fit: contain;
      }
    }
  }
  .name {
    width: 504px;
    height: 33px;
    left: 122px;
    top: 887px;
    text-align: center;
    position: absolute;
    font-size: 35px;
    line-height: 33px;
    color: rgba(255, 255, 255, 1);
  }
  .ranklab {
    width: 504px;
    height: 37px;
    left: 122px;
    top: 548px;
    text-align: center;
    position: absolute;
    font-size: 35px;
    line-height: 37px;
    color: rgba(255, 255, 255, 1);
  }
  .tips {
    width: 504px;
    height: 23px;
    left: 122px;
    top: 1049px;
    text-align: center;
    position: absolute;
    opacity: 0.6;
    font-size: 23px;
    line-height: 23px;
    color: rgba(255, 255, 255, 1);
  }
}
