/*-----默认样式-----*/
*{ margin:0; padding:0}
body{ font-size:12px; font-family:"Microsoft YaHei","微软雅黑"}
dl,dt,dd,tt,ul,li{ list-style:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{ text-decoration:none; cursor:pointer}
a:hover{ text-decoration:none}
img{border:0}
.w1024{ width:1024px; margin:0 auto;}

/*-----头部-----*/
.login-header{
	width:1024px;
    height:73px;
    margin:0px auto;
}
.login-header>span{
	float:right;
    height:73px;
    line-height: 73px;
	color:#999;
    font-size:14px;
}

/*-----主体-----*/
.login-main{ height:587px; background:url(../img/login/big_bg.png) no-repeat center;}
.login-user{
	position:relative;
	float:right;
    width:371px;
    height:371px;
	margin:105px 20px 0 0;
	border-radius: 6px;
	background:url(../img/login/WhiteDot-40.png)
}
.login-user input, .login-user label, .login-user img{display:inline-block;}
.login-user>ul>li.login-name,
.login-user>ul>li.login-ver,
.login-user>ul>li.login-pwd,
.login-user>ul>li.login-btn{
    height:52px;
    width:312px;
    text-align:center;
    margin:20px auto 20px auto;
    position:relative;
}
.login-user>ul>li.login-btn{ height:auto !important; margin:40px auto 17px auto !important;}
.login-user>ul>li.login-name{
    background:url(../img/login/input_bg.png) 0 0 no-repeat;
}
.login-user>ul>li.login-pwd{
    background:url(../img/login/input_bg.png) 0 -70px no-repeat;
}
.login-user>ul>li.login-ver{
    background:url(../img/login/input_bg.png) 0px -140px no-repeat;
    margin-bottom:0px;
}
.login-user>ul>li.login-name{
    margin-top:40px;
}
.login-user>ul>li.login-name>input,
.login-user>ul>li.login-pwd>input{ float:right; width:266px; }
.login-user>ul>li.login-name>input,
.login-user>ul>li.login-pwd>input,
.login-user>ul>li.login-ver>input{
    height:49px;
    line-height:49px;
    padding-left:42px;
    border:none;
    outline: none;
    font-size:16px;
    border-radius:6px;
}
.login-user>ul>li.login-ver>input{
    width:150px;
    float:left;
}
.login-user>ul>li.login-name>label,
.login-user>ul>li.login-pwd>label,
.login-user>ul>li.login-ver>label{
	position:absolute;
	height:50px;
	left:0;
	top:0;
	display:block !important;
	padding-left:55px;
	line-height:50px;
	color:#ddd;
	text-align:left;
}
.login-user>ul>li.login-name>label{ background:url(../img/login/input_bg.png) 0 -0 no-repeat;}
.login-user>ul>li.login-pwd>label{ background:url(../img/login/input_bg.png) 0 -70px no-repeat;}
.login-user>ul>li.login-ver>label{ background:url(../img/login/input_bg.png) 0 -140px no-repeat;}
.login-user>ul>li.login-ver>img{
    float:right;
    width:91px;
    height:49px;
    border:0px;
}
.login-user>ul>li.login-a{
    width:312px;
    line-height:32px;
    margin:0px auto;
    margin-bottom:0px;
}
.login-user>ul>li.login-a a{ color:#666;}
.login-user>ul>li.login-a>a.reg{
    float:left;
	padding-left:18px;
    font-size:12px;
	background:url(../img/login/login-icon.png) 0 12px no-repeat;
}
.login-user>ul>li.login-a>a.forget-mm{
    float:right;
    font-size:12px;
}
.login-user>ul>li.login-a>a.forget-mm:hover,
.login-user>ul>li.login-a>a.reg:hover{
    text-decoration:underline;
}

.login-user>ul>li.login-btn>input.a,
.login-user>ul>li.login-btn>input.b{
    width:150px;
    height:40px;
	font-family: "Microsoft YaHei";
    border-radius:6px;
    line-height:40px;
    text-align:center;
    background-color:#001fdc;
    float:left;
    border:none;
    color:white;
    font-size:18px;
    cursor:pointer;
}
.login-user>ul>li.login-btn>input.b{
    background-color:#E34B4A;
    float:right;
}
.login-user>ul>li.login-btn>input.a:hover{ background-color:#1633e5;}
.login-user>ul>li.login-btn>input.b:hover{ background-color:#eb5857;}
/*验证提示*/
#errorDiv{ position:absolute; top:7px; left:50%; width:258px; margin-left:-129px; font: normal 12px/23px "Microsoft YaHei";
transition:All 0.4s ease-in-out;    
-webkit-transition:All 0.4s ease-in-out;    
-moz-transition:All 0.4s ease-in-out;    
-o-transition:All 0.4s ease-in-out;
}
#errorDiv.login_error, #errorDiv.login_ok{ text-align:center; font: normal 13px/23px "Microsoft YaHei";
transform:scale(1.2); /*放大*/
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2); 
-ms-transform:scale(1.2);
}
#errorDiv.login_error{ color:#e40000; border:1px solid #e40000;}
#errorDiv.login_ok{ color:#1860c2; border:1px solid #1860c2;}

/*-----底部-----*/
.login-footer{
    text-align:center;
    font-size:12px;
    color:#666666;
}
.login-footer>p{ line-height:20px;}
.login-footer>p.link-a{
    margin-top:30px;
}
.login-footer>p.link-a>a{
	margin:0 5px;
    color:#666666;
}
.login-footer>p.link-a>a:hover{
    text-decoration: underline;
}
.login-footer>p.link-a>a:visited{
    color:#666666;
}

.weima{ margin:10px 0; text-align:center;}
.weima>div{ display:inline-block; margin:0 10px;}
.weima img{ width:80px; height:80px;}

/*-----移动端-----*/
@media screen and (min-width: 768px) {
	.wap-login-header{ display:none;}
	}
@media screen and (max-width: 768px) {
	html,body{ height:100%; font-size:100%;
	background-image:url(../img/login/wap-big_bg.jpg); background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;
	}
	/*头部*/
	.wap-login-header{ padding-top:50px; text-align:center;}
	.wap-login-header img{ width:15%; height:auto;}
	.wap-login-header p{ color:#fff; font:bold 1.2em/50px "Microsoft YaHei","微软雅黑","黑体"}
	.login-header{ display:none;}
	.login-main .w1024{ width:auto;}
	/*主体*/
	.login-main{ height:auto; margin-top:60px;}
	.login-main, .login-main .login-user{ background:none;}
	.login-main .login-user{
	float:inherit;
    width:auto;
    height:auto;
	margin:0;
	}
	/*主体表单*/
	.login-user>ul>li.login-name,
	.login-user>ul>li.login-ver,
	.login-user>ul>li.login-pwd,
	.login-user>ul>li.login-btn
	{ width:90%; margin:10px auto 0 auto; background:none;}
	.login-user>ul>li.login-name>input, .login-user>ul>li.login-pwd>input, .login-user>ul>li.login-ver>input{ border-radius:6px;}
	.login-user>ul>li.login-name>input,
	.login-user>ul>li.login-pwd>input{
		width:100%;
		padding-left:55px;
		box-sizing:border-box;
		}
	.login-user>ul>li.login-ver>input{ width:50%; margin-left:0; padding-left:55px; box-sizing:border-box;}
	.login-user>ul>li.login-btn>input.a{ width:100%; background-color:#E34B4A}
	.login-user>ul>li.login-btn>input.a:hover{ background-color:#ec5756}
	.login-user>ul>li.login-btn>input.b{ display:none;}
	.login-user>ul>li.login-a{ width:90%; margin:0 auto; font-size:14px;}
	.login-user>ul>li.login-a>a.reg{ padding-left:0; background:none;}
	/*底部*/
	/*.login-footer{ position:fixed; bottom:0; left:0; z-index:-1; width:100%; height:100%; background: url(../img/login/wap-big_bg.jpg) left top no-repeat; background-size:cover; background-size:100%;}*/
	.login-footer .copyright{ display:none; position:fixed; bottom:20px; left:0; width:100%; text-align:center; color:#cbeaff;}
	.weima, .link-a{ display:none;}
	.login-user > ul > li.login-a a { color: #fff;}
}