.login-body[data-v-19f52c2d]{background-color:#00ac8e;height:100vh}.login-container[data-v-19f52c2d]{margin:0 auto;padding-top:60px;width:1100px}.login-container .go-home[data-v-19f52c2d]{color:#fff;margin-bottom:15px}.login-container .login-role[data-v-19f52c2d]{background:#f6f6f6;border-radius:6px;padding:4px}.login-container .login-role li[data-v-19f52c2d]{cursor:pointer;flex:1;font-size:16px;padding:10px 0;text-align:center}.login-container .login-role li.active[data-v-19f52c2d]{background:#fff;border-radius:4px;color:#66ccc2}.login-container .login-box[data-v-19f52c2d]{background-color:#fff;border-radius:10px;box-shadow:0 0 10px 0 #c2c2c2;overflow:hidden}.login-container .login-box .panel-left[data-v-19f52c2d],.login-container .login-box .panel-right[data-v-19f52c2d]{float:left}.login-container .login-box .panel-left[data-v-19f52c2d]{position:relative}.login-container .login-box .panel-left img[data-v-19f52c2d]{border-radius:10px 0 0 10px;display:block}.login-container .login-box .panel-left .login-tips-list[data-v-19f52c2d]{bottom:0;height:360px;left:0;overflow:hidden;position:absolute;width:100%}.login-container .login-box .panel-left .login-tips-list .login-tips-list-item[data-v-19f52c2d]{animation:floatAndFade-19f52c2d 15s linear 1 forwards;background-color:#d7ede8;border-radius:5px;box-shadow:0 0 5px 0 #c9c9c9;color:#333;min-width:182px;padding:8px 10px;position:absolute;right:0;text-align:center;white-space:nowrap}.login-container .login-box .panel-left .login-tips-list .login-tips-list-item[data-v-19f52c2d] img{filter:blur(2px)}.login-container .login-box .panel-left .login-tips-list .login-tips-list-item[data-v-19f52c2d]:hover{animation-play-state:paused}.login-container .login-box .panel-left .login-tips-list .login-tips-list-item[data-v-19f52c2d]:before{border:10px solid transparent;border-top-color:#d7ede8;bottom:-17px;content:"";left:20px;position:absolute}@keyframes floatAndFade-19f52c2d{0%{transform:translateX(100%)}to{display:none;transform:translateX(-300%)}}.login-container .login-box .panel-right[data-v-19f52c2d]{margin-top:80px;width:569px}.login-container .login-box .panel-login-box[data-v-19f52c2d]{margin:0 auto;width:348px}.pannel-logo-img[data-v-19f52c2d]{height:33px;left:40px;position:absolute;top:86px;width:190px}.role-title[data-v-19f52c2d]{align-items:center;display:flex;justify-content:center;margin-bottom:70px}.role-title .role-text[data-v-19f52c2d]{background:#f0f0f7;color:#666;cursor:pointer;font-size:20px;font-weight:700;height:48px;line-height:48px;text-align:center;width:175px}.role-title .role-text[data-v-19f52c2d]:first-child{border-radius:8px 0 0 8px}.role-title .role-text:first-child.active[data-v-19f52c2d]{background:#00ac8e;color:#fff}.role-title .role-text[data-v-19f52c2d]:last-child{border-radius:0 8px 8px 0}.role-title .role-text:last-child.active[data-v-19f52c2d]{background:#ff8f2f;color:#fff}.role-title .role-active[data-v-19f52c2d]{color:#ffa901;cursor:pointer;margin-left:15px}[data-v-19f52c2d] .c-main,[data-v-19f52c2d] .login-item .btn-captcha .sms-code{color:#00ac8e}[data-v-19f52c2d] .login-item .login-btn{background:#00ac8e}[data-v-19f52c2d] .login-item .input-box input:focus{border:1px solid #00ac8e}[data-v-19f52c2d] .login-item .input-box input:focus+.zp-font{color:#00ac8e}[data-v-19f52c2d] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#00ac8e;border-color:#00ac8e}.login-body.login-role-recruiter[data-v-19f52c2d]{background:#ffa901}.login-body.login-role-recruiter .login-box .panel-left .login-tips-list .login-tips-list-item[data-v-19f52c2d]{background:#fdd247;color:#333}.login-body.login-role-recruiter .login-box .panel-left .login-tips-list .login-tips-list-item[data-v-19f52c2d]:before{border-top-color:#fdd247}.login-body.login-role-recruiter .role-active[data-v-19f52c2d]{color:#00ac8e}.login-body.login-role-recruiter[data-v-19f52c2d] .c-main,.login-body.login-role-recruiter[data-v-19f52c2d] .login-item .btn-captcha .sms-code{color:#ff8f2f}.login-body.login-role-recruiter[data-v-19f52c2d] .login-item .login-btn{background:#ff8f2f}.login-body.login-role-recruiter[data-v-19f52c2d] .login-item .input-box input:focus{border:1px solid #ff8f2f}.login-body.login-role-recruiter[data-v-19f52c2d] .login-item .input-box input:focus+.zp-font{color:#ff8f2f}.login-body.login-role-recruiter[data-v-19f52c2d] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#ff8f2f;border-color:#ff8f2f}.login-body.login-role-recruiter[data-v-19f52c2d] .el-checkbox__inner:hover{border-color:#ff8f2f}