.jrMessageBox {
  font-weight: normal;
  z-index: 11;
  &.high-mask {
    z-index: 10000;
  }

  & > div {
    min-width: 360px;
    border-radius: $--border-radius-base;
    box-shadow: 0px 3px 18px 0px rgba($--color-c1, 0.4);
    &.dialog {
      max-width: 600px;
      text-align: center;
    }
  }

  .jr-pop-title {
    box-sizing: border-box;
    position: relative;

    h4 {
      border-radius: $--border-radius-base $--border-radius-base 0 0;
      background-color: $--color-c15;
      opacity: 0.96;
      color: $--color-c6;
      text-align: center;
      font-size: $--font-m;
      height: 36px;
      line-height: 36px;
      font-weight: normal;

      & + i {
        position: absolute;
        font-size: 30px;
        right: 4px;
        top: 4px;
        color: $--color-c6;

        &:hover {
          color: $--color-c19;
          cursor: pointer;
        }
      }
    }

    .visible {
      display: block;
    }

    .hidden {
      display: none;
    }
  }
}

.wrap {
  padding: 0 30px 30px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 50px;
  position: relative;

  .normalBox {
    & > div {
      @include center;

      // 确认类型弹窗
      &:first-child {
        font-size: 20px;
        line-height: 32px;
        padding: 54px 0 14px;

        // 非确认类型弹窗
        &.not-problem-type {
          padding: 54px 0 46px;
        }

        // 确认类型带描述
        &.wrap-has-desc {
          padding: 42px 0 0;
        }
      }

      // 描述
      &:nth-child(2) {
        @include removeSpace($--font-xs);
        font-weight: normal;
        padding: 12px 0 0;
      }
    }
  }

  &__desc {
    word-break: break-all;
  }

  .showBtn {
    margin-top: 30px;

    /deep/.jr-button-wrap {
      .jr-button {
        box-shadow: $--box-shadow-btn;
      }
    }
  }
}
