.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.multiple {
  position: absolute;
  top: 0;
  left: 10%;
  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: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy43NSA5QzE3Ljc1IDQuMTY3NTEgMTMuODMyNSAwLjI1MDAwMSA5IDAuMjVDNC4xNjc1MSAwLjI0OTk5NyAwLjI1MDAwMSA0LjE2NzUxIDAuMjUgOUMwLjI0OTk5NyAxMy44MzI1IDQuMTY3NTEgMTcuNzUgOSAxNy43NUMxMy44MzI1IDE3Ljc1IDE3Ljc1IDEzLjgzMjUgMTcuNzUgOVpNNi4wODg2MyA1LjE4NDQyTDkuMDAwMDIgOC4xMTM0NEwxMS45MTE0IDUuMTg0NDJMMTIuNzk3OSA2LjA2NTYzTDkuODgxMjQgOUwxMi43OTc5IDExLjkzNDRMMTEuOTExNCAxMi44MTU2TDkuMDAwMDEgOS44ODY1N0w2LjA4ODY0IDEyLjgxNTZMNS4yMDIxIDExLjkzNDRMOC4xMTg3OSA5TDUuMjAyMDggNi4wNjU2M0w2LjA4ODYzIDUuMTg0NDJaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9zdmc+)
    no-repeat center;
}

