.#{$popover-prefix-cls} {
  position: absolute;
  z-index: $zindex-popover;
  display: block;
  min-width: $popover-min-width;
  font-size: $font-size-sm;
  // Allow breaking very long words so they don't overflow the popover's bounds
  word-wrap: break-word;
  visibility: visible;
  @include popover-direction($popover-arrow-width,$popover-arrow-outer-width,$popover-arrow-outer-color);

  &-content {
    color: $popover-color;
    background-color: $popover-bg;
    background-clip: padding-box;
    @include border-radius($border-radius);
    @include box-shadow($popover-box-shadow);
    // border: 1px solid $popover-border-color;

    p {
      margin-bottom: 0;
    }

    .#{$popover-prefix-cls}-title {
      position: relative;
      padding: $popover-title-padding-y $popover-title-padding-x;
      margin: 0;
      font-size: $popover-title-font-size;
      font-weight: 500;
      text-align: left;
      border-bottom: 1px solid rgba(0, 0, 0, .09);
      min-height: $popover-title-height;
      line-height: initial;
      @include border-top-radius($border-radius);

      &:empty {
        display: none;
      }

      &-inner{
        font-size: inherit;
        color: inherit;
      }
    }

    .#{$popover-prefix-cls}-inner{
      width: 100%;
      padding: $popover-content-padding-y $popover-content-padding-x;
      word-wrap: break-word;
      background-color: $white;
      background-clip: padding-box;

      .#{$popover-prefix-cls}-body{
        font-size: $popover-body-font-size;

        &-content{
          overflow: auto;

          &-inner{
            font-size: inherit;
            color: inherit;
          }
        }
      }
      .#{$popover-prefix-cls}-footer {
        padding: $popover-title-padding-y 0 0;
      }
    }
  }

  // popover-arrow
  &-arrow{
    position: absolute;
    display: block;
    width: $popover-arrow-outer-width;
    height: $popover-arrow-outer-width;
    background: transparent;
    border-style: solid;
    border-width: $popover-arrow-outer-width / 2;
    transform: rotate(45deg);
    //border-width: $popover-arrow-outer-width;
    //
    //&,
    //&::after{
    //  position: absolute;
    //  display: block;
    //  width: 0;
    //  height: 0;
    //  border-color: transparent;
    //  border-style: solid;
    //}
    //
    //&::after{
    //  content: "";
    //  border-width: $popover-arrow-width;
    //}
  }

  &--confirm {
    max-width: $popover-max-width;

    .#{$popover-prefix-cls}-footer {
      display: flex;

      button {
        flex: 1 1 100%;

        &:not(:last-child) {
          margin-right: 10px;
        }
      }
    }
  }
}

// 触发器外框
.popover-wrap {
  display: inline-block;
}