*{ margin:0; padding:0;}
body,html{ height:100%; width:100%; background:#f0f3f4;}
li{ list-style:none;}
.loginBox{ margin:0 auto; padding-bottom:30px;}
.loginBox .logo{ padding-bottom:10px;}
.loginBox .logo a{ display:block;}
.userLogin{ background:#fff; box-shadow:0 0 7px #dbe0e0; padding:10px; overflow:hidden;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.userLogin .pic img{ width:100%;}
.userLogin .login{ -moz-box-shadow:0 0 5px #e5e5e5; -webkit-box-shadow:0 0 5px #e5e5e5; box-shadow:0 0 5px #e5e5e5;}
.userLogin .login h3{ margin-bottom:16px;}
.userLogin .login ul li{ height:34px; font:14px/32px "宋体"; margin-bottom:3px; color:#666;}
.userLogin .login ul li .input1{ border:1px solid #d9d9d9; height:28px; outline:none; padding:2px 10px 2px 40px; background:url(../images/content/loginBtn2.png) no-repeat 8px center;}
.userLogin .login ul li .input1:focus{ border-color:#38abff;
-moz-box-shadow:0 0 5px rgba(56,171,255,0.5); -webkit-box-shadow:0 0 5px rgba(56,171,255,0.5); box-shadow:0 0 5px rgba(56,171,255,0.5);}
.userLogin .login ul li .input1.i2{ background-image:url(../images/content/loginBtn3.png);}
.userLogin .login ul li .input1.i3{ float:left; width:80px; max-width:45%; padding:2px 10px; background:none;}
.userLogin .login ul li a.img{ float:left; margin-left:15px; display:block; height:34px; max-width:45%;}
.userLogin .login ul li a.img img{ height:34px;}
.userLogin .login ul li label{ line-height:34px; height:34px; margin-right:10px; color:#333;}
.userLogin .login ul li input[type="checkbox"]{ height:32px; margin-right:5px; vertical-align:middle; outline:none;}
.userLogin .login ul li input[type="submit"]{ width:100%; height:34px; background:#e23a3c; border:none; color:#fff; font:16px/34px "微软雅黑"; cursor:pointer; outline:none; text-align:center;}
.userLogin .login ul li input[type="submit"]:hover{ background:#db2225;}

@media (max-width: 640px){
	.loginBox{ width:90%;}
	.loginBox .logo a img{ max-height:60px; max-width:100%; margin-top:10px;}
	.userLogin .pic{ width:0;}
	.userLogin .login{ width:80%; float:none; margin:30px auto; padding:20px;}
	.userLogin .login ul{ padding-left:0;}
	.userLogin .login ul li .input1{ width:80%;}
}
@media (min-width: 640px){
	.loginBox{ width:600px;}
	.loginBox .logo a img{ height:70px; margin-top:10px;}
	.userLogin .pic{ width:480px; float:none; margin:20px auto;}
	.userLogin .login{ width:480px; margin:30px auto; float:none; padding:15px 50px 20px 20px;}
	.userLogin .login ul{ padding-left:28px;}
	.userLogin .login ul li .input1{ width:420px;}
}
@media (min-width: 990px){
	.loginBox{ width:980px;}
	.loginBox .logo a img{ height:80px; margin-top:10px;}
	.userLogin .pic{ width:500px; float:left;}
	.userLogin .login{ width:350px; float:right; margin:45px 20px 30px 20px; padding:15px 50px 20px 20px;}
	.userLogin .login ul{ padding-left:28px;}
	.userLogin .login ul li .input1{ width:270px;}
}
@media (min-width: 1220px){
	.loginBox{ width:1200px;}
	.loginBox .logo a img{ height:80px; margin-top:0;}
	.userLogin .pic{ width:700px; float:left;}
	.userLogin .login{ width:370px; float:right; margin:45px 20px 30px 20px; padding:15px 50px 20px 20px;}
	.userLogin .login ul{ padding-left:28px;}
	.userLogin .login ul li .input1{ width:290px;}
}