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

.redPackCountPanel {
  left: 82px;
  top: 320px;
  width: 585px;
  height: 656px;
  position: absolute;

  .bg {
    left: 0px;
    top: 0px;
    width: 585px;
    height: 656px;
    position: absolute;
    .sparkBg("redPackCountPanel/redPackCountPanelBg.png");
    // background-size: 585px 611px;
    // background-color: #ffffff;
    // border-radius: 36px;

  }

  .panel_time_box {
    position: absolute;
    width: 550px;
    height: 87px;
    left: 23px;
    top: 251px;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #d26654;

    span {
      margin: 0 2px;
    }

    .panel_time_num {
      display: inline-block;
      width: 60px;
      height: 80px;
      border-radius: 20px;
      color: rgb(255, 255, 255);
      font-weight: bold;
      text-align: center;
      font-size: 45px;
      line-height: 80px;
      .sparkBg("redPackCountPanel/numBg.png");
    }
  }

  .close {
    left: 264px;
    top: 756px;
    width: 58px;
    height: 58px;
    position: absolute;
    .sparkBg("redPackCountPanel/closeBtn.png");
  }

  .iknow {
    left: 38px;
    top: 504px;
    width: 510px;
    height: 138px;
    position: absolute;
    .sparkBg("redPackCountPanel/iknowBtn.png");
  }

}