@font-face{
  font-family: 'pingFangSC-Regular';
  src: url('../fonts/PingFangSC/PingFangRegular.ttf');
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: "pingFangSC-Regular";
	margin: 0;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	font-size: 18px;
/* 	-webkit-text-fill-color: #fff !important; */
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s; //����ɫ͸��  ��Чʱ��  ����Ч��  ����ʱ�ӳٵ�ʱ��
}
input {
	 background-color:transparent;
}
input::placeholder {
    font-family: Arial;
    letter-spacing: 5px;
    color: #b8cbe4 !important;
    text-align: left; 
}

/* ��С1366 */
@media screen and (min-width: 1366px) {
	.mainDiv {
		position: relative;
		background: url(../login/login_bg003.jpg) center center no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 100%;
	}
	.formDiv {
		background-size: 100% 100%;
		width: 410px;
		height: 390px;
		position: fixed;
	    left: 50%;
	    margin-left: -205px;
	    top: 50%;
	    margin-top: -220px;
		background-color: #fff;
		/* padding-top: 60px; */
		box-sizing: border-box;
		border-radius:10px;
		box-shadow: 0 7px 17px 0 rgba(137,192,232,0.61) !important;
	}
	.logoDiv {
		width: 380px;
		height: 60px;
		line-height: 60px;
		margin: 40px auto;
		/* margin-bottom: 60px; */
		/* color: #d2e2f2; */
		text-align: center;
		background: url(../images/oa/logo.png) no-repeat 30px;
		background-size: 80px 70px;
		font-size: 36px;
	/* 	padding-left: 70px; */
	    /*box-sizing: border-box;  */
	}
	.login_form{
		width: 300px;
		margin: 0 auto;
	}
	.login_form .username_item{
		height: 40px;
/* 		padding-left:50px; */
/* 		background: url(../login/account_icon.png) no-repeat 10px; */
		border-bottom: 1px solid #000000;
		margin-bottom: 15px;
	}
	
	
	.login_form .msgcode_item{
		height: 50px;
		padding-left:30px;
		/* border-bottom: 1px solid #d0e1f1; */
		margin-bottom: 60px;
	}
	
	.login_form .password_item{
		height: 40px;
/* 		padding-left:50px;
		background: url(../login/pwd_icon.png) no-repeat 10px; */
		border-bottom: 1px solid #000000;
		margin-bottom: 10px;
	}
	.login_form .verification_item{
		height: 50px;
		padding-left:0px;
		border-bottom: 1px solid #000000;
		margin-bottom: 15px;
/* 		background-size:40px 40px;
		background: url(../login/verification_code.png) no-repeat 10px; */
	}
	
	.login_form .username_item input,.login_form .msgcode_item input,.login_form .password_item input, .login_form .verification_item input{
		background: none;
		line-height: 50px;
		height: 50px;
/* 		color: #d3e0f1; */
		font-size: 18px;
		padding-left: 10px;
		box-sizing: border-box;
	}
	#reDiv {
		height: 40px;
		width: 380px;
		line-height: 40px;
		color: white;
		text-align: right;
		margin-bottom: 30px;
	}
	#reDiv .reFlag,#reDiv .remember_account{
		width: 16px;
		height: 16px;
		line-height: 1;
		position: relative;
	    vertical-align: middle;
	    cursor: pointer;
	}
	.userName {
		height: 30px;
		width: 310px;
		font-size: 20;
		border: none;
		outline: none;
		background: none;
	}
	.reDiv_item{
		display: inline-block;
		cursor: pointer;
	}
	.codeLabel {
		background-color: #cfcfcf;
		display: none;
		height: 40px;
		width: 46px;
		text-align: center;
		background-image: url(../login/password_check.png);
	}
	.userPassword {
		height: 30px;
		width: 310px;
		font-size: 20px;
		border: none;
		outline: none;
	}
	
	.code {
		display: none;
		height: 40px;
		width: 160px;
		font-size: 15px;
		border: none;
		padding: 0px 8px;
	}
	
	.codeImg {
		display: none;
		border: none;
	}
	
	.tips {
		font-size: 14;
		color: #4394E4;
	}
	.loginBtn {
		background-color: #2d96f1;
		width: 300px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		color: #FFF;
		text-align: center;
		cursor: pointer;
		border-radius: 5px;
		margin-bottom: 20px;
	}
	.forget_pwd{
		color: #b4c1d4;
		text-align: center;
		text-decoration:none;
	}
	.msg {
		/* text-align: center; */
		height: 20px;
		font-size: 14px;
		margin-bottom: 15px;
		color: red;
	}
}
/* ���1366 */
@media screen and (max-width: 1366px) {
	.mainDiv {
		position: relative;
		background: url(../login/login_bg003.jpg) center center no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 100%;
	}
	.formDiv {
		background-size: 100% 100%;
		width: 410px;
		height: 390px;
		position: fixed;
	    left: 50%;
	    margin-left: -205px;
	    top: 50%;
	    margin-top: -220px;
		background-color: #fff;
/* 		padding-top: 40px; */
		box-sizing: border-box;
		border-radius:10px;
		box-shadow: 0 7px 17px 0 rgba(137,192,232,0.61) !important;
	}
	.logoDiv {
		width: 300px;
		height: 40px;
		line-height: 40px;
		margin: 40px auto;
		/* margin-bottom: 40px; */
		/* color: #d2e2f2; */
		text-align: center;
		background: url(../images/oa/logo.png) no-repeat 35px;
		background-size: 50px 45px;
		font-size: 26px;
		/* padding-left: 50px; */
	    box-sizing: border-box;
	}
	.login_form{
		width: 300px;
		margin: 0 auto;
	}
	.login_form .username_item{
		height: 40px;
/* 		padding-left:40px;
		background: url(../login/account_icon.png) no-repeat 10px; */
		background-size: 25px 25px;
		border-bottom: 1px solid #000000;
		margin-bottom: 15px;
	}
	
	.login_form .msgcode_item{
		height: 40px;
		padding-left:40px;
		/* border-bottom: 1px solid #000000 ; */
		margin-bottom: 80px;
		/* margin-bottom: 15px; */
	} 
	
	.login_form .password_item{
		height: 40px;
		/* padding-left: 40px; */
		/* background: url(../login/pwd_icon.png) no-repeat 10px; */
		background-size: 25px 25px;
		border-bottom: 1px solid #000000;
		margin-bottom: 15px;
	}
	.login_form .verification_item{
		height: 50px;
/* 		padding-left:0px; */
		border-bottom: 1px solid #000000;
		margin-bottom: 15px;
/* 		background: url(../login/verification_code.png) no-repeat 10px; */
	}
	
	.login_form .username_item input,.login_form .msgcode_item input,.login_form .password_item input, .login_form .verification_item input{
		background: none;
		line-height: 40px;
		height: 40px;
		width: 240px;
/* 		color: #d3e0f1; */
		font-size: 18px;
		padding-left: 10px;
		box-sizing: border-box;
	}
	#reDiv {
		height: 30px;
		width: 300px;
		line-height: 30px;
		color: white;
		text-align: right;
		margin-bottom: 15px;
	}
	#reDiv .reFlag,#reDiv .remember_account{
		width: 14px;
		height: 14px;
		line-height: 1;
		position: relative;
	    vertical-align: middle;
	    cursor: pointer;
	}
	.userName {
		height: 30px;
		width: 310px;
		font-size: 20;
		border: none;
		outline: none;
		background: none;
	}
	.reDiv_item{
		display: inline-block;
		cursor: pointer;
		font-size: 12px;
	}
	.codeLabel {
		background-color: #cfcfcf;
		display: none;
		height: 40px;
		width: 46px;
		text-align: center;
		background-image: url(../login/password_check.png);
	}
	.userPassword {
		height: 30px;
		width: 310px;
		font-size: 20;
		border: none;
		outline: none;
	}
	
	.code {
		display: none;
		height: 40px;
		width: 160px;
		font-size: 15;
		border: none;
		padding: 0px 8px;
	}
	
	.codeImg {
		display: none;
		border: none;
		padding: 0px 8px;
	}
	
	.tips {
		font-size: 14;
		color: #4394E4;
	}
	.loginBtn {
		background-color: #2d96f1;
		width: 300px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		color: #FFF;
		text-align: center;
		cursor: pointer;
		border-radius: 5px;
		margin-bottom: 20px;
	}
	.forget_pwd{
		color: #b4c1d4;
		font-size: 12px;
		text-align: center;
		text-decoration:none;
	}
	.msg {
		/* text-align: center; */
		height: 16px;
		font-size: 12px;
		margin-bottom: 15px;
		color: red;
	}
}

