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

.service_box { background: url("../img/login/service_bg.jpg") no-repeat; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.service_login { height: 600px; }
.service_login .s_left { width: 720px; height: 100%; background: url("../img/login/service_left.jpg"); border-radius: 12px 0 0 12px; }
.service_login .s_right { width: 480px; height: 100%; background-color: #fff; padding: 60px; box-sizing: border-box; position: static; margin-left: 0; margin-top: 0; }
.service_login .s_right .s_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; }
.service_login .s_right .input_box { margin-top: 33px; }
.service_login .s_right input { background: #eff3f8; width: 360px; height: 48px; border-radius: 6px; text-indent: 20px; margin-top: 24px; border: none; }
.service_login .s_right input::placeholder { color: #989ca1; font-size: 14px; }
.service_login .s_right .code_box input { width: 220px; float: left; }
.service_login .s_right .code_box .code { width: 130px; height: 48px; background: #eff3f8; border-radius: 6px; float: left; margin-top: 24px; margin-left: 10px; }
.service_login .s_right .code_box .code img { width: 130px; height: 48px; border-radius: 6px; }
.service_login .s_right .firm { margin-top: 40px; }
.service_login .s_right .firm .firm_l a { color: #2c51c7; line-height: 20px; }
.service_login .s_right .firm .firm_r a { color: #5a6066; line-height: 20px; }
.service_login .s_right .login_btn { margin-top: 30px; }
.service_login .s_right .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; }
.service_login .s_right .agreement { display: flex; margin-top: 30px; }
.service_login .s_right .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; }
.service_login .s_right .agreement .agreement_l.on { background-position-y: -16px; }
.service_login .s_right .agreement .agreement_r { line-height: 24px; }
.service_login .s_right .agreement .agreement_r a { color: #2c51c7; }

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