/** {*/
	/*-webkit-box-sizing: border-box;*/
	/*-moz-box-sizing: border-box;*/
	/*box-sizing: border-box;*/
/*}*/

/*html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}*/


.verification_modal {
	opacity: .8;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	background:#666666;
	transition: opacity .3s linear, top .3s ease-out;
}

.verification_modal_bg {
	width: 500px;
	height: auto;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	 -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);

	z-index: 100001;
	background-color: #fff;
	border-radius: 10px;
	outline: none;
	background-clip: padding-box;
	padding-bottom: 0;
	font-family: "Microsoft YaHei";

}

.verification_header {
	position: relative;
	height: 60px !important;
	line-height: 60px !important;
	padding: 0 32px !important;
	border-bottom: 1px solid #e2e2e2;
}

.verification_header .verification_title {
	font-size: 20px !important;
	color: #404040;
	height: 50px !important;
	line-height: 50px !important;
	text-align: left;
	float: left;
	vertical-align: middle !important;
}

.verification_header .verification_closed {
	position: absolute;
	right: 20px;
	top: -15px;
	font-weight: 300;
	font-size: 36px;
	cursor: pointer;
	mvertical-align: middle;
	color: #404040;

}

.verification_detail {
	padding: 15px 0;
	height: 127px;
	text-align: center;
}

.verification_detail .verification_txt {
	font-size: 20px;
	color: #404040;
	padding-bottom: 10px;
	line-height: inherit !important;
	margin: 0 !important;
	padding-top: 0 !important;
}


.verification_detail .verification_directions {
	font-size: 14px;
	color: #444444;
	line-height:1.4 !important;
	margin: 0 !important;
	padding-top: 0 !important;
}

.verification_code,
.verification_submit_box {
	text-align: center;
	margin: 15px 0;
	height: 100px;
}

.verification_code .code_box {
	box-shadow: inherit !important;
	width: 80px;
	height: 80px;
	display: inline-block;
	margin: 0 10px;
	border: 1px solid #CCCCCC;
	outline: 0 !important;
	line-height: 80px;
	text-align: center;
	border-radius: 8px !important;
}

.verification_code .code_box:focus {
	border: 1px solid #f0a836;
}

.verification_detail .resend_start {
	margin: 10px 0 0;
	font-size: 14px;
	color: #777777;
	line-height: 20px !important;
	margin-bottom: 0 !important;
	display: none;
}

.verification_detail .resend_end {
	margin: 20px 0 0;
	font-size: 14px;
	color: #6c7af0;
	text-decoration: underline;
	line-height: inherit !important;
	margin-bottom: 0 !important;
	display: none;
}

.verification_submit_box {
	padding: 15px 0;
}

.verification_submit_box .verification_submit {
	background: #f0a836;
	outline: 0;
	border: 0;
	padding: 0px;
	margin: 0px;
	border-radius: 10px;
	height: 55px;
	line-height: 55px;
	width: 300px;
	color: #FFFFFF;
	font-size: 20px;
	display: inline-block;
}


@media (max-width: 768px) {


	.verification_header {
		height: 40px !important;
		padding: 0 15px !important;
	}

	.verification_header .verification_title {
		font-size: 18px !important;
		/*height: 40px !important;*/
		line-height: 40px !important;
	}


	.verification_detail .verification_txt {
		font-size: 20px;
	}

	.verification_modal_bg {
		width: 90%;
		margin: auto;
		height: auto;
		padding-bottom: 10px;
	}

	.verification_code .code_box {
		width: 18%;
		height: 50px;
		line-height: 30px;
		margin: 0 5px;
	}

	.verification_submit_box .verification_submit {
		width: 60%;
	}

	.verification_submit_box {
		padding-top: 15px;
	}
}

.verification_code .verification_error {
	padding: 15px 0 0;
	text-align: center;
	font-weight: bold;
	color: #ee152a;
	font-size: 12px;
	display: none;
}

.red {
	border-color: #ee152a;
	color: #ee152a;
}