@charset "UTF-8";

.drop-down-list-search,
.drop-down-list-search-active {
  position: relative;
  display: -webkit-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 垂直居中 */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-align: center;
  /* IE 10 */
  -moz-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  border-radius: 2px;
}

.drop-down-list-search .label,
  .drop-down-list-search-active .label {
  width: auto;
  display: block;
  line-height: 24px;
  padding: 5px 4px 5px 5px;
  font-size: 14px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  color: #36434d;
}

.drop-down-list-search .field-right,
  .drop-down-list-search-active .field-right {
  position: relative;
  padding-right: 5px;
}

.drop-down-list-search .drop-down-list-component,
  .drop-down-list-search-active .drop-down-list-component {
  z-index: 9999;
  height: 75px;
  position: absolute;
  bottom: -105px;
  left: 0;
  background: #fff;
  width: 310px;
  padding: 15px;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  -webkit-transition: box-shadow;
  -webkit-transition: -webkit-box-shadow;
  transition: -webkit-box-shadow;
  transition: box-shadow;
  transition: box-shadow, -webkit-box-shadow;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
    /*-webkit-animation: popShow  cubic-bezier(0.66,1.65,.23,.87) forwards;
       -moz-animation: popShow  cubic-bezier(0.66,1.65,.23,.87) forwards;
       -ms-animation: popShow .3s cubic-bezier(0.66,1.65,.23,.87) forwards;
       -o-animation: popShow .3s cubic-bezier(0.66,1.65,.23,.87) forwards;
       animation: popShow .3s cubic-bezier(0.66,1.65,.23,.87) forwards;
       -webkit-transform-origin: top left;
       -moz-transform-origin: top left;
       -ms-transform-origin: top left;
       -o-transform-origin: top left;*/
  cursor: default;
    /*-webkit-transform-origin: top left;
       -moz-transform-origin: top left;
       -ms-transform-origin: top left;
       -o-transform-origin: top left;*/
}

.drop-down-list-search .dropdown-list-hidden,
  .drop-down-list-search-active .dropdown-list-hidden {
  left: 0px !important;
  visibility: hidden;
  height: 0;
  position: absolute;
  left: 0;
  top: -29px !important;
}

.drop-down-list-search .dropdown-list-hidden .drop-down-list-component,
    .drop-down-list-search-active .dropdown-list-hidden .drop-down-list-component {
  width: 450px;
}

.drop-down-list-search .dropdown-list-hidden .form-item__control,
    .drop-down-list-search-active .dropdown-list-hidden .form-item__control {
  height: 28px;
}

.drop-down-list-search-active {
  background-color: #f5f8fa !important;
}

.drop-down-list-search:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.drop-down-list-search .dropdownmin-icon,
.drop-down-list-search-active .dropdownmin-icon {
  color: #83898f;
  line-height: 0;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.drop-down-list-search .form-item__multi-list .form-item__multi-item,
.drop-down-list-search-active .form-item__multi-list .form-item__multi-item {
  padding-right: 0px;
  width: 0px;
}

@-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}