/*公共样式*/
*{
	-webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: content-box;
}

body{overflow:hidden;background:#dbf5ff;margin:0px;padding:0px;color:#333;position:relative;font:14px "微软雅黑","宋体",Verdana,Geneva,sans-serif;min-width:1000px;width:expression((documentElement.clientWidth < 1000) ? "1000px" : "100%" );}
div,form,img,dl,dt,dd,p,h1,h2,h3,h4,input{margin:0px; padding:0px;border:0;list-style:none;}
div{width:auto}
dd a{cursor:pointer;text-decoration:none;color:#333}
dd a:hover{color:#e51212}
iframe{background: transparent;}
.w1000{width:1000px;margin:0 auto;}
.clear{clear:both;}

/*登录框样式*/
.top{width:100%;height:70px;padding:19px 0;/*background:url(/extend/img/top_bg.jpg) #dbf5ff top right no-repeat;*/}
.top .logo{float:left;padding-right:25px;height:70px;line-height:70px;}
.top .logo img{max-width: 400px;max-height: 70px;}
.top .separator {border-left: 1px solid #333;height: 58px;margin-top: 6px;float: left;}
.top .txt{height:70px;line-height:70px;float:left;margin-left:25px;font-size:30px}
.login_box{width:100%;height:100%;min-height:600px;}
.login_con{position:absolute;top:0;left:50%;margin-left:-500px;}
.bg{width:100%;height:100%;}
/* #login：毛玻璃卡片（不再使用 login_new.png / login1.png） */
.login_box #login.login-layout{
	width: auto;
	max-width: 960px;
	height: auto;
	min-height: 0;
	padding: 0;
	float: none;
	background: none;
	margin: 8vh auto 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	gap: 22px;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.login_box.no-msg #login.login-layout{
	max-width: 100%;
	justify-content: flex-end;
	padding-right: 24px;
}
.login_box #login.login-layout.visible{
	background: transparent;
}
.login_box #login .login-card{
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	flex: 0 0 auto;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 18px;
	box-shadow: 0 12px 40px rgba(28, 70, 105, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.65);
	-webkit-backdrop-filter: blur(8px) saturate(1.05);
	backdrop-filter: blur(8px) saturate(1.05);
	padding: 24px 26px 28px;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
	.login_box #login .login-card{
		background: rgba(255, 255, 255, 0.96);
	}
}
.login_box #login .login-card-title{
	margin: 0 0 16px;
	padding: 0 0 12px;
	font-size: 21px;
	font-weight: 600;
	color: #174a6b;
	text-align: center;
	letter-spacing: 0.08em;
	border-bottom: 1px solid rgba(65, 139, 217, 0.25);
}
.login_box .login-layout dt{width:110px;padding:5px 0;padding-right:10px;height:40px;float:left;font-size:16px;line-height:40px;font-weight:bold;text-align:right;}
.login_box .login-layout dd{width:250px;padding:5px 0;height:40px;float:left;/*font-size:0;*/}
.login_box .login-layout dd .input_box{width:230px;background:#fff;border:1px solid #418bd9;height:38px;float:left;}
.login_box .login-layout dd input{width:200px;font-size:16px;line-height:38px;height:38px;float:left;border:none;}
.login_box .login-layout dd .input_box span{float:left;width:30px;height:38px;display:block}
.login_box .login-layout dd .input_box span.account{background:url(/extend/img/account.jpg) #fff 10px 10px no-repeat;}
.login_box .login-layout dd .input_box span.password{background:url(/extend/img/password.jpg) #fff 10px 10px no-repeat;}
.login_box .login-layout dd input.yz{width:110px;padding-left:10px;background:#fff;border:1px solid #418bd9;height:38px;line-height:38px;float:left;}
.login_box .login-layout dd img{margin-left:10px;width:100px;height:38px;vertical-align:middle;cursor:pointer;display:block;float:left;}
.login_box .login-layout#login dd a.submit_btn{
	cursor: pointer;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 46px;
	line-height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	color: #fff !important;
	border-radius: 10px;
	border: 1px solid #067d96;
	background-color: #0991b6;
	background-image: linear-gradient(180deg, #0aa8cc 0%, #0991b6 55%, #077a95 100%);
	box-shadow: 0 4px 14px rgba(9, 145, 182, 0.38);
	transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease, opacity 0.15s ease;
	position: relative;
	z-index: 1;
}
.login_box .login-layout#login dd a.submit_btn:hover{
	filter: brightness(1.04);
	box-shadow: 0 6px 18px rgba(9, 145, 182, 0.48);
	color: #fff !important;
}
.login_box .login-layout#login dd a.submit_btn:active{
	transform: translateY(1px);
}
.login_box .login-layout#login dd a.submit_btn:focus,
.login_box .login-layout#login dd a.submit_btn:focus-visible{
	outline: none;
}
.login_box .login-layout#login dd a.submit_btn:focus-visible{
	box-shadow: 0 4px 14px rgba(9, 145, 182, 0.38), 0 0 0 3px rgba(255, 255, 255, 0.55), 0 0 0 5px rgba(9, 145, 182, 0.35);
}
.login_box .login-layout#login dd a.submit_btn:hover:focus-visible{
	box-shadow: 0 6px 18px rgba(9, 145, 182, 0.48), 0 0 0 3px rgba(255, 255, 255, 0.55), 0 0 0 5px rgba(9, 145, 182, 0.35);
}
.login_box .login-layout#login dd a.submit_btn.is-loading{
	pointer-events: none;
	cursor: wait;
	opacity: 0.96;
}
.login_box .login-layout#login dd a.submit_btn.is-loading::before{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	box-sizing: border-box;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: pc-login-btn-spin 0.7s linear infinite;
}
@keyframes pc-login-btn-spin{
	to{ transform: rotate(360deg); }
}

