.verticalCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 5px;
}

.name-wrapper>p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boxCol {
  display: flex;

  strong {
    width: 25%;
    text-align: right;
  }

  span {
    color: #999;
    width: 75%;
  }
}

.manage {
  height: calc(100% - 42px);
  display: flex;
  justify-content: flex-start;

  &__left {
    width: calc(100% - 200px);
  }
}

.groupLeft {
  width: 200px;
  height: 100%;
  background-color: #fff;

  &_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid rgb(236, 236, 236);
    background-color: #f8f8f8;

    &>div {
      font-size: 16px;
      font-weight: 600;
      padding: 0 10px;
    }
  }

  &_content {
    height: calc(100% - 50px);
    overflow-y: auto;

    &_item {
      &>.con {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 12px;
        box-sizing: border-box;
        height: 50px;
        border-bottom: 1px solid rgb(236, 236, 236);
        transition: .1s;
        box-sizing: border-box;
        cursor: pointer;
        border-right: 2px solid #fff;

        >.left {
          width: calc(100% - 45px);

          >div {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }

        >.right {
          width: 38px;
        }

        .title {
          color: #000;
          font-weight: 500;
        }

        .subTitle {
          font-size: 12px;
          color: rgb(122, 122, 122);
        }

        &:hover {
          background-color: #e6f7ff;
          border-right-color: #1890ff;

          .title {
            color: #1890ff;
          }

          .subTitle {
            color: #1890ff;
          }
        }

        &.select {
          background-color: #e6f7ff;
          border-right-color: #1890ff;

          .title {
            color: #1890ff;
          }

          .subTitle {
            color: #1890ff;
          }
        }
      }

      &>.edit {
        padding: 10px 12px;
        box-sizing: border-box;
        border-bottom: 1px solid rgb(236, 236, 236);

        // font-size: 12px;
        .ant-input-affix-wrapper {
          border-radius: 4px;
        }
      }
    }

  }
}


.dig {

  &_ul {
    padding: 0;
    margin-bottom: 0;

    &__li {
      padding: 4px 16px;
      box-sizing: border-box;
      cursor: pointer;

      &:hover {
        color: #1890ff;
      }
    }
  }

  .ant-popover-inner-content {
    padding: 0 0 8px 0;
  }
}