@charset "utf-8";
/* CSS Document */
*,*:before,*:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
html, body {height: 100%;background: #f5f5f5;}
form {max-width: 320px;margin: 20px auto;}
form label {position: absolute;display: block;width: 48px;height: 40px;line-height: 40px;background: #fff;text-align: center;top:1px;left:1px;}
form input {font-size:14px;line-height:18px;height:42px;padding:11px 8px 11px 50px;width:100%;border:1px solid #fff;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset;}
a {color: #000;text-decoration: none;}
.clear {clear: both;}
.login-box{width: 100%;padding: 10px 10px 15px;}
.login-banner-bg, .login-boxtitle {display: none;}
/*标题*/
h3.title {text-align: center;padding: 8px;font-weight: 600;}
/*主题*/
.login-form {background: #fff;width: 100%;}
.user-name, .user-pass{position:relative;height:42px; margin-bottom: 5px;}
.mr-cf {width:100%;max-width:320px;margin:0px auto;}
.mr-cf input {width:100%;font-size:14px;}
.login-links {max-width:320px;margin:20px auto;font-size:14px;}
/*底部*/
.footer {text-align: center;font-size: 12px;padding-top: 5px;}
.footer-bd {display: none;}
@media screen and (min-width: 640px) {
    form, .mr-cf{max-width: 640px;margin: 20px auto;}
    .footer-bd {display: block;}
    .mr-cf input {width: 100%;font-size: 16px;}
    /*底部*/
    .footer {text-align:left;display:block;position:relative;margin:0px auto;padding:7px 0px 9px;margin-top:20px;max-width:1200px;}
    .footer .footer-bd p{margin-bottom:8px;line-height:27px;text-align:left;border-bottom:1px solid #ddd;}
    .footer .footer-bd p{border-bottom: none;}
}
@media screen and (min-width: 1025px) {
    .login-box, .login-box2 {width:100%;max-width:360px;height:430px;position:absolute;margin-top:20px;margin-left:0px;background:#f8f8f8;right:2%;padding:10px 20px;}
    .login-box2 {height: 430px;}
    .login-boxtitle {max-width: 1000px;margin: 0px auto;height: 60px;}
    .login-boxtitle img {height: 60px;}
    .login-banner, .res-banner {width: 100%;height: 470px;background: #fd7a72;}
    .login-main, .res-main {max-width: 1000px;height: 470px;margin: 0px auto;position: relative;}
    /*头部*/
    .login-boxtitle {display: block;}
    /*背景*/
    .login-banner-bg {display: block;float: left;}
    .mr-btn-primary {width: 100%;}
}