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

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

  .bg {
    position: absolute;
    left: 151px;
    top: 447px;
    width: 444px;
    height: 560px;
    .webpBg("FailPanel/bg.png");
  }

  .rank {
    font-size: 29px;
    color: rgb(255, 255, 255);
    line-height: 0.805;
    position: absolute;
    left: 0;
    top: 542px;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 5px #16c8c2,
    0 0 5px #16c8c2,
    0 0 5px #16c8c2,
    0 0 10px #16c8c2,
    0 0 10px #16c8c2,
    0 0 20px #16c8c2;
  }

  .score {
    font-size: 96.09px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 0;
    top: 672px;
    width: 100%;
    text-shadow: 0 0 5px #f3d71a,
    0 0 5px #f3d71a,
    0 0 5px #f3d71a,
    0 0 10px #f3d71a,
    0 0 10px #f3d71a;

    span {
      font-size: 32.34px;
    }
  }

  .tip {
    color: rgb(255, 255, 255);
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 800px;
    width: 100%;
    line-height: 33px;

    span {
      font-size: 26px;
      color: #f3c81b;
    }
  }

  .btn {
    position: absolute;
    left: 214px;
    top: 887px;
    width: 318px;
    height: 80px;
    .webpBg("FailPanel/btn.png");
  }

  .close {
    position: absolute;
    left: 340px;
    top: 1023px;
    width: 70px;
    height: 70px;
    .webpBg("FailPanel/close.png");
  }

}
