.selectCategoryComponents {
  position: relative;
  width: 1160px;
}
.selectCategoryComponents .historyListWrap {
  width: 100%;
  margin: 4px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
}
.selectCategoryComponents .historyListWrap .item {
  padding: 1px 8px;
  background: #F2F2F2;
  border-radius: 2px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  margin-right: 8px;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.selectCategoryComponents .historyListWrap .item:last-child {
  margin-right: 0;
}
.selectCategoryComponents .historyListWrap .item.hidden {
  display: none;
}
.selectCategoryComponents .historyListWrap .item:hover {
  background-color: #e4e4e4;
}
.selectCategoryComponents .flex {
  display: flex;
}
.selectCategoryComponents .selectBox {
  width: 100%;
  margin-top: 0;
}
.selectCategoryComponents .selectBox.marginTop {
  margin-top: 8px;
}
.selectCategoryComponents .cateError {
  font-size: 12px;
  color: #DD4B1A;
  position: absolute;
  left: 0;
  top: 100%;
}
.selectCategoryComponents .selectCategoryMain {
  flex: 1;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  position: relative;
  padding: 1px 50px 0 12px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
  overflow: hidden;
}
.selectCategoryComponents .selectCategoryMain:hover {
  border-color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryMain.disableBg {
  background: #fafafa;
  cursor: not-allowed;
}
.selectCategoryComponents .selectCategoryMain.disableBg:hover {
  border-color: #D9D9D9;
}
.selectCategoryComponents .selectCategoryMain.errorBorder {
  border-color: #DD4B1A;
}
.selectCategoryComponents .selectCategoryMain.errorBorder:hover {
  border-color: #DD4B1A;
}
.selectCategoryComponents .selectCategoryMain .inputStyle {
  width: 100%;
  height: 100%;
  position: relative;
  border: none !important;
}
.selectCategoryComponents .selectCategoryMain .inputStyle::placeholder {
  font-size: 14px;
  color: #999999;
}
.selectCategoryComponents .selectCategoryMain .inputStyle.searchInput {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.selectCategoryComponents .selectCategoryMain .inputStyle.searchInput:read-only {
  cursor: pointer;
}
.selectCategoryComponents .selectCategoryMain .selectCategroyNames {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectCategoryComponents .selectCategoryMain .clearBtn {
  width: 16px;
  height: 16px;
  background: #D8D8D8;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectCategoryComponents .selectCategoryMain .clearBtn .iconguanbi1 {
  font-size: 7px;
  color: #ffffff;
}
.selectCategoryComponents .selectCategoryMain .iconzhankai2 {
  font-size: 10px;
  color: #999999;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.selectCategoryComponents .reselectBtn {
  margin-left: 10px;
  background: var(--color-theme-1);
  color: var(--color-font-4);
  border-radius: 4px;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  cursor: pointer;
}
.selectCategoryComponents .reselectBtn:hover {
  background: var(--color-theme-1-1);
  color: var(--color-font-4);
}
.selectCategoryComponents .selectCategoryDropDownBox {
  max-width: 1160px;
  height: 308px;
  max-height: 308px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  cursor: pointer;
  overflow: auto;
}
.selectCategoryComponents .selectCategoryDropDownBox .cateLevelList {
  width: auto;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: start;
  overflow-x: auto;
  padding-bottom: 2px;
}
.selectCategoryComponents .selectCategoryDropDownBox .cateLevelList::-webkit-scrollbar {
  width: 100%;
  height: 4px;
}
.selectCategoryComponents .selectCategoryDropDownBox .cateLevelList::-webkit-scrollbar-thumb {
  width: 10px;
  height: 4px;
  background: #888;
  border-radius: 10px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem {
  width: 200px;
  height: 100%;
  border-right: 1px solid #eeeeee;
  position: relative;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem.paddingBottom32 {
  padding-bottom: 32px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem.paddingBottom60 {
  padding-bottom: 60px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList {
  height: 100%;
  overflow-x: hidden;
  overflow-y: overlay;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList::-webkit-scrollbar {
  display: none;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 6px 0 9px;
  cursor: pointer;
  background: #ffffff;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .categoryNameText {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  font-size: 14px;
  color: #666666;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .iconfont {
  font-size: 14px;
  color: #666666;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .categoryNameText,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .iconfont {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected {
  background: rgba(255, 119, 0, 0.2);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .iconfont {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.disabledCate {
  pointer-events: none;
  opacity: 0.5;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .cj-tooltip .cj-tooltip-padding,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName .cj-tooltip-fixed .cj-tooltip-padding {
  width: 100%;
  word-break: break-word;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.firstOption .cj-tooltip .cj-tooltip-padding,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.firstOption .cj-tooltip-fixed .cj-tooltip-padding {
  width: 100%;
  top: 18px;
  padding-bottom: 0;
  padding-top: 13px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.firstOption .cj-tooltip .cj-tooltip-padding::after,
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.firstOption .cj-tooltip-fixed .cj-tooltip-padding::after {
  bottom: calc(100% - 13px);
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #000 transparent;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox {
  width: 100%;
  height: 32px;
  position: absolute;
  bottom: 0;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
  display: flex;
  align-items: center;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .addCategoryBtn {
  width: 152px;
  height: 24px;
  background: #F9F9F9;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  text-align: center;
  font-size: 14px;
  color: #999999;
  cursor: pointer;
  margin-left: 8px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .addCategoryBtn .iconfont {
  margin-right: 6px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .addCategoryBtn:hover {
  color: var(--color-theme-1);
  border-color: var(--color-theme-1);
  background-color: rgba(255, 119, 0, 0.1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync {
  font-size: 16px;
  color: #999999;
  cursor: pointer;
  margin-left: 14px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync:hover {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync.cj-tooltip .cj-tooltip-padding {
  left: -6px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync.cj-tooltip .cj-tooltip-padding::after {
  left: 41px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox {
  width: 100%;
  padding: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 4px 4px;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .inputCategory {
  display: inline-block;
  width: 100%;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox {
  text-align: right;
  font-size: 12px;
  margin-top: 4px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .cancelBtn {
  color: #999999;
  cursor: pointer;
  margin-right: 16px;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .cancelBtn:hover {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .confirmBtn {
  color: var(--color-theme-1);
  cursor: pointer;
}
.selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .confirmBtn:hover {
  color: var(--color-theme-1-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap {
  width: 1160px;
  height: 100%;
  overflow-y: scroll;
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem {
  padding: 6px 12px;
  background: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem .cateItem {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem .cateItem .highlight {
  color: var(--color-theme-1);
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem:hover,
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem.active {
  background-color: var(--color-theme-1-opacity20);
}
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem:hover .cateItem,
.selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem.active .cateItem {
  color: #333333;
}
.selectCategoryComponents .selectCategoryDropDownBox .categoryNodata {
  width: 1160px;
  height: 100%;
  background: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.selectCategoryComponents .selectCategoryDropDownBox .categoryNodata img {
  width: 64px;
  height: 64px;
}
.selectCategoryComponents .selectCategoryDropDownBox .categoryNodata .noDataText {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.vip .selectCategoryComponents .selectCategoryMain:hover {
  border-color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryMain.disableBg:hover {
  border-color: #D9D9D9;
}
.vip .selectCategoryComponents .selectCategoryMain.errorBorder:hover {
  border-color: #DD4B1A;
}
.vip .selectCategoryComponents .reselectBtn {
  background: var(--color-theme-2-vip);
  color: var(--color-font-1);
  border-color: var(--color-theme-2-vip);
}
.vip .selectCategoryComponents .reselectBtn:hover {
  color: var(--color-font-1);
  background-color: var(--color-theme-2-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .categoryNameText,
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName:hover .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected {
  background: var(--color-theme-1-vip-opacity10);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .categoryNameText,
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .categoryList .categoryName.selected .iconfont {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .addCategoryBtn:hover {
  color: var(--color-theme-1-vip);
  border-color: var(--color-theme-1-vip);
  background-color: var(--color-theme-1-vip-opacity10);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addNewBox .sync:hover {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .cancelBtn:hover {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .selectCategoryDropDownItem .addCategoryBox .addCategoryBtnBox .confirmBtn:hover {
  color: var(--color-theme-1-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem .cateItem .highlight {
  color: var(--color-theme-1-vip);
}
.vip .selectCategoryComponents .selectCategoryDropDownBox .searchCateWrap .searchList .searchItem:hover {
  background-color: var(--color-theme-1-vip-opacity20);
}