$font-family-A: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", SimSun, STHeitiSC, sans-serif;
$font-family-H: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
.drop-down-list-search,
.drop-down-list-search-active {
	//padding: 0 7px;
	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;
	.label {
		width: auto;
		display: block;
		line-height: 24px;
		padding: 5px 4px 5px 5px;
		font-size: 14px;
		font-family: $font-family-H;
		color: #36434d;
	}
	.field-right {
		position: relative;
		padding-right:5px;
	}
	.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;*/
	}
	.dropdown-list-hidden {
		left: 0px !important;
		// width: 250px;
		visibility: hidden;
		height: 0;
		position: absolute;
		left: 0;
		top: -29px !important;
		.drop-down-list-component {
			width: 450px;
		}
		.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,
.drop-down-list-search-active {
	.dropdownmin-icon {
		color: #83898f;
		line-height: 0;
		display: inline-block;
		top: 50%;
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	.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);
	}
}