.xh-login-page{min-height:720px;padding:132px 0 86px;background:#f5f7fb;color:#172033;position:relative;overflow:hidden;box-sizing:border-box}
.xh-login-page:before{content:"";position:absolute;left:0;right:0;top:0;height:410px;background-color:#0a2038;background-image:linear-gradient(120deg,rgba(5,17,38,.98),rgba(9,55,75,.96) 52%,rgba(12,97,102,.9)),linear-gradient(90deg,rgba(137,207,217,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(137,207,217,.08) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}
.xh-login-page:after{content:"";position:absolute;left:0;right:0;top:300px;height:170px;background:linear-gradient(180deg,rgba(245,247,251,0),#f5f7fb)}
.xh-login-shell{width:1000px;max-width:92%;min-height:540px;margin:0 auto;background:#fff;border:1px solid #e5ebf2;border-radius:8px;box-shadow:0 20px 48px rgba(20,42,82,.14);display:grid;grid-template-columns:300px 1fr;overflow:hidden;position:relative;z-index:2}
.xh-login-intro{background:linear-gradient(145deg,#eef6fa,#dceef2);color:#172033;padding:46px 32px;position:relative;overflow:hidden;box-sizing:border-box}
.xh-login-intro:before{content:"";position:absolute;inset:-70px;background:linear-gradient(135deg,transparent 0,transparent 42%,rgba(38,116,132,.1) 42%,rgba(38,116,132,.1) 43%,transparent 43%),linear-gradient(45deg,transparent 0,transparent 52%,rgba(255,122,26,.06) 52%,rgba(255,122,26,.06) 53%,transparent 53%);background-size:420px 420px,520px 520px}
.xh-login-intro>*{position:relative;z-index:1}
.xh-login-kicker{display:inline-block;color:#187b75;background:rgba(255,255,255,.55);border:1px solid rgba(38,116,132,.18);border-radius:4px;padding:7px 12px;font-size:12px;letter-spacing:.06em}
.xh-login-intro h1{font-size:26px;line-height:36px;font-weight:600;margin:24px 0 14px;letter-spacing:0;color:#172033}
.xh-login-intro p{font-size:13px;line-height:24px;color:#50657c;margin:0;width:100%}
.xh-login-points{display:grid;grid-template-columns:1fr;gap:0;margin-top:30px;border-top:1px solid rgba(64,102,126,.16)}
.xh-login-points span{display:block;padding:14px 0;border-bottom:1px solid rgba(64,102,126,.16);box-sizing:border-box;color:#50657c;font-size:13px;line-height:21px}
.xh-login-points b{display:block;color:#172033;font-size:15px;line-height:21px;margin-bottom:1px}
.xh-login-form{padding:52px 72px;display:flex;align-items:center;box-sizing:border-box}
.xh-login-page #addBoxLogin{display:block;width:100%;margin:0}
.xh-login-page .tang-pass-reg{width:100%;overflow:visible}
.xh-login-page .h_tit{padding-left:0;margin:0 0 28px;color:#172033;font-size:30px;line-height:40px;font-weight:600}
.xh-login-page .h_tit span{display:block!important;margin:8px 0 0!important;color:#66758d!important;font-size:14px!important;line-height:24px;font-weight:400!important}
.xh-login-page .tang-pass-reg .pass-form-item{display:grid;grid-template-columns:1fr 150px;gap:10px 12px;clear:none;margin-top:18px}
.xh-login-page .tang-pass-reg #ID__phoneWrapper,.xh-login-page .tang-pass-reg #ID__submitWrapper{grid-template-columns:1fr}
.xh-login-page .tang-pass-reg .pass-label{float:none;display:block;width:auto;height:auto;margin:0;line-height:22px;text-align:left;color:#42526b;font-size:14px;font-weight:600;grid-column:1/-1}
.xh-login-page .tang-pass-reg #ID__submitWrapper .pass-label{display:none}
.xh-login-page .tang-pass-reg #ID__submitWrapper a{grid-column:1/-1;display:block}
.xh-login-page .tang-pass-reg .pass-text-input{float:none;display:block;width:100%;height:46px;margin:0;padding:0 14px;border:1px solid #d8e2ef;border-radius:6px;box-sizing:border-box;color:#172033;font-size:15px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.xh-login-page .tang-pass-reg .pass-text-input:focus{border-color:#1e7f8e;box-shadow:0 0 0 3px rgba(30,127,142,.12)}
.xh-login-page .tang-pass-reg .pass-text-input-verifyCode{width:100%}
.xh-login-page .tang-pass-reg .pass-button{border-radius:6px;box-sizing:border-box}
.xh-login-page .tang-pass-reg .pass-button-verifyCodeSend{float:none;width:100%;height:46px;margin:0;border:1px solid #d8e2ef;background:#f8fafc;color:#42526b;font-size:14px;font-weight:600}
.xh-login-page .tang-pass-reg img.pass-button-verifyCodeSend{object-fit:cover;background:#fff}
.xh-login-page .tang-pass-reg input.pass-button-verifyCodeSend:hover,.xh-login-page .tang-pass-reg input.pass-button-verifyCodeSend:focus{border-color:#1e7f8e;background:#eef8f8;color:#1e7f8e}
.xh-login-page .tang-pass-reg #ID__submitWrapper{margin-top:26px}
.xh-login-page .tang-pass-reg .pass-button-submit{float:none;width:100%;height:48px;background:#ff7a1a;color:#fff;font-size:16px;font-weight:600;box-shadow:0 10px 22px rgba(255,122,26,.24)}
.xh-login-page .tang-pass-reg .pass-button-submit:hover{background:#f06f13;box-shadow:none}
.xh-login-page .tang-pass-reg .pass-item-error{float:none;width:auto;padding:6px 0 0;margin:0;color:#d93025;font-size:13px;line-height:20px}
.xh-login-page .tang-pass-reg .pass-text-input-error{border-color:#d93025;box-shadow:0 0 0 3px rgba(217,48,37,.1)}
@media (max-width:900px){
	.xh-login-page{padding:104px 0 58px;min-height:auto}
	.xh-login-shell{grid-template-columns:1fr}
	.xh-login-intro{padding:38px 30px}
	.xh-login-intro h1{font-size:30px;line-height:40px}
	.xh-login-intro p{width:100%}
	.xh-login-points{grid-template-columns:1fr 1fr;margin-top:28px}
	.xh-login-form{padding:34px 30px}
}
@media (max-width:560px){
	body{overflow-x:hidden}
	.xh-login-page{padding:90px 0 40px}
	.xh-login-shell{max-width:92%}
	.xh-login-points{grid-template-columns:1fr}
	.xh-login-form{padding:30px 22px}
	.xh-login-page .tang-pass-reg .pass-form-item{grid-template-columns:1fr}
	.xh-login-page .h_tit{font-size:26px;line-height:34px}
	.footerWrap{padding:36px 0}
	.footerWrap .containers{width:auto;margin:0 22px}
	.footerWrap .containers .footerTit,.footerWrap .containers .footerList{float:none}
	.footerWrap .containers .footerList{margin-top:24px}
	.footerWrap .containers .footerList .about ul li{float:none;margin:0 0 22px}
	.footerWrap .containers .footerList .about ul li span{font-size:18px}
	.youlian,.sideBar{display:none}
}