html, body { height: 100%; font-size:14px; padding: 0;margin: 0; font-family:'Microsoft Yahei'; background:#6ab8f5;  overflow:hidden;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
.login-wrapper{ width: 400px; border-radius:3px; background: #ffffff; box-shadow:0px 0px 10px rgba(20,125,206,0.9); margin: 100px auto;}
.login-header{ height: 50px; line-height: 50px; font-size: 18px; color: #ffffff; background: #147dce; text-align: center; border-radius:3px 3px 0 0;}
.login-header h4{ font-weight: normal; }
.error-tip{position: absolute; padding: 15px 0; width: 100%; text-align: center; color: red;}
.login-body{ padding:45px 45px 65px;}
.form-group{ margin-bottom: 20px}
.form-group label{ display: block; font-size: 14px; margin-bottom: 8px;}
.form-control{ background: #f8f8f8; border: 1px solid #d9d9d9; border-radius:3px; font-size: 14px; padding: 10px 0; text-indent: 10px; width: 100%; display: block;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.check-box{ clear: both; overflow: hidden;}
.check-box input,.check-box label{ float: left;}
.u-btn{ padding: 12px 0; width:100%; font-size: 18px; background: #f8f8f8; border: 1px solid #d9d9d9; border-radius: 3px; text-align:center; color: #333;}
.u-btn-primary{background: #147dce; border: 1px solid #147dce;color: #ffffff;}
.login-container{ position: relative; min-height: 150px;}
.link-box{  line-height: 40px;text-align: center; background: #f8f8f8; border-radius: 0 0 3px 3px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); position: absolute; bottom: 0px; left: 0px; right: 0px;}
.link-box a{ color: #666666; text-decoration: none;}
.login-footer{ text-align: center; color: #ffffff; font-size: 12px; position:absolute; width: 100%; bottom: -50px; line-height: 18px; font-family: arial, sans-serif;}
/*for phone*/
@media (max-width: 440px){
    .login-wrapper{ width: auto; margin:100px 20px;}
}