.login_box #login-form{
	width: 395px;
	padding-left: 0px;
}
.login_box.no-msg #login-form{
	padding-left: 0px;
}
.login_box .login-layout dd input[type=checkbox] {
	width:20px;
	margin: 0px;
}
.login_box .login-layout dd .txt{
	font-size: 12pt;
	line-height: 38px;
	margin-left: 8px;
}

/* #login 表单：纵向分组 + 去图片图标 */
.login_box #login #login-form{
	width: 100%;
	max-width: 100%;
}
.login_box #login #login-form dt{
	float: none;
	width: 100%;
	height: auto;
	padding: 0 0 6px;
	line-height: 1.35;
	text-align: left;
	font-size: 13px;
	font-weight: 600;
	color: #29628c;
}
.login_box #login #login-form dt:empty{
	display: none;
}
.login_box #login #login-form dd{
	float: none;
	width: 100%;
	height: auto;
	padding: 0 0 14px;
}
.login_box #login #login-form dd .input_box{
	float: none;
	width: 100%;
	display: flex;
	align-items: stretch;
	border-radius: 10px;
	border: 1px solid rgba(65, 139, 217, 0.45);
	overflow: hidden;
	background: rgba(255, 255, 255, 0.92);
	box-sizing: border-box;
	/* 总高 = 内层 42px + 上下边框 2px，避免子 input 42px 顶破上边框 */
	min-height: 44px;
	height: 44px;
}
.login_box #login #login-form dd .input_box:focus-within{
	border-color: #2f6fca;
	box-shadow: 0 0 0 2px rgba(65, 139, 217, 0.18);
}
.login_box #login #login-form dd .input_box span{
	float: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	min-width: 42px;
	height: 42px;
	align-self: center;
	background-image: none !important;
	color: #418bd9;
	font-size: 16px;
}
.login_box #login #login-form dd .input_box input{
	float: none;
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	padding: 0 12px 0 0;
	box-sizing: border-box;
	align-self: center;
	border: none;
	background: transparent;
}
.login_box #login #login-form dd .input_box input:focus{
	outline: none;
}
.login_box #login #login-form .pc-login-captcha-row{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
}
.login_box #login #login-form .pc-login-captcha-row .pc-login-captcha-input-box{
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
}
.login_box #login #login-form .pc-login-captcha-row .pc-login-captcha-input-box .pc-login-captcha-input{
	border-radius: 0;
	padding-left: 12px;
}
.login_box #login #login-form .pc-login-captcha-row img.captcha{
	float: none;
	margin-left: 0;
	flex-shrink: 0;
	width: 100px;
	height: 42px;
	border-radius: 8px;
	border: 1px solid rgba(65, 139, 217, 0.35);
	box-sizing: border-box;
}
.login_box #login #login-form .pc-login-input-clear{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 42px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(65, 139, 217, 0.75);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	box-sizing: border-box;
	transition: color 0.15s ease, width 0.15s ease, opacity 0.15s ease;
	align-self: center;
}
.login_box #login #login-form .pc-login-passwd-toggle{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 42px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(65, 139, 217, 0.72);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	box-sizing: border-box;
	transition: color 0.15s ease;
	align-self: center;
}
.login_box #login #login-form .pc-login-passwd-toggle:hover,
.login_box #login #login-form .pc-login-passwd-toggle.is-active{
	color: #29628c;
}
.login_box #login #login-form .pc-login-input-clear:hover{
	color: #29628c;
}
.login_box #login #login-form .pc-login-input-clear.is-hidden{
	width: 0 !important;
	min-width: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	cursor: default;
}
.login_box #login #login-form .pc-login-input-clear:focus-visible{
	outline: 2px solid rgba(65, 139, 217, 0.55);
	outline-offset: 2px;
}
.login_box #login #login-form .pc-login-passwd-toggle:focus-visible{
	outline: 2px solid rgba(65, 139, 217, 0.55);
	outline-offset: 2px;
}
/* 密码框与移动端一致：不展示清除键，仅保留明文切换 */
.login_box #login #login-form .input_box:has(#passwd) .pc-login-input-clear{
	display: none !important;
	pointer-events: none;
	width: 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
}
.login_box #login #login-form dd:has(input[name=rememberMe]){
	display: flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 16px;
}
.login_box #login #login-form dd input[name=rememberMe]{
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #0991b6;
	flex-shrink: 0;
}
.login_box #login #login-form dd .txt{
	line-height: 1.4;
	margin-left: 0;
	font-size: 14px;
}
.login_box #login #login-form dd:last-of-type{
	padding-bottom: 0;
}
.login_box #login #login-form input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.95) inset;
}

