@charset "gb2312";
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:none;
	font-family:'Microsoft Yahei','HelveticaNeue',sans-serif;
	font-size:12px;
	background-color:#f5f0eb;
	user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none
}
a {
	color:#2579a0;
	text-decoration:none
}
form {
	margin:0;
	padding:0
}
.user_signed {
	position:absolute;
	top:0;
	right:0;
	margin:12px 10px 0 0;
	float:left;
	width:21px;
	height:21px;
	background:url(imagesicon_user_header.png)no-repeat;
	background-size:21px 21px;
}
header.head_bar {
	position:relative;
	z-index:3;
	width:100%;
	height:44px;
	background:url(wapimagesheader_bar_bg.png)repeat-x;
	background-size:44px 44px;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
	display:box;
	box-pack:center;
	box-align:center;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center
}
.head_bar a.home {
	position:absolute;
	left:0;
	top:0;
	float:left;
	width:24px;
	height:24px;
	margin:11px 0 11px 17px;
	padding-right:12px;
	background:url(wapimagesicon_home.png)no-repeat;
	background-size:24px 24px;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.head_bar h1 {
	line-height:44px;
	margin:0;
	padding:0;
	display:inline-block;
	text-shadow:1px 1px 2px rgba(0,0,0,.7);
	font-size:20px;
	font-weight:normal;
	color:white;
	width:100%;
	text-align:center
}
.head_bar h1.logo:before {
	content:'';
	float:left;
	width:154px;
	height:16px;
	background:url(imagesheader_logo.png)no-repeat;
	background-size:154px 16px
}
footer.copyright {
	float:left;
	padding-bottom:20px;
	margin-top:30px;
	width:100%;
	line-height:10px;
	text-align:center;
	font-size:10px
}
.copyright a {
	color:#2579a0;
	text-decoration:none
}
.field_wrap {
	position:relative;
	float:left;
	width:100%;
	margin-bottom:8px;
	padding:5px 0;
	display:table-cell;
	border:1px solid #ccc;
	border-radius:3px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-shadow:0 1px 0 #eee inset,1px 1px 0 white;
	background:white;
	-webkit-tap-highlight-color:transparent
}
input.textfield {
	float:left;
	margin:0;
	height:16px;
	line-height:16px;
	padding:5px 10px;
	font-size:14px;
	border:0;
	min-width:90%;
	background:transparent
}
div.field_title {
	margin:8px 0;
	text-indent:2px;
	letter-spacing:1px;
}
label.field_title {
	float:left;
	margin:8px 0 5px 0;
	text-indent:2px;
	letter-spacing:1px;
}
p.wrong {
	display:block;
	color:#cc0000;
	line-height:20px;
	width:100%;
	float: left;
	margin: 0;
	padding:0 5px 5px;
}
p.tip {
	display:block;
	color:#666;
	line-height:20px;
	width:99%;
	float: left;
	margin: 0;
	padding:0 5px 5px;
}
.page_content {
	float:left;
	width:100%;
	min-height:80%;
}
span.check {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(imagescheck.png) no-repeat;
	background-size:16px 44px;
	vertical-align:middle;
	padding:0 3px;
}
span.check.checked {
	background-position:0 -27px;
}
.field_wrap_captcha {
	position:relative;
	float:left;
	width:100%;
	padding:5px 0;
	display:table-cell;
}
.field_wrap_captcha label {
	height:30px;
	border-radius:3px;
	border:1px solid #bfbfbf;
	width:55%;
	display:inline-block;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(0.6,#FAFAFA),color-stop(1,#EFEFEF));
	background:-o-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%);
	background:-moz-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%) ;
	background:-ms-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%);
}
input.phontText {
	width:88%;
	height:30px;
	line-height:30px;
	border:0;
	padding:0 10px;
	background:url(../images/icoPhone.png) 96% center no-repeat;
	background-size:11px 22px;
	text-align:center;
	color:#666;
	font-weight:bold;
}
input.captchaBtn {
	height:34px;
	border-radius:3px;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(0.6,#FAFAFA),color-stop(1,#EFEFEF));
	background:-o-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%);
	background:-moz-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%);
	background:-ms-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%);
	border:1px solid #bfbfbf;
	color:#666;
	width:40%;
	float:right;
}
.policy,.centered_content {
	padding:0 2%;
}
.policy dl {
	width:100%;
	border-spacing:0;
	padding:0;
	border:1px solid #ccc;
	border-radius:5px;
	overflow:hidden;
	box-shadow:1px 1px 0 white;
	box-shadow:0px 7px 10px -6px #ccc;
}
.policy dt {
	height:30px;
	line-height:30px;
	border-radius:5px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(0.6,#FAFAFA),color-stop(1,#EFEFEF));
	background:-o-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%);
	background:-moz-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%);
	background:-ms-linear-gradient(top,#FDFDFD 0%,#FAFAFA 60%,#EFEFEF 100%);
	color:#000;
	text-indent:10px;
}
.policy dt i {
	background: url(imagesicon_arrows.png) -29px 0 no-repeat;
	width: 10px;
	height:10px;
	background-size:40px 10px;
	float:right;
	margin: 12px 10px 0 0;
	-webkit-transition:all 0.3s ease-out;
}
.policy dt i.close {
	-webkit-transform:scale(1) rotate(-90deg);
	margin: 10px 10px 0 0;
}
.policy dd {
	height:30px;
	line-height:30px;
	text-indent:10px;
	border-top:1px solid #ccc;
	background:white;
	margin:0;
	color:#666;
}
.agreed,.statement {
	float:left;
	width:100%;
	padding:5px 0;
}
input[type=button].btn_gradient_red,input[type=submit].btn_gradient_red,a.btn_gradient_red {
	float:left;
	width:100%;
	height:38px;
	border:0;
	padding:0 13px;
	border-radius:6px;
	text-shadow:0 1px 0 rgba(100,13,0,.4);
	box-shadow:0 1px 1px #f72d2d;
	font-size:14px;
	color:white;
	background:-webkit-linear-gradient(#f72d2d,#f72d2d);
	background:-o-linear-gradient(#e41d12,#c5140c);
	background:-moz-linear-gradient(#e41d12,#c5140c);
	background:-ms-linear-gradient(#e41d12,#c5140c)
}
.center_wrap {
	float:none !important;
	width:100%;
	display:box;
	box-pack:center;
	box-align:center;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	padding-top:10px;
}
.topTip {
	color:#c00;
	background:#fffdd8;
	border-bottom:1px solid #d9d7b8;
	padding:5px 5%;
	line-height:20px;
}
.validate_wrap {
	float:left;
	width:48%;
	margin-right:10px
}
.validate_wrap input {
	min-width:80%;
	max-width:80%
}
img.validate_code {
	float:left;
	border:0
}
a.refresh_code {
	float:left;
	line-height:38px;
	margin:0 15px
}
.block_w_100pc {
	float:left;
	width:100%
}
ul.success {
	display:block;
	margin:30px 0 10px 0;
	padding:0;
	list-style:none;
}
ul.info_sent {
	margin-top:10px
}
ul.success li {
	display:block;
	margin-bottom:10px;
	width:100%;
	line-height:18px;
	word-break:break-all;
	text-align:center;
	color:#666;
}
ul.success li.w_220 {
	width: 220px;
	text-align: left;
	margin:0 auto;
	line-height:20px
}
ul.success li:last-child {
	margin-bottom:0
}
ul.success li:first-child h1 {
	display:inline-block;
	line-height:35px;
	font-weight:bold;
	font-size:18px;
	color:#999;
	text-align:center
}
ul.success li:first-child h1:before {
	content:'';
	float:left;
	width:39px;
	height:31px;
	background:url(../images/bg_check_mark_large.png) no-repeat;
	background-size:39px 31px
}
ul.success li strong {
	padding:20px 0;
	color:black
}
.failed {
	width:225px;
	margin:0 auto;
	padding-top:50px;
	height:80px;
}
.icon_exclamation {
	float:left;
	padding:6px 18px;
	width:6px;
	height:30px;
	line-height:42px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	border:2px solid #a9a8a7;
	border-radius:50px;
	color:#a9a8a7
}
.icon_exclamation:before {
	content:'';
	display:block;
	width:6px;
	height:22px;
	background-color:#a9a8a7;
	border-radius:60% 60% 60% 60%/20% 20% 90% 90%
}
.icon_exclamation:after {
	content:'';
	display:block;
	margin:2px 0;
	width:6px;
	height:6px;
	border-radius:6px;
	background:#a9a8a7
}
.failed_msg {
	float:left;
	margin-left:15px;
	font-size:18px;
	color:#999
}
.also {
	color:#444;
	line-height:24px;
	font-size:14px;
	float:left;
	width:90%;
	margin-top:40px;
	padding-left:10%;
}
.also dl {
	width:240px;
	margin:0 auto;
}
.also dt {
	font-size:16px;
	line-height:30px;
}
.also dd {
	margin:0;
}

.terms,.popup_compare{position: fixed;z-index: 999;top: 0;right: 0;float: left;width: 0;height: 100%;color: #d6d6d6;background: rgba(0,0,0,.85); display:none;}
.terms h3,.popup_compare h3{ text-align:right; padding:0 10px; margin-bottom:0;}
.terms h3 a.closer,.popup_compare h3 a.closer{ display:inline-block;width: 1.6rem;height: 1.5rem;line-height: 1.4rem;text-align: center;font-weight: bold;border: 2px solid #737373;border-radius: 2rem;color: rgba(255,255,255,.8);background: rgba(75,74,72,1);}
.terms h3 a.closer>span,.popup_compare h3 a.closer>span{display:inline-block; position:relative; left:-0.1rem; background:url(../images/step_pannel_icon.png) 0.4rem -28.6rem no-repeat; background-size:1.9rem 50rem; width:2.1rem; height:2.0rem}
.popup_compare h3 a.closer>span{-webkit-transform:rotate(45deg);transform:rotate(45deg); background-position:0.2rem -28.4rem}
.terms h2{ text-align:center; line-height:30px; font-size:18px; margin-top:0; color:rgba(229,229,229,1)}
.termsTxt{ overflow-y:auto; padding:0 3rem 3rem; font-size:14px;color:rgba(178,178,178,1)}
.terms.close{animation: slideRight .5s forwards;-webkit-animation: slideRight .5s forwards}
.terms.open{animation: slideLeft .5s forwards;-webkit-animation: slideLeft .5s forwards}
.terms p{ line-height:26px;}
@keyframes slideLeft{from{width:0} to{width:100%}}
@-webkit-keyframes slideLeft{from{width:0} to{width:100%}}
@keyframes slideRight{from{width:100%} to{width:0}}
@-webkit-keyframes slideRight{from{width:100%} to{width:0}}