@charset "utf-8";
/* CSS Document */

/*公共*/

html,body {
	height: 100%;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	font-family: 'Microsoft YaHei', Arial, sans-serif;
}

a {
  color: #000;
  text-decoration: none;
}
hr{margin:5px 5px}
.clear{ clear:both;}
.login-box {width: 100%;}
.login-banner-bg,.login-boxtitle{display: none;}

/*标题*/
h3.title{
	text-align: center;
	font-size: 28px;
	padding: 15px;
	font-weight: 600;
	margin-top: 20px;
	color: #333;
	text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.zcnext{position: absolute;right:5px;top:5px ;padding:5px;font-size:14px ;}

/*主题*/
.login-form{
	/* background: rgba(255, 255, 255, 0.95); */
	width: 100%;
	border-radius: 15px;
	/* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); */
	/* backdrop-filter: blur(10px); */
}
form{max-width:350px;margin:25px auto ;}
.user-name,.user-pass,.user-email,.user-phone,.verification{
	position: relative;
	height: 50px;
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
}
form label{
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #f8f9fa;
	text-align: center;
	top: 0;
	left: 0;
	color: #6c757d;
	font-size: 18px;
	transition: all 0.3s ease;
}
form input{
	font-size: 16px;
	line-height: 20px;
	height: 50px;
	padding: 15px 20px 15px 65px;
	width: 100%;
	border: 2px solid #e9ecef;
	border-radius: 8px;
	transition: all 0.3s ease;
	background: #fff;
}
form input:focus{
	border-color: #667eea;
	outline: none;
	box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
form input:focus + label, form input:not(:placeholder-shown) + label{
	color: #667eea;
	background: #eef1ff;
}
input:-webkit-autofill { 
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.am-cf{width: 100%;max-width:350px;margin:25px auto ;}
.am-cf input{
	width: 100%;
	font-size: 16px;
	padding: 15px;
	border: none;
	border-radius: 8px;
	background: linear-gradient(45deg, #667eea, #764ba2);
	color: white;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}
.am-cf input:hover{
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}
.am-cf input:active{
	transform: translateY(0);
}
.login-links{max-width:350px;margin:20px auto ;font-size:14px;}
.login-links label{
	display: flex;
	align-items: center;
	gap: 8px;
	color: #6c757d;
}
.login-links input[type="checkbox"]{
	width: 18px;
	height: 18px;
	accent-color: #667eea;
}

/*合作账号*/
.partner{width: 100%;max-width:350px;margin:25px auto ;font-size:14px;}
.partner h3{
	text-align: center;
	color: #6c757d;
	margin-bottom: 20px;
	font-weight: 500;
}
.am-btn-group{
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 15px;
}
.am-btn-group li{
	list-style: none;
}
.am-btn-group a{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: #6c757d;
	transition: all 0.3s ease;
}
.am-btn-group a:hover{
	color: #667eea;
	transform: translateY(-3px);
}
.am-btn-group i{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	background: #f8f9fa;
	font-size: 20px;
	transition: all 0.3s ease;
}
.am-btn-group a:hover i{
	background: #eef1ff;
	box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);
}
.am-btn-group span{display: block;}


/*注册*/
.verification {position: relative;}
input#code {width: 80%;}
#dyMobileButton{margin-left: 10px;border: 1px solid #DDD;padding: 0px;width: 15%;height: 40px;background: #F4F4F4 none repeat scroll 0% 0%;margin-top: 0px;text-align: center;line-height:40px;color: #333;text-decoration: none;position: absolute;right: 0px;bottom: 0px;}


/*修改的样式*/
#doc-my-tabs li.am-active a,#doc-my-tabs li a{ background:#f8f8f8;}
.am-tabs-bd{border: none;}
.am-nav-tabs.am-nav-justify li {padding:5px;}
.am-nav-tabs>li>a,.am-nav-tabs.am-nav-justify>li>a,.am-nav-tabs.am-nav-justify>.am-active>a,.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover {border: none; color: #000;font-weight: 600;}
.am-nav-tabs.am-nav-justify > .am-active> a, .am-nav-tabs.am-nav-justify>.am-active>a:focus, .am-nav-tabs.am-nav-justify>.am-active>a:hover ,.am-nav-tabs>li.am-active>a,.am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover {
margin-right: 0px;border-bottom: 1px solid #0e90d2;border-radius: 0px;}

 /*底部*/
.footer {
	text-align: center;
	font-size: 14px;
	padding: 20px;
	color: rgba(255, 255, 255, 0.8);
}
.footer em{
	font-style: normal;
	text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.footer-bd{ display:block;}

/**
@media screen and (min-width:640px){
form,.am-cf,.partner{max-width:640px;margin:40px auto ;}
.footer-bd{ display:block;}	
.partner h3 {text-align:left;}
.am-btn-group i { display:inline-block;border-radius:0px;border:0px;background-color:transparent ;}
.am-btn-group span{display:inline-block;}
.am-cf input{width: 100%;font-size: 16px;}
 
.footer {text-align:left; display:block;position: relative;margin: 0px auto; padding: 7px 0px 9px; margin-top:20px;max-width: 1200px;}
.footer .footer-bd p, .footer .footer-hd p {margin-bottom: 8px;line-height: 27px;text-align:left;border-bottom:1px solid #ddd ;}
.footer .footer-hd a { margin: 0px 4px;white-space: nowrap;color: #6C6C6C;}
.footer .footer-hd b { margin: 0px 3px;font-weight: 400;color: #DDD;}
.footer .footer-bd p{ border-bottom:none;}


}**/
@media screen and (min-width:100px){

.login-box,.login-box2 {
	width: 100%;
	max-width: 420px;
	height: auto;
	position: absolute;
	margin-top: 30px;
	margin-left: 0px;
	background: rgba(255, 255, 255, 0.95);
	right: 5%;
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(10px);
}
.login-box2 {height:auto;}
.login-boxtitle {max-width: 1000px;margin: 0px auto;height: 120px;}
.login-boxtitle img{height:80px;margin-top:30px;}
.login-banner,.res-banner{
	width:100%;
	height:100vh;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	position: relative;
	overflow: hidden;
}
.login-banner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
				radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
}
.login-main,.res-main{max-width:1200px;height:100vh; margin:0px auto; position:relative;}

/*头部*/
.login-boxtitle{display: block;}
.zcnext{right: 20px;top: 15px;}
/*背景*/
.login-banner-bg{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60%;
	/* z-index:-1; */
	background-image: url('/modules/logon/img/beijing.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
} 
.login-banner-bg img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.am-btn-primary{width:100%;}

/*修改的样式*/
#doc-my-tabs li.am-active a,#doc-my-tabs li a{ background:#f8f8f8;}
.am-nav-tabs>li>a,.am-nav-tabs.am-nav-justify>li>a,.am-nav-tabs.am-nav-justify>.am-active>a,.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover {border: none; }

/* 响应式优化 */
@media (max-width: 768px) {
	.login-box {
		right: 2%;
		padding: 20px;
		max-width: 96%;
	}
	
	h3.title {
		font-size: 24px;
	}
	
	form {
		max-width: 100%;
	}
}

/* 备用背景 - 当图片无法加载时显示 */
.fallback-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	display: none;
}
}