@font-face{font-family:"Baole Login Sans";src:url("../fonts/home-chinese.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
html,body{margin:0;min-height:100%;background:#fff}
body{font:14px/1.5 "PingFang SC","Hiragino Sans GB","Helvetica Neue",Helvetica,"Microsoft YaHei UI","Microsoft YaHei","Baole Login Sans",Arial,"Baole Preview Sans",sans-serif;color:#20252d}
#baole-login-brand{--blue:#006eff;--line:#e6e9ef;--muted:#687281;display:flex;flex-direction:column;min-height:100vh;background:#fff;color:#20252d;font:14px/1.5 "PingFang SC","Hiragino Sans GB","Helvetica Neue",Helvetica,"Microsoft YaHei UI","Microsoft YaHei","Baole Login Sans",Arial,"Baole Preview Sans",sans-serif}
#baole-login-brand div,#baole-login-brand a,#baole-login-brand p,#baole-login-brand label,#baole-login-brand input,#baole-login-brand button,#baole-login-brand h1,#baole-login-brand h2{font-family:inherit}
#baole-login-brand h1,#baole-login-brand h2{color:inherit}
body[data-fixture-case] #baole-login-brand{min-height:calc(100vh - 34px)}
#baole-login-brand *{box-sizing:border-box}
#baole-login-brand h1,#baole-login-brand h2,#baole-login-brand p{margin:0;font-family:inherit;letter-spacing:0}
#baole-login-brand a{color:inherit;text-decoration:none}
#baole-login-brand a:hover{color:var(--blue);text-decoration:underline}
#baole-login-brand input,#baole-login-brand button{font:inherit}
#baole-login-brand :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.bo-login-head{height:72px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line)}
.bo-login-head-inner{height:100%;width:min(1164px,100%);margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.bo-login-logo img{display:block;width:124px;height:48px;object-fit:contain}
.bo-login-head-links{display:flex;align-items:center;gap:23px;font-size:13px;color:#535c69}
.bo-login-head-links a+a{border-left:1px solid var(--line);padding-left:23px}
.bo-login-stage{display:grid;grid-template-columns:40% 60%;width:min(1100px,calc(100% - 64px));min-height:570px;margin:48px auto 40px;flex-shrink:0}
.bo-login-brand{position:relative;overflow:hidden;background:#edf0f7;min-width:0}
.bo-login-brand-copy{position:relative;z-index:1;padding:64px 44px 0}
#baole-login-brand .bo-login-eyebrow{font-size:14px;line-height:22px;color:#535c69;margin-bottom:16px}
.bo-login-brand h1{font-size:28px;line-height:1.5;font-weight:500}
.bo-login-brand-art{position:absolute;bottom:0;right:-60px;display:block;width:800px;max-width:none;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 48px)}
.bo-login-form{min-width:0;padding:64px 48px 56px;background:#fff;overflow:visible!important;max-height:none!important}
.bo-login-form>h2,.bo-login-form>.login-tab,.bo-login-form>.login-content,.bo-login-form>.bo-login-register{max-width:368px;margin-left:auto!important;margin-right:auto!important}
#baole-login-brand .bo-login-title{font-size:24px;line-height:34px;font-weight:500}
#baole-login-brand .login-tab{position:relative;display:flex;gap:31px;align-items:center;margin-top:24px;margin-bottom:25px;border-bottom:1px solid var(--line)}
#baole-login-brand .login-tab-item{position:relative;white-space:nowrap;padding-bottom:13px;font-size:14px;line-height:24px;color:#535c69;cursor:pointer}
#baole-login-brand .login-tab-item.active{color:var(--blue);font-weight:500}
#baole-login-brand .login-tab-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}
#baole-login-brand .transitionSwitching,#baole-login-brand .bo-login-register-legacy{display:none!important}
#baole-login-brand .tab-pane{display:none}
#baole-login-brand .tab-pane.active{display:block}
#baole-login-brand .form-group{margin-bottom:21px}
#baole-login-brand .form-group label{display:block;margin:0 0 8px;font-size:14px;line-height:22px;font-weight:400}
#baole-login-brand .form-control{width:100%;min-width:0;height:44px;padding:0 13px;color:#20252d;background:#fff;border:1px solid #c8d0db;border-radius:0;box-shadow:none;font:inherit}
#baole-login-brand .form-control::placeholder{color:var(--muted);opacity:1}
#baole-login-brand .form-control:focus{border-color:var(--blue)}
#baole-login-brand .form-control:disabled{background:#fff;opacity:1;-webkit-text-fill-color:#20252d}
#baole-login-brand button:disabled{opacity:1;cursor:default}
#baole-login-brand .bo-login-notice{margin-top:20px}
#baole-login-brand .input-group{display:flex;flex-wrap:nowrap;align-items:stretch}
#baole-login-brand .input-group>.form-control{flex:1 1 auto;width:1%}
#baole-login-brand .custom-dropdown{position:relative;flex:0 0 90px}
#baole-login-brand .custom-dropdown-selection{height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font:14px Arial,sans-serif;border:1px solid #c8d0db;border-right:0;cursor:pointer;white-space:nowrap}
#baole-login-brand .custom-dropdown-selection:after{content:"";width:5px;height:5px;border:solid #687281;border-width:0 1px 1px 0;transform:rotate(45deg);margin-left:7px}
#baole-login-brand .custom-dropdown-list{display:none;position:absolute;top:100%;left:0;z-index:30;margin:4px 0 0;padding:5px 0;list-style:none;width:180px;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--line);box-shadow:0 4px 12px #14233712}
#baole-login-brand .custom-dropdown-list li{padding:8px 12px;cursor:pointer;font-size:13px}
#baole-login-brand .custom-dropdown-list li:hover{background:#f2f6fc;color:var(--blue)}
#baole-login-brand .input-group-append{display:flex;flex-shrink:0}
#baole-login-brand .input-group-append>.btn{border:1px solid #c8d0db;border-left:0;padding:0 13px;background:#f8fafc;color:var(--blue);white-space:nowrap;min-height:44px;border-radius:0;font-size:13px}
#baole-login-brand .input-group-append>img{width:120px;height:44px;object-fit:contain;border:1px solid #c8d0db;background:#f8fafc}
#baole-login-brand form>.d-flex{font-size:13px;line-height:20px;color:#535c69;margin-top:-4px;margin-bottom:24px}
#baole-login-brand .text-primary{color:var(--blue)!important}
#baole-login-brand .pointer{cursor:pointer}
#baole-login-brand form>.mt-3{margin-top:0!important}
#baole-login-brand form>.mt-3>.btn-primary{width:100%;height:44px;min-height:44px;justify-content:center;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:0;box-shadow:none;font-size:14px;font-weight:400;padding:0!important;cursor:pointer}
#baole-login-brand form>.mt-3>.btn-primary:hover{background:#005cda;border-color:#005cda}
#baole-login-brand .bo-login-register{font-size:13px;line-height:22px;color:#535c69;margin-top:22px}
#baole-login-brand .bo-login-register a{margin-left:7px}
#baole-login-brand .Oauth_login{padding-top:5px}
#baole-login-brand .Oauth_login_txt{font-size:13px;font-weight:400;color:var(--muted)}
#baole-login-brand .Oauth_login .list-inline{margin:14px 0 0}
#baole-login-brand .Oauth_login .list-inline-item{margin:0 8px}
#baole-login-brand .Oauth_login a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}
#baole-login-brand .Oauth_login img{max-width:28px;max-height:28px}
.bo-login-footer{margin-top:auto;padding:21px 32px 23px;border-top:1px solid var(--line);text-align:center;background:#fff;font-size:12px;line-height:21px;color:var(--muted)}
.bo-login-footer-links{display:flex;justify-content:center;align-items:center;gap:21px;color:#535c69;margin-bottom:8px;font-size:13px}
.bo-login-footer-links a+a{border-left:1px solid var(--line);padding-left:21px}
.bo-login-footer p>a{margin-left:22px;white-space:nowrap}
.bo-login-notice{margin:0 auto 20px;padding:11px 13px;border:1px solid #f1c9c5;background:#fff7f6;color:#b83429;line-height:20px;max-width:368px}
.bo-login-notice-success{border-color:#bddac8;background:#f3fbf6;color:#19733e}
.bo-login-preview-bar{box-sizing:border-box;min-height:34px;padding:7px 32px;display:flex;gap:24px;background:#fff;border-bottom:1px solid #e6e9ef;color:#535c69;font-family:"PingFang SC","Hiragino Sans GB","Helvetica Neue",Helvetica,"Microsoft YaHei UI","Microsoft YaHei","Baole Login Sans",Arial,"Baole Preview Sans",sans-serif;font-size:12px;line-height:18px}
.bo-login-preview-bar a{color:#006eff;text-decoration:none;margin-left:auto}
@media(max-width:1100px){.bo-login-form{padding:64px 32px 56px}.bo-login-brand-copy{padding:64px 32px 0}.bo-login-brand h1{font-size:26px}.bo-login-brand-art{right:-95px;width:760px}}
@media(max-width:820px){.bo-login-stage{display:block;width:100%;min-height:0;margin:36px auto 40px}.bo-login-brand{display:none}.bo-login-form{max-width:448px;margin:auto;padding:28px 40px 36px}.bo-login-footer p>a{display:block;margin:4px 0 0}}
@media(max-width:650px){.bo-login-head{height:66px}.bo-login-head-inner{padding:0 22px}.bo-login-logo img{width:112px;height:43px}.bo-login-head-links{gap:12px}.bo-login-head-links a:first-child{display:none}.bo-login-head-links a+a{border:0;padding:0}.bo-login-stage{margin:0 auto 20px}.bo-login-form{padding:42px 28px 36px}.bo-login-footer{padding:21px 22px 23px}.bo-login-footer-links{font-size:13px;gap:17px}.bo-login-footer-links a+a{padding-left:17px}.bo-login-preview-bar{padding:8px 20px}.bo-login-preview-bar span{display:none}}