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

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

  .bg {
    left: 82px;
    top: 464px;
    width: 585px;
    height: 695px;
    position: absolute;
    .sparkBg("tipsPop/bg.png");
  }

  .text {
    font-size: 28px;
    color: rgb(0, 0, 0);
    line-height: 1.607;
    position: absolute;
    left: 130px;
    top: 590px;
    width: 510px;
    height: 73px;
    font-weight: bold;

    .date {
      color: #ee4e32;
    }
  }

  .tips {
    font-size: 22px;
    color: rgb(135, 135, 135);
    line-height: 2.045;
    text-align: center;
    position: absolute;
    left: 132px;
    top: 702px;
  }
  
  .code_bg {
    left: 275px;
    top: 762px;
    width: 201px;
    height: 201px;
    position: absolute;
    .sparkBg("tipsPop/code_bg.png");

    .code_img {
      width: 197px;
      height: 197px;
      position: absolute;
      left: 2px;
      top: 2px;
      border-radius: 14px;
    }
  }

  .btn {
    left: 120px;
    top: 991px;
    width: 510px;
    height: 138px;
    position: absolute;
    .sparkBg("tipsPop/confirm_btn.png");
  }

  .close {
    width: 60px;
    height: 60px;
    left: 345px;
    top: 1248px;
    position: absolute;
    .sparkBg("common/close.png");
  }
}
