@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font:12px/1.5 Microsoft YaHei,SimSun, Arial, Helvetica, sans-serif; color:#333; background:#FFF;}
img{border:0px;}
ul,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
table {border-collapse: collapse;border-spacing: 0;}
input,select,textarea{vertical-align:middle; outline:none; resize:none; font-family:Microsoft YaHei;}
a{color:#333; text-decoration:none;}
.clearfix{zoom:1; overflow:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0;}
.fl{float:left;}
.fr{float:right;}
::-webkit-input-placeholder{ color:#b6bbcd; text-overflow:ellipsis;}
:-moz-placeholder { color:#b6bbcd !important; text-overflow:ellipsis;}
::-moz-placeholder { color:#b6bbcd !important; text-overflow:ellipsis;} /* for the future */
:-ms-input-placeholder { color:#b6bbcd !important; text-overflow:ellipsis;}
/**************************/
html,body{ width:100%; height:100%;}
.lg_bg{ background:url(../images/lg_bg.png) no-repeat center center fixed; -webkit-background-size:cover; background-size:cover;}
.lg_box{ width:500px; height:500px; background:#FFFFFF; border-radius:16px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -250px; box-shadow:rgba(191,195,214,1) 0 3px 16px;}
.lg_padd{ padding:58px 0 0 0}
.lg_title{ line-height:30px; font-size:24px; color:#252c47; text-align:center;}
.lg_main{ margin-top:48px;}
.lg_minHeight{ min-height:184px;}
.lg_tips{ width:400px; min-height:30px; line-height:30px; font-size:14px; color:#b6bbcd; margin:0 auto 20px; white-space:nowrap;}
.lg_form{ width:400px; margin:0 auto;}
.lg_form li{ width:100%; height:48px; position:relative;}
.lg_form li+li{ margin-top:20px;}
.lg_form li .lg_input,.lg_form li .valid_input{ width:324px; height:26px; line-height:26px; padding:10px 20px 10px 54px; border:solid #e4e8f0 1px; font-size:14px; color:#252c47; border-radius:50px;}
.lg_form li .valid_input{ width:150px;}
.lg_form li .lg_input:focus,.lg_form li .valid_input:focus{ border-color:#6690ff;}
.lg_form li:before{ content:''; display:block; width:21px; height:21px; background:url(../images/ico_lg.png) no-repeat; overflow:hidden; position:absolute; left:26px; top:50%; margin-top:-10px;}
.lg_form li.userAccount:before{ background-position:0 0;}
.lg_form li.userPassword:before{ background-position:0 -30px;}
.lg_form li.userValid:before{ background-position:0 -60px;}
.lg_form li.userMobile:before{ background-position:0 -90px;}
.lg_form li.userPasswordFirm:before{ background-position:0 -120px;}
.lg_form li .picValid{ width:158px; height:46px; border:solid #e4e8f0 1px; border-radius:50px; overflow:hidden; position:absolute; right:0; top:0;}
.lg_form li .picValid img{ width:158px; height:46px;}
.lg_form li .bntMobile{ width:158px; height:46px; line-height:46px; font-size:14px; color:#6690ff; border:solid #94c2ff 1px; border-radius:50px; text-align:center; cursor:pointer; overflow:hidden; position:absolute; right:0; top:0;}
.lg_form li .bntMobile:hover{ opacity:.8;}

.lg_btn{ width:400px; height:48px; line-height:48px; margin:50px auto 0; font-size:18px; color:#FFFFFF; border-radius:50px; display:block; text-align:center;
	background:#646bfe;
	background:-webkit-gradient(linear, 0 100%, 0 0, from(#67a7ff), to(#646bfe));
	background:-webkit-linear-gradient(90deg, #67a7ff, #646bfe);
	background:-moz-linear-gradient(90deg, #67a7ff, #646bfe);
	background:-o-linear-gradient(90deg, #67a7ff, #646bfe);
	background:linear-gradient(90deg, #67a7ff, #646bfe);
	-webkit-box-shadow:rgba(98,131,254,.5) 0 3px 8px;
	box-shadow:rgba(98,131,254,.5) 0 3px 8px;
}
.lg_btn:hover{ opacity:.8;}
.quLg_align{ line-height:32px; text-align:center; margin-top:20px;}
.quLg_align .quLg{ font-size:14px; color:#6690ff;}