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

.pagebox {
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  position: absolute;
  overflow: hidden;
}

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

  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("prizePage/bg.png");
  }

  .back {
    width: 62px;
    height: 61px;
    left: 28px;
    top: 143px;
    position: absolute;
    .sparkBg("prizePage/back.png");
  }

  .prizelist {
    width: 632px;
    height: 139px;
    left: 59px;
    top: 303px;
    position: absolute;

    .item {
      width: 632px;
      height: 139px;
      left: 0px;
      top: 0px;
      position: relative;
      display: block;
      margin-bottom: 20px;

      .itembg {
        width: 632px;
        height: 139px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("prizePage/itembg.png");
      }

      .gobtn {
        width: 15px;
        height: 30px;
        left: 574px;
        top: 54px;
        position: absolute;
        .sparkBg("prizePage/gobtn.png");
      }

      .prizename {
        width: 388px;
        height: 50px;
        left: 176px;
        top: 57px;
        position: absolute;
        font-size: 26px;
        line-height: 26px;
        color: rgba(149, 96, 30, 1);
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .prizebg {
        width: 111px;
        height: 111px;
        left: 33px;
        top: 14px;
        position: absolute;
        .sparkBg("prizePage/prizebg.png");
      }
    }
  }
}