.wrap {
  :global {
    .ant-collapse {
      background: transparent;
    }
    .ant-collapse-header {
      color: #2c7cf6 !important;
    }
    .ant-collapse-content,
    .ant-row {
      overflow: visible;
    }
  }
}
.roundColor {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
  vertical-align: -4px;
}
.roundBigColor {
  border: 2px solid transparent;
  padding: 3px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  float: left;
  cursor: pointer;
  span {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    vertical-align: -4px;
  }
  &:hover {
    border-color: #8ec5fd;
  }
  &.active {
    border-color: #3399ff !important;
  }
  + div {
    float: left;
    margin-left: 10px;
  }
}
.overflow {
  overflow: hidden;
}
.spaceBoxWrap {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 0 auto;
  cursor: pointer;
  overflow: hidden;
  span {
    background: #ddd;
    display: block;
    float: left;
  }
  &.larger {
    width: 32px;
    height: 32px;
    padding: 7px;
    span {
      width: 16px;
      height: 16px;
    }
  }
  &.normal {
    width: 26px;
    height: 26px;
    padding: 4px;
    margin-top: 6px;
    span {
      width: 16px;
      height: 16px;
    }
  }
  &.small {
    width: 16px;
    height: 16px;
    padding: 3px;
    margin-top: 16px;
    span {
      width: 8px;
      height: 8px;
    }
  }
  &:hover {
    border-color: #b8d6fc;
    > span {
      background: #b8d6fc;
    }
  }
  &.active {
    border-color: #3399ff !important;
    > span {
      background: #3399ff !important;
    }
  }

}
.title {
  text-align: center;
  line-height: 30px;
}
.borderBoxWrap {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 10px auto 0;
  width: 26px;
  height: 26px;
  cursor: pointer;
  &.none {
    border-radius: 0;
  }
  &.soft {
    border-radius: 5px;
  }
  &.rounded {
    border-radius: 50%;
  }
  &:hover {
    border-color: #b8d6fc;
    background: #b8d6fc;
  }
  &.active {
    border-color: #3399ff;
    background: #3399ff;
  }
}
