*{margin: 0;padding: 0;}
input,button{font-family: '微软雅黑';background: none;outline: none;}
body{background: #979797;font-family: '微软雅黑'}
.login-box{width: 800px;height: 500px;position: absolute;left: 50%;top: 50%;margin: -250px 0 0 -400px;background: #fff;box-shadow: 0px 3px 16px 3px #666;}
.login-title{width: 100%;height: 100px;background: #313131;color: #fff;font-size: 30px;text-align: center;letter-spacing: .2em;}
.login-title-h{height: 100%;}
.login-title img{display: inline-block;height:60%;color: #dd2f30;margin-top: 1.2rem;border-radius: 50%;margin-right: 15px;}
.login-title h3{line-height: 106px;height:100%;font-family: '宋体';display: inline-block;vertical-align: top;font-weight: normal;}
.login-name{height: 70px;width: 560px;margin: 50px auto 0 auto;border: 1px solid #cbcbcb;border-radius: 3px;background: #e5e5e5;opacity: .7;}
.login-name img{line-height: 70px;width: 36px;height: 36px;display: inline-block;margin: 18px 0 0 22px;}
.login-name input{height: 100%;width: 480px;border: none;float: right;font-size: 18px;border-radius: 3px;}
.login-password{height: 70px;width: 560px;margin: 0 auto;border: 1px solid #cbcbcb;border-radius: 3px;background: #e5e5e5;opacity: .7;}
.login-password img{line-height: 70px;width: 36px;height: 36px;display: inline-block;margin: 18px 0 0 22px;}
.login-password input{height: 100%;width: 480px;border: none;float: right;font-size: 18px;border-radius: 3px;}
.login-btn{height: 62px;width: 428px;margin: 10px auto 0 auto;text-align :center;}
.login-btn input{height: 62px;width: 258px;border: none;border-radius: 3px;font-size: 24px;color: #fff;background: -webkit-linear-gradient(top,#db6565,#dd3131);background: -moz-linear-gradient(top,#db6565,#dd3131);background: -ms-linear-gradient(top,#db6565,#dd3131);background: linear-gradient(top,#db6565,#dd3131);}
.login-btn input:hover{background: -webkit-linear-gradient(top,#f16f70,#f23636);}
.login-foot{width: 40%;height: 60px;position: absolute;bottom: 0;left: 50%;margin-left: -20%;text-align: center;color: #333333;font-size: 14px;}
.login-foot .p1 a{margin-left: 20px;color: #0e6bf5;text-decoration: none;}
input:-webkit-autofill{background-color: #fff!important;}

.login-box span{display: block;height: 50px;line-height: 30px;width: 560px;margin: 0 auto;color: #dd3131;}
@media screen and (min-width: 600px) and (max-width: 960px){
	
	.login-box{width: 600px;margin: -250px 0 0 -300px;height: 460px;}
	.login-title{height: 80px;}
	.login-title img{font-size: 40px;line-height: 80px;vertical-align: top;}
	.login-title h3{font-size: 28px;line-height: 80px;}
	
	.login-name{width: 460px;height: 60px;}
	.login-name img{line-height: 60px;width: 30px;height: 30px;margin: 15px 0 0 20px;}
	.login-name input{width: 400px;}
	.login-password{width: 460px;height: 60px;}
	.login-password img{width: 30px;height: 30px;margin: 15px 0 0 20px;}
	.login-password input{width: 400px;}
	.login-btn{margin: 20px auto 0 auto;}
    .login-btn input{width: 218px;}
    .login-box span{width: 462px;}
    .login-foot{width: 600px;margin-left: -300px;}
    
}
@media screen and (max-width: 600px){
	.login-box{width: 300px;margin: -150px 0 0 -150px;height: 240px;}
	.login-title{height: 40px;}
	.login-title img{font-size: 20px;line-height: 40px;vertical-align: top;margin-top: 8px;}
	.login-title h3{font-size: 14px;line-height: 40px;}

	.login-name{width: 220px;height: 32px;margin: 20px auto 0 auto;}
	.login-name img{line-height: 40px;width: 16px;height: 16px;margin: 8px 0 0 10px;}
	.login-name input{width: 180px;font-size: 12px;}
	.login-password{width: 220px;height: 32px;margin: 12px auto 0 auto;}
	.login-password img{width: 16px;height: 16px;margin: 8px 0 0 10px;}
	.login-password input{width: 180px;font-size: 12px;}
	.login-btn{margin: 12px auto 0 auto;width: 260px;height: 40px;}
	.login-btn input{height: 30px;width: 110px;font-size: 14px;}
	.login-box span{width: 220px;height: 18px;font-size: 12px;line-height: 18px;}
	.p1{font-size: 12px;}
	.p2{font-size: 12px;}
   .login-foot{width: 300px;margin-left: -150px;}
   .login-foot .p1 a{display: block;margin-left: 0;}
    
}