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

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

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

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

  .title {
    width: 480px;
    height: 61px;
    left: 134px;
    top: 661px;
    position: absolute;
    .sparkBg("fail_challenge/title.png");
  }

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

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

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

  .ribbon {
    width: 674px;
    height: 308px;
    left: 36px;
    top: 590px;
    position: absolute;
    .sparkBg("fail_challenge/ribbon.png");
  }
}