@IMPORT url("../common/common.css");
.contact-box {
	margin: 1rem auto;
	font-size: .8rem;
}
.contact-box ul{
	width:25rem;
	margin: 0 auto;
}
.contact-box p {
	margin: .5rem;
}

.contact-box p span {
	margin-right: .5rem;
	font-family: Georgia;
	font-weight: bold;
}

.contact-box input, .contact-box textarea {
	border: dotted #333 1px;
	padding: .5rem;
	width: 15rem;
	margin-left: .5rem;
}

.contact-box textarea {
	height: 8rem;
	width: 25rem;
}

.contact-box button p {
	margin: 0;
	padding: 0;
}

.contact-box button {
	padding: .5rem;
	background: #ffb012;
	border: 0;
	color: #fff;
	cursor: pointer;
	border-radius: .25rem;
	margin-top: .5rem;
	margin-left: .5rem;
}

.contact-box button:hover {
	transform: translateY(-3px);
}
.span-spin{
	margin-left: .5rem;
	display: none;
}
.p-hint{
	background: #398f14;
	color: #fff;
	padding: .5rem;
	display: none;
}
/* 验证样式 */
.form-flag{
	font-size: .6rem;
}
.form-flag-ok {
	color: #02bf7b;
}

.form-flag-error {
	color: #f00;
}

.form-flag-textIco i {
	margin-right:.2rem;
}
.form-flag-textIco {
	display: none;
}

.red-border {
	border-color: red !important;
}

.red-border:fours {
	border-color: red !important;
}

@media only screen and (max-width:600px) {
	.contact-box ul{
		width: 100vw;
		margin: 0;
	}
	.contact-box input, .contact-box textarea {
		padding: .3rem;
		width: 12rem;
		margin-left: .5rem;
	}
	.contact-box textarea {
		height: 8rem;
		width: 13.5rem;
	}
	.contact-box button {
		padding: .5rem;
		border-radius: .25rem;
		margin-top: .5rem;
	}
	.form-flag {
		display: block;
	}
}