/* ========== form s ========== */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/*chrome浏览器下*/
	/*去除number类型输入框里的上下小箭头*/
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	/*Firefox浏览器下*/
	/*去除number类型输入框里的上下小箭头*/
	-moz-appearance: textfield;
}

:focus {
	outline: none;
}

.form-control {
	border-radius: 0;
	box-shadow: none;
	outline: none;
}

.form-control:focus,
.form-control:hover {
	border: 1px solid #1e88e5;
	outline: 0;
	box-shadow: none;
}


/*color s*/

.form-control.red:focus,
.form-control.red:hover {
	color: #ff4081;
	border: 1px solid #ff1744;
}

.form-control.pink:focus,
.form-control.pink:hover {
	color: #ff1744;
	border: 1px solid #ff4081;
}

.form-control.purple:focus,
.form-control.purple:hover {
	color: #d500f9;
	border: 1px solid #d500f9;
}

.form-control.deep-purple:focus,
.form-control.deep-purple:hover {
	color: #651fff;
	border: 1px solid #651fff;
}

.form-control.indigo:focus,
.form-control.indigo:hover {
	color: #3d5afe;
	border: 1px solid #3d5afe;
}

.form-control.blue:focus,
.form-control.blue:hover {
	color: #2979ff;
	border: 1px solid #2979ff;
}

.form-control.light-blue:focus,
.form-control.light-blue:hover {
	color: #00b0ff;
	border: 1px solid #00b0ff;
}

.form-control.cyan:focus,
.form-control.cyan:hover {
	color: #00e5ff;
	border: 1px solid #00e5ff;
}

.form-control.teal:focus,
.form-control.teal:hover {
	color: #00695c;
	border: 1px solid #00695c;
}

.form-control.green:focus,
.form-control.green:hover {
	color: #2e7d32;
	border: 1px solid #2e7d32;
}

.form-control.light-green:focus,
.form-control.light-green:hover {
	color: #76ff03;
	border: 1px solid #76ff03;
}

.form-control.lime:focus,
.form-control.lime:hover {
	color: #aeea00;
	border: 1px solid #aeea00;
}

.form-control.yellow:focus,
.form-control.yellow:hover {
	color: #ffea00;
	border: 1px solid #ffea00;
}

.form-control.amber:focus,
.form-control.amber:hover {
	color: #ffc400;
	border: 1px solid #ffc400;
}

.form-control.orange:focus,
.form-control.orange:hover {
	color: #ff9100;
	border: 1px solid #ff9100;
}

.form-control.deep-orange:focus,
.form-control.deep-orange:hover {
	color: #ff3d00;
	border: 1px solid #ff3d00;
}

.form-control.brown:focus,
.form-control.brown:hover {
	color: #5d4037;
	border: 1px solid #5d4037;
}

.form-control.grey:focus,
.form-control.grey:hover {
	color: #616161;
	border: 1px solid #616161;
}

.form-control.blue-grey:focus,
.form-control.blue-grey:hover {
	color: #546e7a;
	border: 1px solid #546e7a;
}


/*color e*/

@media (max-width: 1199px) {}

