.phoneVerify, .phoneVerify2 {
	display: none;
	max-width: 300px;
	margin: 20px auto;
}

.phoneVerify .title, .phoneVerify2 .title {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 0 0 20px;
}

.phoneVerify .desc, .phoneVerify2 .desc {
	color: #555;
	line-height: 20px;
	text-align: center;
}

.phoneVerify .desc a, .phoneVerify2 .desc a, .phoneVerify_pass a {
	color: #00bbfc;
	border-bottom: 1px dashed #00bbfc;
}

.phoneVerify .desc a:hover, .phoneVerify2 .desc a:hover {
	border-bottom: none;
}

.phoneVerify .verify-code.disabled, .phoneVerify2 .verify-code.disabled {
	background: linear-gradient(85.82deg, #b5b5b5 11.28%, #9e9e9e 85.26%);
}

.phoneVerify [name="phone_code"].error, .phoneVerify2 [name="phone_code"].error {
	background: #efdbdb;
}

.phoneVerify [name="phone_code"].success, .phoneVerify2 [name="phone_code"].success {
	background: #e4eff8;
}

.phoneVerify .message, .phoneVerify2 .message {
	display: none;
	color: red;
	margin: 10px auto;
	width: 100%;
	text-align: center;
}

.phoneVerify .message.success, .phoneVerify2 .message.success {
	color: #0083ff;
}

.costCalcInline .phoneVerify2, .costCalcInline .phoneVerify_pass {
	bottom: 0;
	left: 50%;
	width: 400px;
	margin: 20px 0 0 -200px;
	position: absolute;
	background: #FFF;
	border-radius: 20px;
	padding: 20px;
	box-shadow: 2px 3px 10px 1px #cdcdcd;
}

.phoneVerify_pass .desc {
	font-size: 20px;
	text-align: center;
	line-height: 22px;
}

.phoneVerify_pass .phone {
	display: block;
}

.phoneVerify_pass .desc-left {
	text-align: center;
	margin: 10px 0;
}

@media (max-width: 768px) {
	.costCalcInline .phoneVerify2, .costCalcInline .phoneVerify_pass {
		position: relative;
	}
}

.costCalcInline .phoneVerify2 [name="phone_code"] {
	margin: 10px;
}

.phoneVerify_pass .qrCodeUri img {
	max-width: 100px;
	display: block;
	margin: 0 auto;
}