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

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

  .bg {
    position: absolute;
    left: 153px;
    top: 335px;
    width: 444px;
    height: 706px;
    .webpBg("SucPanel/bg.png");
  }

  .rank {
    font-size: 29px;
    color: rgb(255, 255, 255);
    position: absolute;
    left: 0;
    top: 424px;
    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: 555px;
    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: 32.34px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 682px;
    width: 100%;

    span {
      margin-left: 10px;
      font-size: 32.34px;
      text-shadow: 0 0 5px #f3d71a,
      0 0 5px #f3d71a,
      0 0 5px #f3d71a,
      0 0 10px #f3d71a,
      0 0 10px #f3d71a;
    }
  }

  .btn {
    position: absolute;
    left: 233px;
    top: 904px;
    width: 284px;
    height: 90px;
    .webpBg("SucPanel/btn.png");
  }

  .close {
    position: absolute;
    left: 341px;
    top: 1065px;
    width: 70px;
    height: 70px;
    .webpBg("SucPanel/close.png");
  }

}
