*{font-family: "微软雅黑";font-size: 16px; padding: 0;margin: 0; color: #666; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
 html,body{width:100%; height: 100%}
 body{background:url(../images/bg.jpg) no-repeat; background-size:100% 100% ;}
 
.bg{width: 415px;height: 337px;background: #fff;position: relative; position:absolute;left:0px;top:0px;right:0px; bottom:0px; margin:auto;z-index: 1;box-shadow:0px 0px 50px rgba(0, 0, 0, 0.4);border-radius: 15px;}
.password{position: absolute;top: 9.5rem;right: 3.5rem;display: flex;}
.login-sub-btn{position: absolute; top: 16rem;right: 3.5rem; border: none; color: #fff;width: 18.825rem; height: 2.5625rem;text-align: center; background-color: #5096d4;text-indent: 0rem;}
.img{width: 100%;position: absolute; left: 0;right: 0;margin: 0 auto; z-index: -1;}
.wel{width: 415px;height: 35px;color: #5096d4; font-size: 1.5rem; position: absolute; top: 2rem; text-align: center;}
.user input,.password input{ border: 0; border-bottom:0.0625rem solid #5096d4; height: 2.5625rem; width: 15.8125rem; text-indent: 3.125rem; outline:none;}
.user{position: absolute; top: 6rem; right: 3.5rem; display: flex;}
.yonghu{border-bottom:1px solid #5096d4;height: 41px;line-height: 41px;}
#mima{border-bottom:1px solid #990306;height: 41px;line-height: 41px;}
#reb{margin:-33px 0 0 20px;font-size: 11px;}


@media (min-width:800px) and (max-width:1200px)

{
	.bg{ width: 355px; height: 300px;}
	.wel{ width: 355px;} 
	.user{top: 5rem;right: 3.5rem;}
	.password{top: 8rem; right: 3.5rem;}
	input{width: 12rem;}   
	.rem{top: 11rem;right: 14.3rem;}
	.fg{top: 11rem;right: 3.5rem;}
	.btn{top: 14rem;width: 15rem;}
   
}