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

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

  .effect {
    position: absolute;
    left: 0;
    top: 170px;
    width: 750px;
    height: 1145px;
  }

  .bg {
    position: absolute;
    left: 99px;
    top: 250px;
    width: 553px;
    height: 859px;
    .sparkBg("RankPrizePop/bg.png")
  }

  .rankText {
    font-size: 30px;
    color: #333333;
    position: absolute;
    left: 0;
    top: 530px;
    text-align: center;
    width: 750px;
    .lineClamp1()
  }

  .prizeImg {
    border-radius: 37px;
    background-color: rgb(223, 185, 126);
    position: absolute;
    left: 245px;
    top: 590px;
    width: 261px;
    height: 261px;
  }

  .prizeText {
    font-size: 30px;
    color: #333333;
    position: absolute;
    left: 150px;
    top: 860px;
    text-align: center;
    width: 450px;
    .lineClamp1();
  }

  .happy {
    position: absolute;
    left: 228px;
    top: 928px;
    width: 310px;
    height: 95px;
    .sparkBg("RankPrizePop/btn.png")
  }

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