@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOXREeHhJi4GEUJI9ob_ak4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIraN7vELC11_xip9Rz-hMs.woff) format('woff');
}

body {background: #f4f4f4;font-family: "Open Sans", Tahoma;margin:0;padding: 0;}

input {font-size: inherit;color:inherit;}
.error {color:#E13400;margin-top:15px;text-align: center;padding: 0 20px;}

.wrap {width: 350px;margin:80px auto 0;border:1px solid #d0cbcb;border-radius: 4px;background: #f5f5f5;text-align: center;}
.wrap .title {font-size: 17px;color:#878787;height:50px;line-height: 50px;padding:0 20px;text-align: left;background: #f4f4f4;border-bottom:1px solid #c2c2c2;}
.wrap input {display: block;margin:0 auto;width:190px;padding:0 10px;height:30px;line-height: 30px;font-size:13px;border:1px solid #ededed;border-radius: 4px;background: #fff;transition: 0.4s;outline: none;position: relative;}
.wrap input.btn {color:#fff;border: none;cursor: pointer;width: 211px;background: url(/img/auth-check.png) no-repeat center center #878787;}
.wrap input.btn:hover {opacity: 0.82;}
.wrap .login {position: relative;display: inline-block;overflow: hidden;border-radius: 4px;height: 32px;margin-bottom:12px;}
.wrap .login:after {content: "";position: absolute;top:0;right:0;width:32px;height: 32px;background: url(/img/auth-login.png) no-repeat center center #878787;}
.wrap .password {position: relative;display: inline-block;overflow: hidden;border-radius: 4px;height: 32px;margin-bottom:12px;}
.wrap .password:after {content: "";position: absolute;top:0;right:0;width:32px;height: 32px;background:url(/img/auth-passwd.png) no-repeat center center #878787;}
.wrap input:focus {box-shadow:0 0 3px #878787;border-color: #878787;}
.wrap .form {padding:25px 0;background: #fff;}

.footer {height:70px;background: #f5f5f5;border-top:1px solid #d0cbcb;position: fixed;bottom:0;width: 100%;font-size:12px;}
.footer .l {float:left;margin-top:30px;margin-left:20px;}
.footer .r {float:right;margin-top:17px;margin-right:20px;padding-right:35px;min-height: 28px;background: url(/img/support.png) no-repeat right center;}
.footer a {color:#1060a5;}

.top {height:48px;line-height: 48px;background: #878787;font-size: 15px;color:#777;padding:0 20px;}
.top .r {float:right;}
.top .logo {float:left;width: 258px;height: 52px;background: url(/img/auth-logo.png) no-repeat center center / contain;}