.weda-ui-custom-search {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 8px 16px;
}

.weda-ui-custom-search-box {
  display: flex;
  align-items: center;
  flex: 1 1 0px;
  background-color: #f1f2f5;
  border-radius: 4px;
  height: 100%;
  position: relative;
  transition: all 0.5s linear;
}

.weda-ui-custom-search .weda-ui-input {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 16px;
  line-height: 24px;
  background-color: inherit;
  padding: 0 40px 0 40px;
  caret-color: #0052d9;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}

.weda-ui-custom-search-box__label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.4);
}

.weda-ui-custom-search-box__search-icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljc2NTUgMTUuMzI3OUMxMy41Mzc4IDE2LjMyMjEgMTEuOTc0MSAxNi45MTc2IDEwLjI3MTQgMTYuOTE3NkM2LjMyNDUzIDE2LjkxNzYgMy4xMjUgMTMuNzE4MSAzLjEyNSA5Ljc3MTMyQzMuMTI1IDUuODI0NTEgNi4zMjQ1MyAyLjYyNSAxMC4yNzE0IDIuNjI1QzE0LjIxODIgMi42MjUgMTcuNDE3NyA1LjgyNDUxIDE3LjQxNzcgOS43NzEzMkMxNy40MTc3IDExLjQ3NDEgMTYuODIyMSAxMy4wMzc4IDE1LjgyOCAxNC4yNjU1TDIxLjEyNSAxOS41NjI1TDIwLjA2MjYgMjAuNjI1TDE0Ljc2NTUgMTUuMzI3OVpNMTUuOTE1MiA5Ljc3MTMyQzE1LjkxNTIgNi42NTQzNCAxMy4zODg0IDQuMTI3NTIgMTAuMjcxNCA0LjEyNzUyQzcuMTU0MzUgNC4xMjc1MiA0LjYyNzUyIDYuNjU0MzQgNC42Mjc1MiA5Ljc3MTMyQzQuNjI3NTIgMTIuODg4MyA3LjE1NDM1IDE1LjQxNTEgMTAuMjcxNCAxNS40MTUxQzEzLjM4ODQgMTUuNDE1MSAxNS45MTUyIDEyLjg4ODMgMTUuOTE1MiA5Ljc3MTMyWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC40Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
}

.weda-ui-custom-search-box__dismiss-icon {
  position: absolute;
  right: 12px;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjUgMTJDMjIuNSA2LjIwMTAxIDE3Ljc5OSAxLjUgMTIgMS41QzYuMjAxMDEgMS41IDEuNSA2LjIwMTAxIDEuNSAxMkMxLjUgMTcuNzk5IDYuMjAxMDEgMjIuNSAxMiAyMi41QzE3Ljc5OSAyMi41IDIyLjUgMTcuNzk5IDIyLjUgMTJaTTguNTA2MzYgNy40MjEzMUwxMiAxMC45MzYxTDE1LjQ5MzcgNy40MjEzMUwxNi41NTc1IDguNDc4NzZMMTMuMDU3NSAxMkwxNi41NTc1IDE1LjUyMTJMMTUuNDkzNyAxNi41Nzg3TDEyIDEzLjA2MzlMOC41MDYzNyAxNi41Nzg3TDcuNDQyNTEgMTUuNTIxMkwxMC45NDI1IDEyTDcuNDQyNSA4LjQ3ODc2TDguNTA2MzYgNy40MjEzMVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
}

.weda-ui-custom-search__btn-cancle {
  flex: 0 0 auto;
  display: none;
  margin-left: 16px;
  color: #0052d9;
  background-color: transparent;
  border: none;
}

/* 获取焦点后 */
.weda-ui-custom-search.is-focused .weda-ui-custom-search__btn-cancle {
  display: inline-flex;
}

.weda-ui-custom-search.is-focused .weda-ui-custom-search-box__label {
  left: 12px;
  transform: translateX(0);
}

.weda-ui-custom-search.is-focused
  .weda-ui-custom-search-box__search-placeholder {
  display: none;
}

.weda-ui-custom-picker__cloumn-item.is-current {
  color: rgba(0, 0, 0, 0.9);
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
  .weda-ui-custom-picker__cloumn-item {
  height: 48px;
  justify-content: flex-start;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
  .weda-ui-custom-picker__cloumn-item::before {
  content: '';
  position: absolute;
  bottom: 0;
  background-color: #e7e7e7;
  width: 100%;
  height: 1px;
  transform: scaleY(0.5);
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
  .weda-ui-custom-picker__cloumn-item.is-selected {
  color: #0052d9;
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
  .weda-ui-custom-picker__cloumn-item.is-selected::after {
  content: '';
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjUwNTMgMTQuODgyM0wxOC45ODQ1IDUuNTQ4MzRMMjAuMzYzNCA2LjkyNzJMOS42NTA1MyAxNy42NEwyLjk2MTQ5IDEwLjk1MUw0LjM0MDM0IDkuNTcyMTVMOS42NTA1MyAxNC44ODIzWiIgZmlsbD0iIzAwNTJEOSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
  .weda-ui-custom-picker__cloumn-item.is-disabled {
  color: rgba(0, 0, 0, 0.26);
}

/* 下拉选择类型 */
.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select {
  padding: 0 16px;
  height: 280px;
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select::before,
.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select::after {
  display: none;
}

.weda-ui-custom-picker__cloumns--select .weda-ui-custom-picker__cloumn {
  height: 250px;
}

.form-select-pc {
  position: relative;
}

.form-select-pc .wedatea2td-dropdown__value {
  white-space: normal;
}

.form-select-pc .pc-clear {
  position: absolute;
  right: 22px;
  top: 25%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTggMWE3IDcgMCAxIDAgMCAxNEE3IDcgMCAwIDAgOCAxem0zLjUzNiA5LjEyMWwtMS40MTQgMS40MTRMOCA5LjQxNGwtMi4xMjEgMi4xMjEtMS40MTQtMS40MTRMNi41ODYgOCA0LjQ2NCA1Ljg3OWwxLjQxNC0xLjQxNEw4IDYuNTg2bDIuMTIxLTIuMTIxIDEuNDE0IDEuNDE0TDkuNDE0IDhsMi4xMjIgMi4xMjF6Ii8+PC9zdmc+) !important;
  background-repeat: no-repeat;
}

.wedatea2td-search--simple .wedatea2td-input--search {
  caret-color: #000000;
}

.weda-ui-custom-picker__cloumn-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
}