@charset 'utf-8';

.layer-full {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	align-items:center;
	justify-content:center;
	background-color:rgba(0,0,0,.6);
	z-index:100;
}
::placeholder {
	color:#c6c6c6;
}
.consulting {
	width:600px;
	height:540px;
	box-sizing:border-box;
	padding:40px;
	background-color:#fff;
	border-radius:5px;
	position:relative;
}
.consulting>.closeBtn {
	font-size:26px;
	color:#666;
	position:absolute;
	top:10px;
	right:20px;
	cursor:pointer;
}
.consulting>h2 {
	font-size:18px;
	text-align:center;
	color:#333;
}
.consulting>ul {
	width:100%;
	display:flex;
	flex-direction:column;
	margin-top:10px;
}
.consulting input,.consulting textarea {
	width:415px;
	border:1px solid #e1e4e5;
	border-radius:3px;
	box-sizing:border-box;
	padding:8px 16px;
	resize:none;
	outline:none;
}
.consulting input::-webkit-outer-spin-button,.consulting input::-webkit-inner-spin-button {
	-webkit-appearance:none;
}
.consulting input[type='number'] {
	-moz-appearance:textfield;
}
.consulting>ul>li {
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:24px;
	display:flex;
	align-items:center;
	position:relative;
}
.consulting>ul>li>span {
	position:absolute;
	right:0;
	top:100%;
	font-size:13px;
	color:red;
}
.consulting>ul>li:first-child {
	align-items:baseline;
}
.consulting>ul>li>label {
	font-size:14px;
	width:50%;
	color:#333;
	display: flex;
    align-items: center;
    white-space: nowrap;

}
.consulting>ul>li>label>span {
	color:red;
}
.consulting .submit-btn {
	width:100%;
	padding:12px 0;
	color:#fff;
	background-color:#1779FB;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
	border-radius:5px;
	margin-top:24px;
}
.tel-tip {
	width:100%;
	display:flex;
	justify-content:center;
	font-size:15px;
	margin-top:20px;
	position:relative;
	color:#666;
}
.tel-tip::before,.tel-tip::after {
	width:160px;
	height:1px;
	background-color:#e1e4e5;
	position:absolute;
	left:0;
	content:'';
	top:50%;
	margin-top:-0.5px;
}
.tel-tip::after {
	right:0;
	left:auto;
}
.tel-tip>span {
	color:#333;
}

@media only screen and (max-width: 768px) {
	.consulting {
		width:94%;
		height: auto;
		padding:12px;
	}

	.consulting input,.consulting textarea {
	width:80%;
	}

	.consulting>ul>li>label {
	font-size:.8rem;
	width:80px;
	text-align:left;
	color:#333;
	vertical-align:middle;
}

.tel-tip::before,.tel-tip::after {
	width:5rem;
}