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

.finish_task {
  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: 1589px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("finish_task/dongxiao.png");
  }

  .bg {
    width: 580px;
    height: 368px;
    left: 86px;
    top: 623px;
    position: absolute;
    .sparkBg("finish_task/bg.png");
  }

  .line {
    width: 327px;
    height: 22px;
    left: 209px;
    top: 711px;
    position: absolute;
    .sparkBg("finish_task/line.png");
  }

  .title {
    width: 580px;
    height: 53px;
    left: 86px;
    top: 671px;
    text-align: center;
    position: absolute;
    font-size: 53px;
    line-height: 53px;
    font-family: "zzgfyht";


    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;
  }

  .tip1 {
    width: 580px;
    height: 38px;
    left: 86px;
    top: 755px;
    position: absolute;
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    color: rgba(32, 16, 3, 1);
    .lineClamp1();
  }
  .tip2 {
    width: 580px;
    height: 38px;
    left: 86px;
    top: 805px;
    position: absolute;
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    color: rgba(32, 16, 3, 1);
    .lineClamp1();
  }

  .know {
    width: 280px;
    height: 69px;
    left: 235px;
    top: 869px;
    position: absolute;
    .sparkBg("finish_task/know.png");
  }

  .ribbon {
    width: 682px;
    height: 346px;
    left: 18px;
    top: 563px;
    position: absolute;
    .sparkBg("finish_task/ribbon.png");
  }
  .ditu {
    width: 684px;
    height: 150px;
    left: 33px;
    top: 1300px;
    position: absolute;
    .sparkBg("finish_task/ditu.png");
  }
}