.p5-input {
	display: inline-block;
	// width: 100%;
	position: relative;
	&-box {
		position: relative;
		line-height: 1;
	}
	&-item {
		display: inline-block;
		-webkit-appearance: none;
		box-sizing: border-box;
		font-size: 14px;
		padding: 10px 15px;
		border-radius: 4px;
		outline: none;
		width: 100%;
		border-width: 1px;
		border-style: solid;
		border-color: $lessColor;
		transition: border-color .2s cubic-bezier(.645,.045,.355,1);
		color: $importColor;
		&:hover {
			border-color: $color;
		}
	}
}
// 禁用
.p5-input {
	&.p5-input-diabled {
		.p5-input-item {
			cursor: not-allowed;
			background-color: $lessColor;
			opacity: 0.6;
			&:hover {
				border-color: $lessColor;
			}
		}
	}
}

// 带icon
.p5-input {
	&.p5-input-with-icon{
		.p5-input-item {
			padding-right: 30px;
		}
		.p5-input-icon {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			color: $lessColor;
			transition: color .2s cubic-bezier(.645,.045,.355,1);
			&:hover {
				color: $color;
			}
		}
	}
}

// 密码框
.p5-input {
	&.p5-input-with-icon{
		.p5-input-password-icon {
			right: 10px;
		}
	}
}

// 可清空
.p5-input {
	&.p5-input-with-icon{
		.p5-input-empty-icon {
			display: none;
			right: 10px;
		}
		.p5-input-box {
			&:hover {
				.p5-input-empty-icon {
					display: block;
				}
			}
		}
	}
}

// 搜索框
.p5-input {
	&.p5-input-with-icon{
		.p5-input-search-icon {
			right: 10px;
		}
	}
}

// 文本区域
.p5-input.p5-input-textarea-wrap {
	width: 100%;
	vertical-align: bottom;
	.p5-input-item-teatarea{
		// min-height: 40px;
		resize: vertical;
		box-sizing: border-box;
	}
}


// 字数
.p5-input {
	&.p5-input-maxlength {
		.p5-input-item {
			padding-right: 70px;
		}
		.p5-input-maxlength-span{
			color: $subTextColor;
			font-size: 12px;
			position: absolute;
			right: 10px;
			bottom: 10px;
		}
	}
}