html {
}
@font-face {
	font-family: zzgffht;
	src: url(/content/common/font/ZZGFFHT.ttf);
}
body {
	font-family: "Microsoft Yahei";
	font-size: 14px;
	margin: 0;
	height: 100vh;
	/*background: #fff url(../images/login_bg.png) 50% 0 no-repeat;*/
	background: #fff url(img/bg.png) 100%/100% no-repeat;
}


* {
	padding: 0;
	margin: 0;
}

ul li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: none;
		color: #f00;
	}

	a:visited {
		outline: none;
		border: none;
	}

.cl {
	clear: both;
}

input[type="text"]:focus, input[type="password"]:focus {
	outline: none;
}

input::-ms-clear {
	display: none;
}

.login {
	width: 100%;
	height: 641px;
	clear: both;
}
.logo {
	width: 800px;
	height: 72px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 110px;
}
#form {
	width: 1008px;
	height: 641px;
	margin: auto;
	background: url(/Content/login/img/login_tab.png);
}

#form  h4 {
	font-size: 28px;
	font-family: medium;
	color: #fff;
	text-align: center;
	line-height: 66px;
}
.loginbox {
	width: 1008px;
	height: 380px;
}
.login_left {
	float: left;
	width: 500px;
	height: 380px;
	/*background: url(/Content/login/img/login_left.png) no-repeat center top;*/
}
.line {
	float: left;
	width: 2px;
	margin: 90px 3px; 
	height: 200px;
	background: linear-gradient(to bottom,rgba(97, 243, 255, 0),rgba(97, 243, 255, 1),rgba(97, 243, 255, 0));
}
.login_right {
	float: right;
	width: 500px;
	height: 380px;
	padding-left: 72px;
	padding-top: 20px;
	box-sizing: border-box;
}
.bd_input .inputOuter {
	position: relative;
	float: left;
	margin-bottom: 25px;
}

.bd_input .inputstyle {
	width: 348px;
	height: 54px;
	padding-left: 66px;
	line-height: 54px;
	border: 1px solid #60EFFF;
	background: #181c534d;
	color: #fff !important;
	font-family: Verdana, Tahoma, Arial;
	font-size: 16px;
	ime-mode: disabled;
	outline: none;
	box-sizing: border-box;
}


.inputstyle:-webkit-autofill,
.inputstyle:-webkit-autofill:hover,
.inputstyle:-webkit-autofill:focus,
.inputstyle:-webkit-autofill:active {
	-webkit-transition-delay: 99999s;
	-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
/*.inputstyle:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: #666 !important;
}*/
.icon-user:before {
	content: url(/Content/login/img/user.png);
	width: 24px;
	height: 24px;
	position: absolute;
	top: 15px;
	left: 20px;
}

.icon-password:before {
	content: url(/Content/login/img/pwd.png);
	width: 24px;
	height: 24px;
	position: absolute;
	top: 15px;
	left: 20px;
}

.button_blue {
	/*margin-top: 48px;*/
	width: 348px;
	height: 54px;
	border-radius: 2px 2px 2px 2px;
	background: linear-gradient(0deg, #30a8fe, #61f3ff);
	line-height: 54px;
	border: none;
	cursor: pointer;
	*border-bottom: none;
	color: #023790;
	text-align: center;
	outline: none;
	font-size: 24px;
	font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;
}

.button_blue:hover {
	background: #06EFFF;
}

.bd_input .verify {
	width: 200px;
	height: 54px;
	padding-left: 20px;
	line-height: 54px;
	border: 1px solid #60EFFF;
	background: #181c534d;
	color: #fff !important;
	font-family: Verdana, Tahoma, Arial;
	font-size: 16px;
	ime-mode: disabled;
	outline: none;
	box-sizing: border-box;
}
#captchaCanvas {
	width: 128px;
	height: 54px;
	line-height: 54px;
	border: 1px solid #60EFFF;
	background: #181c534d;
	color: #fff !important;
	font-family: Verdana, Tahoma, Arial;
	font-size: 16px;
	ime-mode: disabled;
	outline: none;
	box-sizing: border-box;
	position: absolute;
	left: 220px;
}