body { display: flex; align-items: center; justify-content: center; background: #e2e9f3; }

.login_box { width: 1920px; height: 1080px; background: #e2e9f3 url("../img/login/bg.jpg?time=0613") no-repeat; }

.login { width: 440px; height: 620px; background: #ffffff; position: absolute; padding: 40px; box-sizing: border-box; margin-top: 200px; margin-left: 1120px; }
.login .login_header { width: 220px; height: 24px; font-size: 24px; line-height: 20px; text-align: center; margin: 0 auto; background: url("../img/login/header_bg.png") no-repeat center; }
.login .tab_nav { margin-top: 50px; display: flex; justify-content: space-between; border-bottom: 1px solid #e2e9f3; padding-bottom: 19px; }
.login .tab_nav a { display: block; font-size: 18px; color: #989ca1; width: 170px; text-align: center; }
.login .tab_nav a.on { color: #23282d; position: relative; }
.login .tab_nav a.on:before { content: ''; width: 40px; height: 4px; border-radius: 2px; background: #2c51c7; position: absolute; bottom: -19px; left: 50%; transform: translateX(-50%); }
.login .step2 { display: none; }
.login .step3 { display: none; }
.login .step3 .input_box { margin-top: 0; }
.login .input_box { margin-top: 20px; }
.login input { background: #eff3f8; border: none; width: 360px; height: 48px; border-radius: 6px; text-indent: 20px; margin-top: 24px; }
.login input::placeholder { color: #989ca1; font-size: 14px; }
.login .code_box input { width: 220px; float: left; }
.login .code_box .code { width: 130px; height: 48px; background: #eff3f8; border-radius: 6px; float: left; margin-top: 24px; margin-left: 10px; }
.login .code_box .code img { width: 130px; height: 48px; border-radius: 6px; }
.login .code_box .code a { display: block; width: 130px; height: 48px; border-radius: 6px; text-align: center; line-height: 48px; font-size: 14px; color: #ffffff; background: #2c51c7; }
.login .code_box .code a.on { background: rgba(44, 81, 199, 0.5); }
.login .firm { margin-top: 30px; }
.login .firm .firm_l a { color: #2c51c7; line-height: 20px; }
.login .firm .firm_r a { color: #5a6066; line-height: 20px; }
.login .login_btn { margin-top: 30px; }
.login .login_btn a { display: block; width: 360px; height: 48px; line-height: 48px; text-align: center; background: #2c51c7; color: #ffffff; border-radius: 6px; font-size: 14px; }
.login .agreement { display: flex; margin-top: 30px; }
.login .agreement .agreement_l { width: 16px; height: 16px; background: url("../img/login/c_sprites.png") no-repeat 0 0; margin-right: 8px; flex: 0 0 auto; cursor: pointer; margin-top: 5px; }
.login .agreement .agreement_l.on { background-position-y: -16px; }
.login .agreement .agreement_r { line-height: 24px; }
.login .agreement .agreement_r a { color: #2c51c7; }

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