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

.finish_challenge {
  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;
  }

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

  .bg {
    width: 697px;
    height: 792px;
    left: 27px;
    top: 376px;
    position: absolute;
    .sparkBg("finish_challenge/bg.png");
  }

  .title {
    width: 580px;
    height: 93px;
    left: 59px;
    top: 267px;
    position: absolute;
    .sparkBg("finish_challenge/title.png");
  }

  .tip {
    width: 697px;
    height: 40px;
    left: 27px;
    top: 450px;
    text-align: center;
    position: absolute;
    font-size: 41px;
    line-height: 40px;
    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: 1224px;
    top: 1180px;
    position: absolute;
    .sparkBg("finish_challenge/close.png");
  }

  .happy {
    width: 420px;
    height: 123px;
    left: 164px;
    top: 910px;
    position: absolute;
    .sparkBg("finish_challenge/happy.png");
  }

  .icon {
    width: 272px;
    height: 272px;
    left: 238px;
    top: 527px;
    position: absolute;
    .sparkBg("finish_challenge/icon.png");
  }

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