@charset "utf-8";
body,html{ height:100%; margin:0; width:100%;background-color: #cdeeff;overflow-x: hidden; user-select:none;background-image: url(./img/loginbg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
*{ font-family:"微软雅黑"}
.disSel{color: #322fee;}
.noSel{	color: #666666;cursor:pointer;}
.loginLogo{	position: relative;	padding:10px 20px;	width:265px;	height:50px;	margin-top:10px;	margin-left:20px;	border:0px solid #c4dfe9;	color:#333333;
	background-image: url(./img/logo.png);	background-size: 80px 50px;	background-position: 15px 10px;	background-repeat: no-repeat;	line-height:50px;	font-weight: 800;
	font-size:26px;	text-indent: 80px;	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);	background-color: rgba(196, 223, 233, 0.3);}
.loginMain{	position: relative;	min-height:520px;	width:415px;	height:520px;	margin:0 auto;	margin-top:10%; }
.loginMain #imgtop{	position: absolute;	top: -15px;	left: 0px;	width:415px;	height:180px;	background-image: url(./img/login_tb.png);	background-size: 248px 150px; 	background-position: center;	background-repeat: no-repeat;}
.loginMain #disinfo{	position: absolute;	top: 181px;	left: 0px;	width:415px;	height:390px;	border: 1px solid #c1d0ff;	border-radius: 10px;	background-color: #c1d0ff;	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);}
.loginMain #disinfo #title,#title2{	position: absolute;	top: 25px;width:180px;height:40px;font-size:22px;font-weight: 800;line-height:40px;text-align:center;white-space: nowrap;}
.loginMain #disinfo #title:hover,#title2:hover{font-size:22px;color:#1c499e;}
.loginMain #disinfo #title{left: 20px; }
.loginMain #disinfo #title2{left: 207px;}

.loginMain #disinfo #username,#paswd,#devsn{position: absolute;top: 83px;left: 17px;width:380px;height:70px;color: #333333;font-size: 20px;font-weight: 800;line-height:40px;text-align:left;text-indent:55px;	border-radius: 10px;border:0px;z-index: 100;}

.loginMain #disinfo #devsn{top:113px;text-transform: uppercase;}
.loginMain #disinfo #username{top: 83px;}
.loginMain #disinfo #paswd{top: 181px;}

.loginMain #disinfo #userimg,#paswdsuo,#devimg{position:absolute;top:103px;left:37px;width:35px;height:35px;background-size:contain;background-repeat: no-repeat;pointer-events:none;z-index: 200;}

.loginMain #disinfo #userimg{top: 103px;background-image: url('./img/login_user.png');}
.loginMain #disinfo #paswdsuo{top: 201px;background-image: url('./img/login_suo.png');}
.loginMain #disinfo #devimg{top:133px;background-image: url('./img/login_san.png');}


.loginMain #disinfo #but1{	position: absolute;	top: 276px;	left: 17px;	width:380px;height:70px;color: #FFFFFF;font-size: 22px;font-weight: 800;line-height: 40px;text-align:center;border-radius:10px;	border: 0px;	letter-spacing: 4px;	background-color: #322fee;	cursor: pointer;}
@media (max-width:1920px),(max-width:1024px){
.loginLogo{	padding:10px 20px;	width:240px;height:40px; margin-top:10px; margin-left:20px;}
.loginMain{	width:300px; height:400px; margin-left:auto;margin-left:right;margin-top:8%;}
.loginMain #imgtop{		margin-top:40px;width:300px;background-size: 124px 75px; }
.loginMain #disinfo{	top: 181px;	 margin-left:auto;margin-right:auto;width:300px;	height:290px;}

.loginMain #disinfo #title,#title2{top: 15px;width:140px;font-size:20px;}
.loginMain #disinfo #title:hover,#title2:hover{font-size:20px;}
.loginMain #disinfo #title{left: 10px; }
.loginMain #disinfo #title2{left: 150px;}
.loginMain #disinfo #devsn{	top:103px;left:17px;width:260px;	height:40px;font-size: 20px;text-indent: 45px;}
.loginMain #disinfo #devimg{top:113px;left:30px;width:30px;	height:30px;}

.loginMain #disinfo #username{top: 63px;	left: 17px;	width:260px;	height:40px; font-size: 20px;	line-height: 40px;	text-align: left;	text-indent: 45px;}
.loginMain #disinfo #userimg{top: 73px;	left: 30px;	width:30px;	height:30px;   }
.loginMain #disinfo #paswd{		top: 131px;	left: 17px;	width:260px;	height:40px; font-size: 20px;line-height: 40px;	text-align: left;	text-indent: 45px;	}
.loginMain #disinfo #paswdsuo{	top: 136px;	left: 27px;	width:30px;	height:30px;   }
.loginMain #disinfo #but1{		top: 200px;	left: 17px;	width:260px;	height:50px;	color: #FFFFFF;	font-size: 22px;	font-weight: 800;	line-height: 40px;	text-align: center;	border-radius: 10px;	border: 0px;	letter-spacing: 4px;	background-color: #322fee;	cursor: pointer;}
}
@media (max-width:1023px),(max-width:360px){
.loginLogo{	padding:10px 20px;	width:240px;	height:40px;	margin:10px auto; line-height:40px; font-size:20px;	}
.loginMain{	width:300px; height:400px; margin-left:auto;margin-right:auto;margin-top:8%;}
.loginMain #imgtop{	width:300px;margin-top:40px;background-size: 124px 75px; }
.loginMain #disinfo{	top: 181px; margin-left:auto;margin-right:auto;	width:300px;	height:290px;	border-radius: 10px;}
.loginMain #disinfo #title,#title2{top: 15px;width:130px;font-size:18px;}
.loginMain #disinfo #title:hover,#title2:hover{font-size:18px;}
.loginMain #disinfo #title{left: 20px; }
.loginMain #disinfo #title2{left: 150px;}
.loginMain #disinfo #devsn{	top:103px;left:17px;width:260px;	height:40px;font-size: 20px;text-indent: 45px;}
.loginMain #disinfo #devimg{top:113px;left:30px;width:30px;	height:30px;}
.loginMain #disinfo #username{top: 63px;	left: 17px;	width:260px;	height:40px; font-size: 20px;	line-height: 40px;	text-align: left;	text-indent: 45px;}
.loginMain #disinfo #userimg{top: 73px;	left: 30px;	width:30px;	height:30px;   }
.loginMain #disinfo #paswd{		top: 131px;	left: 17px;	width:260px;	height:40px; font-size: 20px;line-height: 40px;	text-align: left;	text-indent: 45px;	}
.loginMain #disinfo #paswdsuo{	top: 136px;	left: 27px;	width:30px;	height:30px;   }
.loginMain #disinfo #but1{		top: 200px;	left: 17px;	width:260px;	height:50px;	color: #FFFFFF;	font-size: 22px;	font-weight: 800;	line-height: 40px;	text-align: center;	border-radius: 10px;	border: 0px;	letter-spacing: 4px;	background-color: #322fee;	cursor: pointer;}
}