.login_box .login-layout dd a.to_reg_btn{font-size:14px;/*float:right;*/ padding-right: 15px;text-decoration: underline}
.login_box .login-layout dd a.to_login_btn{font-size:14px;float:right; padding-top: 5px; padding-right: 15px;text-decoration: underline}
.login_box .login-layout#reg{width:395px;height:450px;padding:110px 30px 0 30px;float:left;background:url(/extend/img/reg.png) top center no-repeat;margin:150px  0 0 540px;}
/*.login_box .login-layout#reg dd input{width:100%;}*/
.login_box .login-layout#reg dd select{width: 100%; height: 100%; font:initial;border: 1px solid #418bd9}
.login_box .login-layout#reg dd input.yz{width:110px;background:#fff;border:1px solid #418bd9;height:38px;line-height:38px;float:left;}
.login_box .login-layout#reg dd a.submit_btn{ cursor: pointer; width:242px;height:37px;display:block;background:url(/extend/img/reg_btn.jpg) top center no-repeat;}

.login_box .login-layout#reg dt{height: 32px;line-height: 32px;padding: 2px 0px;padding-right:10px;}
.login_box .login-layout#reg dd{height: 32px;padding: 2px 0px;}
.login_box .login-layout#reg dd .input_box{height: 30px}
.login_box .login-layout#reg dd input{height: 30px;line-height: 30px;width:225px;padding-left: 5px}
.login_box .login-layout#reg dd input.yz{height: 30px;line-height: 30px}
.login_box .login-layout#reg dd img{height: 30px}

.login_box .login-error{
	font-size: 12pt;
	color:#c7254e;
	background-color: #f9f2f4;
	border-radius:6px;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	margin: -25px 45px 0 70px;
	width: 325px;
}

.login_box.no-msg .login-error{
	margin: -25px 45px 0 50px;
}

.login_box #login .login-error{
	margin: 0 0 14px;
	width: 100%;
	height: auto;
	min-height: 36px;
	line-height: 1.45;
	padding: 8px 14px;
	box-sizing: border-box;
}

.login_box #login .msg{
	position: static;
	top: auto;
	left: auto;
	width: 380px;
	max-width: min(380px, 42vw);
	flex: 1 1 260px;
	padding: 20px 18px;
	margin: 0;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.88);
	border-radius: 16px;
	-webkit-backdrop-filter: blur(6px) saturate(1.05);
	backdrop-filter: blur(6px) saturate(1.05);
	box-shadow: 0 10px 32px rgba(28, 70, 105, 0.12);
	font-size: 14px;
	line-height: 1.65;
	color: #2d3d4a;
	max-height: 72vh;
	overflow: auto;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
	.login_box #login .msg{
		background: rgba(255, 255, 255, 0.97);
	}
}
.login_box.no-msg #login .msg{
	display: none;
}