.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-multiple
  .weda-ui-custom-picker__cloumn-item {
  height: 56px;
  justify-content: flex-start;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select-multiple
  .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-multiple
  .weda-ui-custom-picker__cloumn-item.is-selected {
  color: rgba(0, 0, 0, 0.9);
}
.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select-multiple
  .weda-ui-custom-picker__cloumn-item::after {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  display: block;
  position: absolute;
  left: 0px;
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select-multiple
  .weda-ui-custom-picker__cloumn-item.is-selected::after {
  content: '';
  width: 21px;
  height: 21px;
  border: none;
  border-radius: 3px;
  display: block;
  position: absolute;
  left: 0px;
  background-color: #0052d9;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDAxNDYgNy45NDI3QzMuNDAxNCA3Ljk0MjY0IDMuNDAxNTMgNy45NDI3NiAzLjQwMTQ2IDcuOTQyN0wwLjc1IDUuMjkxMjNMMi41NDM0OSAzLjU0OTE5TDUuMTcyMSA2LjE3NzhMMTEuMzY4NyAwTDEzLjEyNDQgMS43NTU3TDYuOTI3OCA3LjkzMzVMNi45MzcxOCA3Ljk0Mjg5TDYuOTExMDkgNy45NjgyM0M2Ljg1NyA4LjAyMDc3IDYuODAxMTQgOC4wNzAzNyA2Ljc0MzcxIDguMTE3MDRMNi4wNDEyMyA4LjgxNzM4QzUuNTUyODYgOS4zMDQyNyA0Ljc2MjQ0IDkuMzAzNjcgNC4yNzQ4MSA4LjgxNjA0TDMuNDAxNDYgNy45NDI3WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45Ii8+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
}

.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select-multiple
  .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-multiple {
  padding: 0 0 0 16px;
  height: 280px;
}

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

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

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

.form-select-multiple-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-multiple {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 30px;
}

.weda-ui input.weui-input .multiple {
  color: transparent;
}
.weui-tag {
  height: 56px;
  position: relative;
  line-height: 56px;
  width: 100%;
}
.weui-tag span {
  position: relative;
  background-color: #eee;
  color: rgba(0, 0, 0, 0.9);
  margin: 0px 4px 0 0;
  padding: 5px 10px 5px 10px;
  height: auto;
  line-height: 18px;
  vertical-align: middle;
  border: 1px solid #eee;
  border-radius: 3px;
}
.weui-tag span {
  display: inline-block;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-word;
}

.weda-ui-show-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.weda-ui-custom-picker__header {
  justify-content: space-between;
}

.wedatea2td-list.wedatea2td-list--option.wedatea2td-list--checkoption
  .wedatea2td-list__status
  .wedatea2td-action-state
  .wedatea2td-action-state__text {
  display: none;
}

.wedatea2td-list.wedatea2td-list--option.wedatea2td-list--checkoption
  .wedatea2td-list__status
  .weda-ui-custom-picker__status--empty {
  margin: 0 0 10px 10px;
}

.select-picker .weui-input-clear {
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy43NSA5QzE3Ljc1IDQuMTY3NTEgMTMuODMyNSAwLjI1MDAwMSA5IDAuMjVDNC4xNjc1MSAwLjI0OTk5NyAwLjI1MDAwMSA0LjE2NzUxIDAuMjUgOUMwLjI0OTk5NyAxMy44MzI1IDQuMTY3NTEgMTcuNzUgOSAxNy43NUMxMy44MzI1IDE3Ljc1IDE3Ljc1IDEzLjgzMjUgMTcuNzUgOVpNNi4wODg2MyA1LjE4NDQyTDkuMDAwMDIgOC4xMTM0NEwxMS45MTE0IDUuMTg0NDJMMTIuNzk3OSA2LjA2NTYzTDkuODgxMjQgOUwxMi43OTc5IDExLjkzNDRMMTEuOTExNCAxMi44MTU2TDkuMDAwMDEgOS44ODY1N0w2LjA4ODY0IDEyLjgxNTZMNS4yMDIxIDExLjkzNDRMOC4xMTg3OSA5TDUuMjAyMDggNi4wNjU2M0w2LjA4ODYzIDUuMTg0NDJaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9zdmc+')
    no-repeat center;
}

.is-disabled
  .wedatea2td-dropdown-link
  .wedatea2td-dropdown__value
  .wedatea2td-icon-arrowdown,
.is-disabled .wedatea2td-dropdown__header .wedatea2td-icon-arrowdown {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Y2hldnJvbi1kb3duPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNC4wMDAwMDAsIC05NTEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJjaGV2cm9uLWRvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyNC4wMDAwMDAsIDk1MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNiwwIEwxNiwxNiBMMCwxNiBMMCwwIEwxNiwwIFoiIGlkPSLnn6nlvaIiIG9wYWNpdHk9IjAuNjAwMDAwMDI0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC40NTk2MTM1Niw1LjU0MDQwNTI3IEw3Ljk5OTk5NDI4LDkuMDgwNzg1NzUgTDExLjU0MDM3NDgsNS41NDA0MDUyNyBMMTIuNDU5NjEzOCw2LjQ1OTY0NDA4IEw3Ljk5OTk5NDI4LDEwLjkxOTI2MzQgTDMuNTQwMzc0NzYsNi40NTk2NDQwOCBMNC40NTk2MTM1Niw1LjU0MDQwNTI3IFoiIGlkPSLot6/lvoQtNC0oU3Ryb2tlKSIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.weda-ui-custom-picker__header-confirm {
  flex: 0 0 auto;
  padding: 0 20px;
  font-size: 16px;
  color: #0052d9;
  cursor: pointer;
}

.form-select-multiple-pc .wedatea2td-tag {
  margin: 2px 4px 0 0;
}

.weda-ui-tag-close-icon {
  margin: 5px 0;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiIGZpbGw9Im5vbmUiPgo8cGF0aCBkPSJNNC4wMDAwMSA0LjgwNTMxTDYuNjk0NjkgNy40OTk5OEw3LjUgNi42OTQ2N0w0LjgwNTMyIDRMNy41IDEuMzA1MzNMNi42OTQ2OSAwLjUwMDAyM0w0LjAwMDAxIDMuMTk0NjlMMS4zMDUzMSAwLjVMMC41IDEuMzA1MzFMMy4xOTQ3IDRMMC41IDYuNjk0NjlMMS4zMDUzMSA3LjVMNC4wMDAwMSA0LjgwNTMxWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC45Ii8+Cjwvc3ZnPg==)
    no-repeat center;
}