.permission-container {
  border: 1px solid $color-border-base;

  .permission-content {
    border-bottom: 1px solid $color-border-base;

    &:last-child{
      border-bottom: none;
    }
    .permission-header {
      @include box();
      @include flex-justify-between();
      @include flex-align-center();
      width: 100%;
      background: $color-more-operate-bg;
      height: 40px;
      padding: 0 $space-default 0 $space-mini;
      @include box-sizing();

      .icon-top-arrow,.icon-down-arrow{
        font-size: $font-small;
      }
    }

    .permission-box {
      line-height: $height-small;
      padding: 0 $space-default;
      @include box-sizing();

      .permission-box-header {
        padding-left: 11px;
        margin-top: 3px;
      }


    }
  }
}

.permission-detail {
  @include box();
  @include flex-wrap();
  @include box-sizing();
  width: 100%;

  .permission-item {
    line-height: $height-small;
    border-right: 1px solid $color-border-base;
    border-bottom: 1px solid $color-border-base;
    padding: 0 $space-mini;
    @include box-sizing();
  }

  &.permission-detail-two {
    .permission-item {
      width: 50%;

      &:nth-child(1), &:nth-child(2) {
        border-top: 1px solid $color-border-base;
      }

      &:nth-child(2n-1) {
        border-left: 1px solid $color-border-base;
      }
    }
  }

  &.permission-detail-four {
    .permission-item {
      width: 25%;

      &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4) {
        border-top: 1px solid $color-border-base;
      }

      &:nth-child(4n-3) {
        border-left: 1px solid $color-border-base;
      }
    }
  }
}