@import '@/styles/common.less';
@import '@/styles/variables.less';

.message-dialog {

  .title {
    font-size: 36px;
    line-height: 58px;
    font-weight: 500;
    color: @blColor;
  }

  .tips {
    font-size: 28px;
    line-height: 48px;
    font-weight: 400;
    text-align: left;
    color: @blColorG2;

    .highlight {
      display: inline;
      color: @blHighlightColor;
    }
  }

  &__help {
    .flex-column();

    &__title {
      .title();
    }

    &__body {
      margin-top: 24px
    }

    &__tips {
      .tips();

      .highlight {
        display: inline;
        color: @blHighlightColor;
      }
    }

    &__btn {
      .button(@width: 360px; @height: 72px; @fontSize: 28px; @borderRadius: 36px);
      margin-top: 24px;
    }
  }

  &__no-times {
    &__title {
      .title();
    }

    &__tips {
      .tips();
      margin-top: 24px;
    }

    &__body {
      width: 100%;
      .flex-column();
      padding: 40px 0;
      background: @blHighlightBg;
      margin-top: 20px;
    }

    &__times {
      font-size: 28px;
      line-height: 40px;
      font-weight: 400;
      color: #000000;
    }


    &__btn {
      .button(@width: 360px; @height: 72px; @fontSize: 28px; @borderRadius: 36px);
      margin-top: 24px;
    }
  }
}