html,input,body{margin: 0;padding: 0;}
html{width: 100%;height: 100%;font-size: 100%;font-family:"Geogia","Times New Roman","Times";}
body{width: 100%;height: 100%;background: #282950;}
div,input{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}	
input::-webkit-input-placeholder { color: #999; font-weight: normal;}
input:-ms-input-placeholder {  color: #999;font-weight: normal;}
input::-moz-placeholder {color: #999; font-weight: normal;}
*{ padding:0; margin:0; }
img{ padding:0; margin:0; border:0; }

/*.wraper{
	width: 100%;
	height: 100%;
	background: url(../img/login-bg.jpg) no-repeat;
	background-size: cover;
	padding-top: 105px;
}
.main{
	width: 366px;
	height: 470px;
	margin: 0 auto;
}
.logo{
	text-align: center;
}
.login{
	font-size: 20px;
	text-align: center;
	color: #d7daec;
	text-shadow: 1px 2px 1px #13163a,-1px 0 1px #13163a;
	margin: 52px auto 10px;
}
hr{
	height: 1px;
	line-height: 1px;
	background-color: #0d1236;
	border: none;
	border-bottom: 1px solid #2c3661;
	margin: 0 2px;
	vertical-align: middle;
	display: inline-block;
}
.tips{
	color: #5368a2;
	font-size: 12px;
	text-align: center;
}
.register{
	color: #3085d5; 
}
.input-text{ 
	color: #444; 
	font-weight: bold;
}
.login-form >input,.login-form p >input{margin-top: 6%;display: inline-block;width: 100%;border: none;outline: none;
	border-radius: 5px;padding: 10px 5px;padding-left: 8px;font-size: 18px;letter-spacing: 1px;
}
.login-form p{ line-height:30px;}
.login-form p >input{ margin-top:3px;}
.login-form p{ color:#fff; font-family:Microsoft YaHei; margin-top:0;}
#submit{background-color: #3085d5;color: white;border: none;padding: 8px 0;font-size: 22px;border: 1px solid rgba(0,0,0,.3);cursor: pointer;}
.remenber{margin-top: 5%;}
.remenber span {position: relative;font-size: 12px;color: #999;line-height: 22px;color: #5368a2;position: relative;top: 10px;}
#checkbox{width: 16px;height: 16px;margin: 0 10px 0 0;vertical-align: middle;opacity: 0;position: relative;z-index: 1;cursor: pointer;}
.box{
	width: 14px;height: 15px;
	border: 1px solid #50649d; 
	position: absolute;
	left: 0;
	top: -2px;
	display: inline-block;
	z-index: 0;
}
.after::after{
	content: url(../img/icon-checkbox.png) no-repeat;
}
.help{
	display: inline-block;
	margin: 0;
	float: right;
	text-align: right;
}
.help a{
	text-decoration: none;
	color: #5368a2;
	text-align: right;
	font-size: 12px;
}*/
.logintip{
color: red;
}
.login{   
width:356px; 
padding:50px;  
height:400px; 
background:#fff; 
/*opacity:0.6;  
filter:alpha(opacity=40); */ 
border-radius:10px;   
position:fixed; 
left:50%;  
top:50%; 
margin-left:-178px;  
margin-top:-225px;   
} 
.lg{ margin-bottom:20px; }
.login input[type=text],.login input[type=password]{ 
font-size:14px; 
color:#666; 
padding-left:5px;  
height:35px; line-height:35px;  
width:250px;
background:#fff; 
border:#ccc solid 1px; 
box-shadow:0px 2px 2px #eee inset;
border-radius:5px;   
  
}
.login  div{ 
 font-size:14px; 
 margin-bottom:20px;
 
}
.w300{ width:300px; }
.login  div p{ line-height:25px}  
 .login input[type=submit]{ cursor:pointer; 
  width:256px;   
  border-radius:5px;   
  height:40px;  
  background:#ff9143; 
  color:#fff; 
  border:none; font-size:14px;  
}
.loginLink{ color:606060;
  width:250px;   
  margin:0 auto;
  text-align:right; 
  line-height:28px;
}
.loginLink a{
color:#666;    
text-decoration:none ;
 color:#ff9143;
}
.loginLink a:hover{
 text-decoration:underline ; 
} 
.mart50{ 
margin-top:50px; 

}  
.loginPage{
 background:url(../images/bg_page.jpg) center top  no-repeat #c6e4f7; 
}
.yahei{ font-family:Microsoft YaHei }

.footer{
 position:absolute;
 bottom:20px;  line-height:25px;  
 text-align:center; 
 width:1000px; margin-left:-500px; left:50%;
 color:#fff; font-size:14px; 
}

.login div p{color:red; line-height:18px; }  



.relogo{
  width:900px; 
  height:53px;
  margin:40px auto; 
  text-align:center;   
}
.register{ 
  width:800px;  
  margin:30px auto; 
  background:#fff; color:#606060; 
  height:650px; padding:50px; 
  border-radius:10px;
  font-size:14px;    
  font-family:'Microsoft YaHei';  
}
.l_span{
    display: inline-block;
     text-align: right;
     width: 90px;
 }
 .register  i { font-size:12px; color:#999; font-style:normal; font-family:'宋体' }
.register .line{   
  height:1px; 
  background:#ccc; 
  margin-bottom:20px;
  } 
.register .title{ 
  height:70px; 
  line-height:70px;
  /*font-family:'Microsoft YaHei';  */
  }
.register .title span{ float:left; font-size:22px; color:#666;}
 
.register input[type=text],.register input[type=password]{
font-size:14px; 
color:#666; 
padding-left:5px;   
height:35px;
line-height:35px;   
width:280px; 
background:#fff; 
border:#ccc solid 1px; 
box-shadow:0px 2px 2px #eee inset;
border-radius:5px; 
font-family:'Microsoft YaHei'; margin-right:10px;   
}
.mart20{ 
  margin-top:20px;  
} 
.register  input[type=button]{
  width:290px;    
  border-radius:5px;       
  height:40px; 
  background:#ff9143;
  color:#fff; 
  border:none;
  font-size:14px;
  cursor:pointer;
  font-family:'Microsoft YaHei'; 
   
} 
.step_1{
width:800px;  
 height:64px; 
 background:url(../images/step.gif)  0 0 no-repeat; 
}  
.step_2{
width:800px; 
 height:64px; 
 background:url(../images/step.gif)  0 -70px  no-repeat; 
}   
 .mart60{     
  margin-top:60px; 
 }
 .marl150{ 
 margin-left:150px;  
 }
 
 .registerBt{ 
   color:#fff; 
   font-size:14px; 
   text-align:center;  
   width:900px; 
   line-height:25px;
   margin:50px auto 0 auto;     
}
.reLink{  
  margin-top:20px;    
  padding-left:385px; 
  line-height:30px; 
} 
.reLink a{
   color:#ff9143;    
}
.reLink a:hover{
 text-decoration:underline; 
}

.yz-correct{  
 display:inline-block;
background:url(../images/correct.jpg) left center no-repeat;
padding     -left:20px;  

} 
.yz-wrong{
display:inline-block;
background:url(../images/wrong.jpg) left center no-repeat;
padding-left:20px;  
}
#vcode{ width:180px; } 
.vcodeImg{ 
margin-right:145px;
border:#ccc solid 1px; padding:1px;  
 } 
.vCode em{
  font-size:14px; 
  color:red; 
  font-style:normal; 
  margin-right:5px;  
 }