/* ���750 */
@media screen and (max-width: 750px) {
	.mainDiv {
		position: relative;
		background: url(../login/login_bg003.jpg) center center no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 100%;
	}
	.formDiv {
		background-size: 100% 100%;
		width: 320px;
		height: 360px;
		position: fixed;
	    left: 50%;
	    margin-left: -160px;
	    top: 50%;
	    margin-top: -180px;
		background-color: rgb(8, 31, 75, 0.5);
		padding-top: 30px;
		border-radius: 8px;
		box-sizing: border-box;
	}
	.logoDiv {
		width: 300px;
		height: 40px;
		line-height: 40px;
		margin: 0 auto;
		margin-bottom: 20px;
		color: #d2e2f2;
		text-align: center;
		background: url(../images/oa/logo.png) no-repeat 60px;
		background-size: 40px 35px;
		font-size: 20px;
		padding-left: 40px;
	    box-sizing: border-box;
	}
	.login_form{
		width: 280px;
		margin: 0 auto;
	}
	.login_form .username_item{
		height: 40px;
		padding-left:40px;
		background: url(../login/account_icon.png) no-repeat 10px;
		background-size: 20px 20px;
		border-bottom: 1px solid #d0e1f1;
		margin-bottom: 10px;
	}
	
	.login_form .msgcode_item{
		height: 40px;
		padding-left:40px;
		border-bottom: 1px solid #d0e1f1;
		margin-bottom: 10px;
	}
	
	.login_form .password_item{
		height: 40px;
		padding-left: 40px;
		background: url(../login/pwd_icon.png) no-repeat 10px;
		background-size: 20px 20px;
		border-bottom: 1px solid #d0e1f1;
		margin-bottom: 15px;
	}
	
	.login_form .username_item input,.login_form .msgcode_item input,.login_form .password_item input, .login_form .verification_item input{
		background: none;
		line-height: 30px;
		height: 30px;
		width: 210px;
		color: #d3e0f1;
		font-size: 14px;
		padding-left: 5px;
		margin-top: 5px;
		box-sizing: border-box;
	}
	#reDiv {
		display: none;
		height: 30px;
		width: 300px;
		line-height: 30px;
		color: white;
		text-align: right;
		margin-bottom: 15px;
	}
	#reDiv .reFlag,#reDiv .remember_account{
		width: 14px;
		height: 14px;
		line-height: 1;
		position: relative;
	    vertical-align: middle;
	    cursor: pointer;
	}
	.userName {
		height: 30px;
		width: 310px;
		font-size: 20;
		border: none;
		outline: none;
		background: none;
	}
	.reDiv_item{
		display: inline-block;
		cursor: pointer;
		font-size: 12px;
	}
	.codeLabel {
		background-color: #cfcfcf;
		display: none;
		height: 40px;
		width: 46px;
		text-align: center;
		background-image: url(../login/password_check.png);
	}
	.userPassword {
		height: 30px;
		width: 310px;
		font-size: 20;
		border: none;
		outline: none;
	}
	
	.code {
		display: none;
		height: 40;
		width: 160;
		font-size: 15;
		border: none;
		padding: 0px 8px;
	}
	
	.codeImg {
		display: none;
		border: none;
		padding: 0px 8px;
	}
	
	.tips {
		font-size: 14;
		color: #4394E4;
	}
	.loginBtn {
		background-color: #2d96f1;
		width: 280px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		color: #FFF;
		text-align: center;
		cursor: pointer;
		border-radius: 5px;
		margin-bottom: 20px;
	}
	.forget_pwd{
		color: #b4c1d4;
		font-size: 12px;
		text-align: center;
		text-decoration:none;
	}
	.msg {
		/* text-align: center; */
		height: 16px;
		font-size: 12px;
		margin-bottom: 15px;
		color: red;
	}
}