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

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

  .bg {
    position: absolute;
    left: 101px;
    top: 402px;
    width: 539px;
    height: 720px;
    .webpBg("PrizePanel/bg.png");
  }

  .btn {
    position: absolute;
    left: 157px;
    top: 985px;
    width: 426px;
    height: 86px;
    .webpBg("PrizePanel/btn.png");
  }

  .img {
    border-radius: 22px;
    background-color: white;
    position: absolute;
    left: 265px;
    top: 689px;
    width: 220px;
    height: 220px;
  }

  .prizeName {
    font-size: 25px;
    color: #7d7d7d;
    text-align: center;
    position: absolute;
    left: 100px;
    width: 550px;
    top: 928px;
    .lineClamp1();
  }

  .tips  {
    width: 100%;
    font-size: 17px;
    color: #91794d;
    line-height: 17px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 1089px;
    text-align: center;
  }

  .close {
    position: absolute;
    left: 346px;
    top: 1161px;
    width: 58px;
    height: 58px;
    .webpBg("common/close.png");
  }
}