.login_box #login .login-btns{
	width: 100%;
	max-width: 100%;
	margin: 0 0 8px;
	float: none;
}
.login_box #login .login-btns .cas,
.login_box #login .login-btns .form{
	width: 100%;
	max-width: 100%;
	border-radius: 12px;
	box-sizing: border-box;
}
.login_box #login .login-btns .form{
	margin-top: 14px;
	margin-bottom: 12px;
}
.login_box #login .login-btns .hrefs{
	padding-top: 14px;
}

.login_box .reg-tip{
	font-size: 11pt;
	font-weight: bolder;
	color:#c7254e;
	background-color: #f9f2f4;
	border-radius:6px;
	padding: 10px 0 8px 0;
	margin-top: -30px;
	margin-bottom: 5px;
}
.login_box .reg-tip ul{
	margin-bottom: 0;
	list-style:none;
	padding-left: 25px;
}
.login_box .reg-tip ul li{
	margin-bottom: 2px;
}
.login_box .reg-tip ul li i{
	padding-right: 3px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	-webkit-text-fill-color: #333;
}


.login-layout.visible {
	visibility: visible;
	position: relative;
	z-index: auto;
	-moz-transform: scale(1,1) translate(0);
	-webkit-transform: scale(1,1) translate(0);
	-o-transform: scale(1,1) translate(0);
	-ms-transform: scale(1,1) translate(0);
	transform: scale(1,1) translate(0);
	transition: transform .3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-webkit-transition: -webkit-transform 0.3s ease;
	-o-transition: -o-transform 0.2s ease;
}
.login-layout{
	visibility: hidden;
	position: fixed;
	z-index: -5;
	border-bottom: none;
	box-shadow: none;
	padding: 6px;
	background-color: #394557;
	-moz-transform: scale(0,1) translate(-150px);
	-webkit-transform: scale(0,1) translate(-150px);
	-o-transform: scale(0,1) translate(-150px);
	-ms-transform: scale(0,1) translate(-150px);
	transform: scale(0,1) translate(-150px);
}

/**********统一身份认证呼吸按钮样式***************************/
.login-btns{
	width: 280px;
	margin: 30px 0 0 50px;
	float:left;
}
.login-btns a{
	font-size:14px;
	/*float:right;*/
	color: #333;
	padding-right: 15px;
	text-decoration: underline
}
.login-btns a:last-child{
	padding-right:0;
}
.login-btns .hrefs{
	padding-top: 30px;
	text-align: right;
}
.login-btns .cas{
	width:250px;
	height:70px;
	font-size:24px;
	margin:0 auto;
	padding-left: 30px;
	line-height:70px;
	border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
	color: #fff;
	background-color: rgb(102, 159, 199);
	box-shadow: 1px 2px 5px #ccc;/********IE9的情况下会用到box-shadow***********/
	-webkit-box-shadow: 1px 2px 5px #ccc;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-o-box-shadow: 1px 2px 5px #ccc;
	animation: myfirst 2s infinite linear;/********呼吸效果box-shadow background***********/
	-webkit-animation: myfirst 2s infinite linear;
	-moz-animation: myfirst 2s infinite linear;
	-o-animation: myfirst 2s infinite linear;
}
.login-btns .form{
	width:250px;
	height:65px;
	font-size:24px;
	margin:0 auto;
	margin-top:35px;
	margin-bottom:15px;
	padding-left: 30px;
	line-height:65px;
	border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
	color: #fff;
	background-color: rgb(102, 159, 199);
	box-shadow: 1px 2px 5px #ccc;/********IE9的情况下会用到box-shadow***********/
	-webkit-box-shadow: 1px 2px 5px #ccc;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-o-box-shadow: 1px 2px 5px #ccc;
	animation: mysecond 2s infinite linear;/********呼吸效果box-shadow background***********/
	-webkit-animation: mysecond 2s infinite linear;
	-moz-animation: mysecond 2s infinite linear;
	-o-animation: mysecond 2s infinite linear;
}
.login-btns .cas:hover, .login-btns .form:hover{/*****IE9统一身份认证**账户密码登录按钮样式*****/
	background-color: #337ab7;
	box-shadow: 1px 2px 5px #aaa;
	-webkit-box-shadow: 1px 2px 5px #aaa;
	-moz-box-shadow: 1px 2px 5px #aaa;
	-o-box-shadow: 1px 2px 5px #aaa;
}
.login-btns .cas:active, .login-btns .form:active{/*****IE9统一身份认证**账户密码登录按钮样式*****/
	background-color: #337ab7;
	box-shadow: 1px 2px 5px #ccc;
	-webkit-box-shadow: 1px 2px 5px #ccc;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-o-box-shadow: 1px 2px 5px #ccc;
}