@media (max-width: 991px) {
	/*color s*/
	.form-control.red-md:focus,
	.form-control.red-md:hover {
		color: #ff4081;
		border: 1px solid #ff1744;
	}
	.form-control.pink-md:focus,
	.form-control.pink-md:hover {
		color: #ff1744;
		border: 1px solid #ff4081;
	}
	.form-control.purple-md:focus,
	.form-control.purple-md:hover {
		color: #d500f9;
		border: 1px solid #d500f9;
	}
	.form-control.deep-purple-md:focus,
	.form-control.deep-purple-md:hover {
		color: #651fff;
		border: 1px solid #651fff;
	}
	.form-control.indigo-md:focus,
	.form-control.indigo-md:hover {
		color: #3d5afe;
		border: 1px solid #3d5afe;
	}
	.form-control.blue-md:focus,
	.form-control.blue-md:hover {
		color: #2979ff;
		border: 1px solid #2979ff;
	}
	.form-control.light-blue-md:focus,
	.form-control.light-blue-md:hover {
		color: #00b0ff;
		border: 1px solid #00b0ff;
	}
	.form-control.cyan-md:focus,
	.form-control.cyan-md:hover {
		color: #00e5ff;
		border: 1px solid #00e5ff;
	}
	.form-control.teal-md:focus,
	.form-control.teal-md:hover {
		color: #00695c;
		border: 1px solid #00695c;
	}
	.form-control.green-md:focus,
	.form-control.green-md:hover {
		color: #2e7d32;
		border: 1px solid #2e7d32;
	}
	.form-control.light-green-md:focus,
	.form-control.light-green-md:hover {
		color: #76ff03;
		border: 1px solid #76ff03;
	}
	.form-control.lime-md:focus,
	.form-control.lime-md:hover {
		color: #aeea00;
		border: 1px solid #aeea00;
	}
	.form-control.yellow-md:focus,
	.form-control.yellow-md:hover {
		color: #ffea00;
		border: 1px solid #ffea00;
	}
	.form-control.amber-md:focus,
	.form-control.amber-md:hover {
		color: #ffc400;
		border: 1px solid #ffc400;
	}
	.form-control.orange-md:focus,
	.form-control.orange-md:hover {
		color: #ff9100;
		border: 1px solid #ff9100;
	}
	.form-control.deep-orange-md:focus,
	.form-control.deep-orange-md:hover {
		color: #ff3d00;
		border: 1px solid #ff3d00;
	}
	.form-control.brown-md:focus,
	.form-control.brown-md:hover {
		color: #5d4037;
		border: 1px solid #5d4037;
	}
	.form-control.grey-md:focus,
	.form-control.grey-md:hover {
		color: #616161;
		border: 1px solid #616161;
	}
	.form-control.blue-grey-md:focus,
	.form-control.blue-grey-md:hover {
		color: #546e7a;
		border: 1px solid #546e7a;
	}
	/*color e*/
}

@media (max-width: 767px) {
	/*color s*/
	.form-control.red-sm:focus,
	.form-control.red-sm:hover {
		color: #ff4081;
		border: 1px solid #ff1744;
	}
	.form-control.pink-sm:focus,
	.form-control.pink-sm:hover {
		color: #ff1744;
		border: 1px solid #ff4081;
	}
	.form-control.purple-sm:focus,
	.form-control.purple-sm:hover {
		color: #d500f9;
		border: 1px solid #d500f9;
	}
	.form-control.deep-purple-sm:focus,
	.form-control.deep-purple-sm:hover {
		color: #651fff;
		border: 1px solid #651fff;
	}
	.form-control.indigo-sm:focus,
	.form-control.indigo-sm:hover {
		color: #3d5afe;
		border: 1px solid #3d5afe;
	}
	.form-control.blue-sm:focus,
	.form-control.blue-sm:hover {
		color: #2979ff;
		border: 1px solid #2979ff;
	}
	.form-control.light-blue-sm:focus,
	.form-control.light-blue-sm:hover {
		color: #00b0ff;
		border: 1px solid #00b0ff;
	}
	.form-control.cyan-sm:focus,
	.form-control.cyan-sm:hover {
		color: #00e5ff;
		border: 1px solid #00e5ff;
	}
	.form-control.teal-sm:focus,
	.form-control.teal-sm:hover {
		color: #00695c;
		border: 1px solid #00695c;
	}
	.form-control.green-sm:focus,
	.form-control.green-sm:hover {
		color: #2e7d32;
		border: 1px solid #2e7d32;
	}
	.form-control.light-green-sm:focus,
	.form-control.light-green-sm:hover {
		color: #76ff03;
		border: 1px solid #76ff03;
	}
	.form-control.lime-sm:focus,
	.form-control.lime-sm:hover {
		color: #aeea00;
		border: 1px solid #aeea00;
	}
	.form-control.yellow-sm:focus,
	.form-control.yellow-sm:hover {
		color: #ffea00;
		border: 1px solid #ffea00;
	}
	.form-control.amber-sm:focus,
	.form-control.amber-sm:hover {
		color: #ffc400;
		border: 1px solid #ffc400;
	}
	.form-control.orange-sm:focus,
	.form-control.orange-sm:hover {
		color: #ff9100;
		border: 1px solid #ff9100;
	}
	.form-control.deep-orange-sm:focus,
	.form-control.deep-orange-sm:hover {
		color: #ff3d00;
		border: 1px solid #ff3d00;
	}
	.form-control.brown-sm:focus,
	.form-control.brown-sm:hover {
		color: #5d4037;
		border: 1px solid #5d4037;
	}
	.form-control.grey-sm:focus,
	.form-control.grey-sm:hover {
		color: #616161;
		border: 1px solid #616161;
	}
	.form-control.blue-grey-sm:focus,
	.form-control.blue-grey-sm:hover {
		color: #546e7a;
		border: 1px solid #546e7a;
	}
	/*color e*/
}

