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

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

  .bg {
    position: absolute;
    left: 82px;
    top: 348px;
    width: 585px;
    height: 671px;
    .webpBg("PrizePanel/bg.png");
  }

  .bg2 {
    position: absolute;
    left: 82px;
    top: 348px;
    width: 585px;
    height: 671px;
    .webpBg("PrizePanel/bg2.png");
  }

  .btn {
    position: absolute;
    left: 120px;
    top: 811px;
    width: 510px;
    height: 138px;
    .webpBg("PrizePanel/btn.png");
  }

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

  .prizeName {
    font-size: 28px;
    color: rgb(1, 1, 1);
    text-align: center;
    position: absolute;
    left: 100px;
    width: 550px;
    top: 740px;
    .lineClamp1();
  }

  .tips  {
    width: 100%;
    font-size: 24px;
    color: rgba(1, 1, 1, 0.6);
    line-height: 4.284;
    text-align: center;
    position: absolute;
    left: 0;
    top: 920px;
    text-align: center;
  }

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