html, body { width: 100%; height: 100%; }

html { position: relative; margin: 0 auto; max-width: 1920px; }

body { background: url(../img/login_bg.jpg) no-repeat 0 center; }

.login_box { position: absolute; right: 0; top: 0; bottom: 0; width: 620px; background-color: #fff; display: flex; justify-content: center; align-items: center; }

.login { padding: 10% 0 20%; width: 360px; margin: 0 auto; }
.login .tit { padding-bottom: 70px; text-align: center; }
.login .tit p { font-size: 14px; color: #b8c1c9; line-height: 20px; }
.login .tit p span { display: inline-block; position: relative; }
.login .tit p span:before, .login .tit p span:after { content: ''; position: absolute; top: 50%; width: 50px; height: 1px; background-color: #f1f3f4; }
.login .tit p span:before { left: -70px; }
.login .tit p span:after { right: -70px; }
.login .tit h3 { margin-top: 44px; font-size: 26px; }
.login li { margin-bottom: 40px; height: 54px; line-height: 54px; }
.login input { float: left; padding-left: 60px; width: 298px; line-height: 52px; border: 1px solid #dbe1e5; border-radius: 2px; background: url(../img/login_icon.png) no-repeat 0 0; }
.login input.ico2 { background-position-y: -50px; }
.login input.ico3 { width: 118px; background-position-y: -100px; }
.login .chk { float: left; margin-left: 10px; border: 1px solid #dbe1e5; border-radius: 2px; }
.login .chk img { width: 168px; height: 52px; }
.login .btn { padding-top: 20px; }
.login .btn a { display: block; height: 56px; line-height: 56px; border-radius: 56px; font-size: 16px; font-weight: 700; color: #fff; text-align: center; background: -webkit-linear-gradient(left, #3c58eb, #5972f5); background: -o-linear-gradient(right, #3c58eb, #5972f5); background: -moz-linear-gradient(right, #3c58eb, #5972f5); background: linear-gradient(to right, #3c58eb, #5972f5); box-shadow: 0 5px 15px rgba(61, 89, 235, 0.4); }

.copyright { position: absolute; right: 0; bottom: 50px; width: 620px; text-align: center; color: #98a0a6; line-height: 20px; }

/*# sourceMappingURL=login.css.map */