@charset "utf-8";

/*
 * 
 * Style - login
 * Version: 3.0
 */

/* ---------- lgoin ---------- */




body {
	color: #37373b;
	background-color:#fff;
}



.login-header{
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    padding: 15px 0;
    background: #fff;
    text-align: center;
}
.login-header-logo{
    float: left;
    width: 200px;
    height: 60px;
    background-image: url(../images/logo.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
}

.login-header-date{
    float: right;
    text-align: right;
    padding: 0;
    font-size: 17px;
    line-height: 60px;
    color: #666;
}







.login-bg{
    background-image: url(../images/login-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
/*     min-height: 400px; */
    height: auto;
    min-width: 1200px;
}

.wrap{
	width:1200px;
	min-height:800px;
	height:100%;
	margin:0 auto;
	text-align:center;
}
.loginForm {
    float: right;
    width: 479px;
    margin-top: 126px;
    margin-right: 160px;
    padding-bottom: 20px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.loginForm table{
	width:100%;
}
.loginForm table.differentLogin {
    width: 100%;
    height: 112px;
    font-size: 24px;
}




.loginForm .title{
	color: #c32022;
	letter-spacing:1px;
	padding:10px 0 5px 17px;
	margin-bottom:30px;
}

.loginForm td {
	margin:0;
	font-weight: normal;
	height: 26px;
}

.loginForm span.requiredField{
	padding-right: 3px;
	color: #FF6D6D;
	font-size: 12px;
}

.loginForm .gender label {
   margin-right:20px;
}

.loginForm .gender label  input{
  margin-right:5px;
}


.loginForm .skip{
	font-size: 12px;
	color: #d8d8d8;
}

.loginForm .skip td{
	padding-left: 190px;
}

.loginForm .mradio{
	margin-left:-30px;
}

input,label{
	vertical-align:middle;
	margin-top:0px; 
	margin-bottom:0px;
} 

.loginForm input.authcode{
	width: 130px;
	height: 38px;
	line-height: 38px;
	padding: 0px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid ;
	border-color:#dadada;
	background: none;
}


.loginForm input.authcode:hover {
	-webkit-transition: box-shadow linear 0.2s;
	-moz-transition: box-shadow linear 0.2s;
	-ms-transition: box-shadow linear 0.2s;
	-o-transition: box-shadow linear 0.2s;
	transition: box-shadow linear 0.2s;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	border: 1px solid #74b9ef;
	background: none;
}

.cell{
    height: 54px;
    width: 388px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid;
    border-color: #92a3c2;
    background: none;
    margin-left: 45px;
}
.cell:hover,focus{
	border: 1px solid #3abeb3;
	background: none;
	-webkit-transition: box-shadow linear 0.2s;
	-moz-transition: box-shadow linear 0.2s;
	-ms-transition: box-shadow linear 0.2s;
	-o-transition: box-shadow linear 0.2s;
	transition: box-shadow linear 0.2s;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.tip{
    color: #FF6D6D;
    border: 0px;
    height: 26px;
    margin: 0 auto;
    margin-left: 45px;
}

.cellIcon{
    float: left;
    width: 60px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px auto;
}
.imgPhone{
	background-image: url(../images/loginIcon_phone.png);	
}
.imgPassword{
	background-image: url(../images/loginIcon_pwd.png);	
}
.imgAuthcode{
	background-image: url(../images/loginIcon_authcode.png);	
}

.imgUserId{
	background-image: url(../images/loginIcon_userId.png);	
	
}
.imgUserName{
	background-image: url(../images/loginIcon_userName.png);	
	
}
.imgPassword1{
	background-image: url(../images/loginIcon_pwd.png);	
}
.imgAuthcode1{
	
	background-image: url(../images/loginIcon_authcode.png);	
	
}
.cell input{
    height: 100%;
    width:300px;
    float: left;
    padding: 0px;
    border: 0px;
    background: none;
    font-size: 18px;
    line-height:54px;
}
input.captcha{
	width:180px;
}
/*修改input默认文本的 颜色 */
.cell input::-webkit-input-placeholder{
	color:#9c9c9c;
}
.cell input:-moz-placeholder{
	color:#9c9c9c;
}
.cell input::-moz-placeholder{
	color:#9c9c9c;
}
.cell input:-ms-input-placeholder{
	color:#9c9c9c;
}

.cell img.captchaImage{
    width: 100px;
    height: 40px;
    margin-top: 7px;
    padding-left: 10px;
    border-left: 1px solid #a3a3a3;
}

.loginForm .submit {
    margin-top: 40px;
    width: 390px;
    height: 60px;
    padding: 0px;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    blr: expression(this.hideFocus = true);
    border: none;
    border-radius: 5px;
    background: #faa600;
    font-size: 24px;
}

.loginForm .submit:hover {
	background: #fbb800;
}

.regAndforgetpwd{
	padding-top:20px;
	font-size:20px;
}

.loginForm a{
	font-family:'PingFang-SC-Medium','Microsoft YaHei';
	color: #9c9c9c;
    text-decoration: none;
    cursor: pointer;
}

.loginForm a:hover{
	color: #3abeb3;
}

.login-bottom{
	clear:both;
	text-align:center;
	width:100%;
	height:20px;
	line-height:20px;
	color:#666;
	font-size:17px;
	margin-bottom:40px;
	position:relative;
}

label.fieldErrorRed {
    line-height: 26px;
    color: #c52b2b;
    padding-left: 45px;
    float: left;
    font-size: 13px;
}

/* 适配手机  */
@media (min-device-width : 300px) and (max-device-width : 768px){
	@media (min-width:320px){
		html{
			font-size:15px;
		}
	}
	@media (min-width:375px){
		html{
			font-size:18px;
		}
	}
	@media (min-width:400px){
		html{
			font-size:20px;
		}
	}
	@media (min-width:440px){
		html{
			font-size:22px;
		}
	}
	@media (min-width:480px){
		html{
			font-size:24px;
		}
	}
	@media (min-width:520px){
		html{
			font-size:26px;
		}
	}
	@media (min-width:560px){
		html{
			font-size:28px;
		}
	}
	
	
	@media (min-width:640px){
		html{
			font-size:32px;
		}
	}
	@media (min-width:750px){
		html{
			font-size:34px;
		}
	}
	
    .login-header{
    	width: 100%;
    	height: 2.4rem;
    	margin: 0 auto;
    	padding:1rem auto;
    	background: #fff;
    	text-align: center;
	}
	.login-header-logo{
    	float: left;
    	width: 100%;
   	 	height: 2.4rem;
    	background-image: url(../images/logo.png);
    	background-size: auto 100%;
    	background-position: 2rem center;
    	background-repeat: no-repeat;
	}

	.login-header-date{
		display:none;
		width:0;
	}
    
    .login-bg{
    	background-image: url(../images/login-bg-h5.png);
/*    		background-repeat: no-repeat; */
    	background-size: 100% auto;
    	height: auto;
	   	min-height:100%;
    	width:100%;
    	min-width:100%;
    	margin:0 auto;
    	padding:0;
    	text-align:center;
	}

	.wrap {
    	width: 100%;
    	height: auto;
    	min-height:100%;
    	margin: 0 auto;
    	text-align: center;
    	padding-top:1rem;
	}
	.loginForm {
    	float:none;
    	width: 20.5rem;
    	margin-right:0px;
    	margin:0 auto;
/*    	 	margin-top: 9.3rem; */
    	padding:0px;
    	padding-bottom: 0.9rem;
    	background: #fff;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	}
	
	.loginForm table.differentLogin {
    	width: 100%;
    	height: 4.8rem;
   		font-size: 1.2rem;
	}
	
	.loginForm td {
    	margin: 0;
    	font-weight: normal;
    	height: 1.4rem;
	}
	.cell {
		margin:auto;
    	height: 2.3rem;
    	width: 16.5rem;
   	 	-webkit-border-radius: 1px;
    	-moz-border-radius: 1px;
   	 	border-radius: 1px;
    	border: 1px solid;
    	border-color: #92a3c2;
    	background: none;
	}
	
	.cellIcon {
    	float: left;
    	width: 3rem;
    	height: 100%;
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-size: 2rem auto;
	}
	.cell input {
	    float: left;	
   	 	height: 100%;
    	width: 12.5rem;
    	padding: 0px;
    	border: 0px;
    	background: none;
    	font-size: 0.9rem;
    	line-height: 2.3rem;
	}
	
	input.captcha {
   		width: 9.2rem;
	}
	
	.cell img.captchaImage {
   	 	width: 3.6rem;
    	height: 1.5rem;
    	margin-top: 0.4rem;
    	padding-left: 0.5rem;
    	border-left: 1px solid #a3a3a3;
	}
	
	.tip {
    	color: #FF6D6D;
    	border: 0px;
    	height: 1.4rem;
    	margin: 0 auto;
    	margin-left: 2rem;
	}
	
	.loginForm .submit {
    	margin-top: 0rem;
    	width: 16.5rem;
    	height: 2.6rem;
    	padding: 0px;
    	color: #ffffff;
    	cursor: pointer;
    	outline: none;
    	blr: expression(this.hideFocus = true);
    	border: 1px #faa600 solid;
    	border-radius: 5px;
    	background: #faa600;
    	font-size: 1.2rem;
	}
	.regAndforgetpwd {
    	padding-top: 0.7rem;
    	font-size: 0.9rem;
	}
	
	
	label.fieldErrorRed {
    	line-height: 1.4rem;
    	color: #c52b2b;
    	padding-left: 0px;
    	float: left;
    	font-size: 0.6rem;
    	margin-left:2rem;
	}
	.login-bottom{
		height:0px;
		display:none;
	}
}