body,html{margin: 0;padding: 0;height:100%;}
p{margin: 0;padding: 0;}
input{background: none;}
@media screen and (min-width: 650px){
	body{display: table;table-layout: fixed;width:100%; height:100%;}
	.login{background: url(../img/lgbg.jpg) no-repeat 100%;width:100%; height:100%;display: table-cell;vertical-align: middle;}
	.box{width: 375px;margin: 0 auto;;}
	.box .loginbox{background: #fff url(../img/boxbg.png) no-repeat;background-position: 150% 120%;border-radius: 8px;padding: 10% 5% 5% 5%;height: 45%;}
	.loginboxTitle{text-align: center;font-size: 26px;margin-bottom: 10%;}
	.login input{border: none;font-size: 14px;line-height: 43px;outline: none;height: 43px;}
	.login  .button{font-size: 18px;line-height: 42px;background-color: #0084ff;color: #FFFFFF;text-align: center;width: 100%;border-radius: 4px;margin-top: 50px;}
	.topimg{display: block;margin: 0 auto;margin-bottom: 20px;/* height: 13% */;width: 135px;}
	.loginInput>p{border-bottom: 1px solid #0a0a0a;margin-top: 10%;line-height: 46px;}
	
	.loginInput>p .icon{vertical-align: middle;margin-right: 5px;width: 26px;height: 28px;}
	.loginInput>p:first-child .icon{width: 28px;}
	.newuser{display: none;}
}
@media screen and (max-width: 650px) {
	.login{background: url(../img/mbg.jpg) no-repeat ;background-size: 100% 100%;height: 100%;/* padding-bottom: 25% */;}
	.box{width: 80%;margin: 0 auto;padding-top: 18%;}
	.box .loginbox{background: #fff url(../img/boxbg.png) no-repeat;background-size: 80%;background-position: 207% 120%;border-radius: 8px;padding: 12% 10%  10% 10%;;}
	.loginboxTitle{text-align: center;font-size: 1.3em;margin-bottom:  12%;}
	.login input{border: none;font-size: 0.8em;line-height: 43px;outline: none;}
	.login .button{font-size: 1.2em;line-height: 38px;background-color: #0084ff;color: #FFFFFF;text-align: center;width: 100%;border-radius: 4px;margin-top: 13%;}
	.topimg{display: block;margin: 0 auto;margin-bottom: 15%;width: 30%;}
	.loginInput>p{border-bottom: 1px solid #0a0a0a;margin-top:  8%;}
	.loginInput>p .icon{vertical-align:middle;margin-right: 1%;width: 24px;}
	.loginInput>p:first-child .icon{width: 26px;}
	.loginInput>p input{width: 75%;}
	.newuser{font-size: 0.7em;color: #0084FF;display: block;text-align: center;margin-top: 6%;}
}
.login .button{display: block;text-decoration: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	background-color: transparent;
	background-image: none;
	transition: background-color 50000s ease-in-out 0s; /*背景色透明  生效时长  过渡效果  启用时延迟的时间*/
}
input {
	 background-color:transparent;
}