@media (max-width: 479px) {
	/*color s*/
	.form-control.red-xs:focus,
	.form-control.red-xs:hover {
		color: #ff4081;
		border: 1px solid #ff1744;
	}
	.form-control.pink-xs:focus,
	.form-control.pink-xs:hover {
		color: #ff1744;
		border: 1px solid #ff4081;
	}
	.form-control.purple-xs:focus,
	.form-control.purple-xs:hover {
		color: #d500f9;
		border: 1px solid #d500f9;
	}
	.form-control.deep-purple-xs:focus,
	.form-control.deep-purple-xs:hover {
		color: #651fff;
		border: 1px solid #651fff;
	}
	.form-control.indigo-xs:focus,
	.form-control.indigo-xs:hover {
		color: #3d5afe;
		border: 1px solid #3d5afe;
	}
	.form-control.blue-xs:focus,
	.form-control.blue-xs:hover {
		color: #2979ff;
		border: 1px solid #2979ff;
	}
	.form-control.light-blue-xs:focus,
	.form-control.light-blue-xs:hover {
		color: #00b0ff;
		border: 1px solid #00b0ff;
	}
	.form-control.cyan-xs:focus,
	.form-control.cyan-xs:hover {
		color: #00e5ff;
		border: 1px solid #00e5ff;
	}
	.form-control.teal-xs:focus,
	.form-control.teal-xs:hover {
		color: #00695c;
		border: 1px solid #00695c;
	}
	.form-control.green-xs:focus,
	.form-control.green-xs:hover {
		color: #2e7d32;
		border: 1px solid #2e7d32;
	}
	.form-control.light-green-xs:focus,
	.form-control.light-green-xs:hover {
		color: #76ff03;
		border: 1px solid #76ff03;
	}
	.form-control.lime-xs:focus,
	.form-control.lime-xs:hover {
		color: #aeea00;
		border: 1px solid #aeea00;
	}
	.form-control.yellow-xs:focus,
	.form-control.yellow-xs:hover {
		color: #ffea00;
		border: 1px solid #ffea00;
	}
	.form-control.amber-xs:focus,
	.form-control.amber-xs:hover {
		color: #ffc400;
		border: 1px solid #ffc400;
	}
	.form-control.orange-xs:focus,
	.form-control.orange-xs:hover {
		color: #ff9100;
		border: 1px solid #ff9100;
	}
	.form-control.deep-orange-xs:focus,
	.form-control.deep-orange-xs:hover {
		color: #ff3d00;
		border: 1px solid #ff3d00;
	}
	.form-control.brown-xs:focus,
	.form-control.brown-xs:hover {
		color: #5d4037;
		border: 1px solid #5d4037;
	}
	.form-control.grey-xs:focus,
	.form-control.grey-xs:hover {
		color: #616161;
		border: 1px solid #616161;
	}
	.form-control.blue-grey-xs:focus,
	.form-control.blue-grey-xs:hover {
		color: #546e7a;
		border: 1px solid #546e7a;
	}
	/*color e*/
}

@media (max-width: 319px) {}


/* ========== form e ========== */