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

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

  /* 定义字体 */
  @font-face {
    font-family: "zzgfyht";
    src: url('/src/assets/font/zzgfyht.ttf') format('truetype');
    // font-display: swap;
  }

  .bg {
    width: 649px;
    height: 741px;
    left: 39px;
    top: 408px;
    position: absolute;
    .sparkBg("consume_qg/bg.png");
  }

  .tile {
    width: 365px;
    height: 107px;
    left: 160px;
    top: 308px;
    position: absolute;
    .sparkBg("consume_qg/tile.png");
  }

  .tip1 {
    width: 649px;
    height: 50px;
    left: 50px;
    top: 491px;
    text-align: center;
    position: absolute;
    font-size: 48px;
    line-height: 48px;
    font-family: "zzgfyht";
    .lineClamp1();

    background: linear-gradient(to right,
        rgb(79, 12, 29),
        rgba(132, 20, 57, 0.76));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .tip2 {
    width: 649px;
    height: 50px;
    left: 39px;
    top: 550px;
    text-align: center;
    position: absolute;
    font-size: 48px;
    line-height: 48px;
    font-family: "zzgfyht";
    .lineClamp1();

    background: linear-gradient(to right,
        rgb(79, 12, 29),
        rgba(132, 20, 57, 0.76));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .close {
    width: 79px;
    height: 79px;
    left: 336px;
    // top: 1205px;
    top: 1180px;
    position: absolute;
    .sparkBg("consume_qg/close.png");
  }

  .clock {
    width: 420px;
    height: 123px;
    left: 164px;
    top: 956px;
    position: absolute;
    .sparkBg("consume_qg/clock.png");
  }

  .icon {
    width: 306px;
    height: 202px;
    left: 221px;
    top: 628px;
    position: absolute;
    .sparkBg("consume_qg/icon.png");
  }

  .ditu {
    width: 684px;
    height: 150px;
    left: 33px;
    top: 1300px;
    position: absolute;
    .sparkBg("consume_qg/ditu.png");
  }
}