.efly-more-operate {
  display: inline-block;
  position: relative;

  .efly-more-operate-group {
    z-index: 1000;
    position: absolute;
    background: $color-white;
    border: 1px solid $color-border-base;

    .efly-more-operate-item {
      @include box();
      @include flex-align-center();
      position: relative;
      font-size: $font-small;
      min-width: 118px;
      height: 34px;
      cursor: pointer;
      padding: 0 $space-xs;
      @include box-sizing();

      .icon {
        @include box();
        @include flex-center();
        margin-right: $space-xs;
        font-size: $font-small;
      }

      &:disabled, &.disabled {
        cursor: not-allowed;
        color: #ccc;
      }

      &:hover {
        background: $color-more-operate-bg;
      }


      .efly-more-operate-second-content {
        display: none;
        position: absolute;
        background: $color-white;
        border: 1px solid $color-border-base;
      }
      .efly-tooltip-text {
        padding: 4px 10px;
      }
    }
  }

  &.efly-more-operate-box {

    > .efly-more-operate-group {
      background: $color-white;


      > .efly-more-operate-item {
        @include box();
        @include flex-align-start();
        height: auto;
        padding: 0 6px 0 20px;
        color: $color-primary;

        > span {
          @include box();
          @include flex-align-start();
          width: 130px;
          line-height: 34px;
        }

        >.icon{
          line-height: 34px;
        }

        &:hover {
          background: $color-white;
        }

        &:nth-child(even) {
          background: $color-more-operate-bg;

          &:hover {
            background: $color-more-operate-bg;
          }

          .efly-more-operate-group {
            background: $color-more-operate-bg;

            .efly-more-operate-item {
              &.disabled, &:disabled {
                background: $color-more-operate-bg;

                &:hover {
                  background: $color-more-operate-bg;
                }
              }
            }
          }
        }




        > .efly-more-operate-group {
          @include box();
          position: relative;
          border: none;
          width: 400px;
          flex-wrap: wrap;

          > .efly-more-operate-item {
            height: 34px;
            min-width: 100px;
            color: $color-text-primary;

            &:disabled, &.disabled {
              cursor: not-allowed;
              color: #ccc;

              &:hover{
                color: #ccc;
              }
            }

            &:hover {
              background: none;
              color: $color-primary;
            }

            .icon {
              display: none;
            }
          }
        }
      }
    }
  }
}