@import "../../style/var.less";
.inform-container {
  background-color: @white;
  padding-top: 15px;
  overflow: hidden;
  &::after {
    content: " ";
    display: block;
    height: 60px;
  }
}
.inform {
  &-notice {
    width: calc(100% - 60px);
    margin: 0 auto;
    background: rgba(255, 235, 222, 1);
    border-radius: 15px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    .cr-tag {
      width: 18px;
      padding: 1px 3px 2px !important;
    }
    &-content {
      margin-left: 8px;
      font-size: @font-size-11;
      color: @orange-dark;
      line-height: @line-height-sm;
    }
  }
  &-content {
    &-title {
      strong {
        color: @orange-dark;
      }
    }
    @{deep} .card-body {
      padding: 20px 20px 11px 20px;
      background-color: @gray-1;
      border-radius: @border-radius-md;
      font-size: @font-size-12;
      color: @black;
      line-height: @line-height-sm + 2;
      margin-bottom: 0;
    }
  }
  &-btns {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    .cr-button {
      flex: 1;
      border-radius: 0 !important;
      height: 60px;
      line-height: 60px;
      border-width: 0;
    }
  }
}
