.zt-sortable-new {
  padding: 8px 0px;
  // height: 38px;
  line-height: 1.5;
  text-align: left;
  font-size: @font-size-text;
  cursor: move;
  overflow: hidden;
  height: auto;
  &.zt-sortable-new--active {
    background-color: #fcecc8;
    &:hover {
      background-color: #fcecc8;
    }
  }
  // border-bottom: 1px solid #f0f0f0;
  .zt-sortable--item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    span {
      white-space: break-spaces;
    }
  }
  .zt-sortable--children {
    display: flex;
    .zt-sortable-new {
      padding: 8px 26px;
      // border-top: 1px solid #f0f0f0;
      border-bottom: none;
    }
    span {
      white-space: break-spaces;
    }
  }
  &.no-move {
    cursor: no-drop;
  }
  .zt-checkbox {
    font-size: @font-size-text;
  }
  &:hover {
    background-color: rgb(235, 243, 254);
  }
}
.ztxk-dynamic--more {
  cursor: pointer;
  height: 20px;
}
.ant-dropdown-show-arrow.ztxk-dynamic--more--drop {
  padding-top: 0;
}
.ztxk-dynamic--more--drop.ant-dropdown-placement-bottomRight
  > .ant-dropdown-arrow {
  top: -5px;
}

.dynamic-drawer {
  .ant-drawer-header {
    padding: 10px 12px;
    .ant-drawer-title {
      > div {
        font-size: 16px;
        color: #768696;
        display: flex;
        align-items: center;
        .search-drawer--title-text {
          margin-left: 10px;
          font-size: 14px;
          > span {
            font-size: 13px;
          }
        }
      }
    }
  }
  .ant-drawer-body {
    padding: 0;
    .search-drawer--filter {
      height: 100%;
      display: flex;
      flex-direction: column;
      .search-drawer--template {
        height: 34px;
        display: flex;
        align-items: center;
        gap: 5px;
        > button {
          flex: 1;
          height: 30px;
        }
      }
      .search-drawer--filter-input {
        display: flex;
        align-items: center;
        .ant-input-group-wrapper.ant-input-search {
          width: 100%;
          .ant-input-wrapper {
            input {
              background: #f0f0f0;
              border: 0px;
              color: #333333;
              border-radius: 0 0 0 0;
              text-align: center;
              &:focus {
                outline: 0;
                box-shadow: none;
              }
            }
            .ant-input-group-addon {
              > button {
                background: #f0f0f0;
                border: 0px;
                height: 28px;
                border-radius: 0 0 0 0;
                outline: none;
              }
            }
          }
        }
        > .selector-all {
          border-radius: 0;
          border-right: 0;
        }
        > .selector-inverse {
          border-radius: 0;
        }
      }
      .ant-checkbox-group {
        flex: 1;
        overflow: auto;
      }
    }
    .ant-checkbox-group {
      width: 100%;
    }
  }
  .ant-drawer-footer {
    padding: 0;
    display: flex;
    justify-content: space-between;
    border-top: none;
    > button {
      width: 33%;
      height: 40px;
      border: none;
      border-radius: 0;
    }
  }
}
.dynamic-drawer-section-title {
  font-weight: bold;
  font-size: 14px;
  background: #f5f5f5;
  padding: 4px;
  border-radius: 6px;
}

// 模板设置样式
.dynamic-template--list {
  display: flex;
  flex-direction: column;
  .dynamic-template--item {
    display: flex;
    align-items: center;
    margin-top: 6px;
    padding: 4px 8px;
    cursor: pointer;
    &.dynamic-template--item-active {
      background-color: #e6f7ff;
    }
    .dynamic-template--item-title {
      flex: 1;
    }
  }
}
.dynamic-template-confirm--item-title {
  font-weight: 400;
}