@font-face {
	font-family: 'iconfont';
	src: url('./../../../src/assets/iconfont/p5-iconfont.eot');
	src: url('./../../../src/assets/iconfont/p5-iconfont.eot?v=1#iefix') format('embedded-opentype'),
		url('./../../../src/assets/iconfont/p5-iconfont.ttf?v=1') format('truetype'),
		url('./../../../src/assets/iconfont/p5-iconfont.svg?v=1#iconfont') format('svg');
}
.iconfont {
	font-family: 'iconfont' !important;
	font-size: 12px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.p5-select-wrap {
	position: relative;
	display: inline-block;
	width: 140px;
	.showarea {
		position: relative;
		padding-right: 20px;
		border: 1px solid #e5e5e5;
	}
	.p5-select-arrow {
		position: absolute;
		top: 0;
		right: 8px;
		color: #888;
	}
	.showarea:hover .is-show-empty-btn:after {
		content: '\e8a1';
	}
	.is-show-empty-btn:hover {
		color: #555;
	}
	.showarea,
	ul li {
		width: 100%;
		height: 36px;
		text-indent: 14px;
		line-height: 36px;
		text-align: left;
		font-size: 14px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		box-sizing: border-box;
	}
	ul {
		position: absolute;
		top: 36px;
		left: 0px;
		z-index: 100;
		background: #fff;
		width: 100%;
		max-height: 164px;
		overflow-y: scroll;
		border: 1px solid #e5e5e5;
		border-top: none;
		box-sizing: border-box;
		li {
			border-bottom: 1px solid #e5e5e5;
			&:last-child{
				border-bottom: none;
			}
			&:hover {
				background: #f5f5f5;
			}
			&.p5-select-li-active {
				background: #f5f5f5;
			}
		}
	}
}

.icon-down:after {
	content: '\f0122';
}
.icon-up:after {
	content: '\f0121';
}
.icon-close-circle-fill:after {
	content: '\e8a1';
}

/////////
.p5-select-wrap .p5-select-arrow{
	width: 10px;
	height: 100%;
	display: inline-block;
	background: url('./../../styles/img/arrowdown.svg') center center no-repeat;
	background-size: 100%;
	transition: transform 0.3s;
	
}
.p5-select-arrow-up{
	transform: rotate(180deg);
}
.showarea {
	&:hover{
		i.p5-select-empty-btn{
			// background: none;
			background: url('./../../styles/img/close.svg') center center no-repeat;
			background-size: 100%;
			transition: none;
		}
	}
}