@charset "utf-8";

/*login*/
.disabledSuqeAcct {
	color: #FF4D4D;
}

#login-body {
	background-color: #1d7cb3;
	background-image: url(../images/light.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}

#login-top {
	height: 50px;
	top: 0;
	background: #145c80;
}

#login-top img {
	float: left;
	margin-left: 30px;
}

#login-top span {
	float: left;
	line-height: 50px;
	text-indent: 20px;
	color: #abc5d1;
	font-size: 14px;
}

#login-top ul {
	float: right;
	padding-right: 30px;
}

#login-top ul li {
	float: left;
	margin-left: 20px;
	line-height: 50px;
}

#login-top ul li a {
	color: #abc5d1;
	font-size: 14px;
}

#login-top ul li a:hover {
	color: #fff;
}

#login-con {
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 437px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

#login-tit {
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
}

#login-box {
	width: 692px;
	height: 373px;
	margin-top: 20px;
	background: url(../images/logininfo.png) no-repeat;
	text-align: center;
}

@media ( max-width :692px) {
	#login-box {
		width: 100%;
		position: static;
		margin-top: 0;
		margin-left: 0;
	}
}

#login-input {
	margin-top: 88px;
}

.li-type {
	font-size: 14px;
	padding-top: 20px;
}

.nice-select {
	float: left;
	width: 212px;
	padding: 0 10px;
	height: 38px;
	border: solid 1px #cccccc;
	position: relative;
	background: #f7f7f7 url(../images/arrow.png) no-repeat right center;
	cursor: pointer;
}

.nice-select input {
	font-size: 14px;
	display: block;
	width: 100%;
	height: 38px;
	line-height: 38px;
	border: 0;
	outline: 0;
	background: none;
	cursor: pointer;
}

.nice-select a:hover {
	color: #000;
}

.li-type .text-style {
	float: left;
	font-size: 14px;
	margin-left: -16px;
	margin-right: 10px;
	line-height: 38px;
}

.nice-select input {
	color: #999999;
}

.nice-select ul {
	width: 100%;
	display: none;
	position: absolute;
	left: -1px;
	top: 38px;
	overflow: hidden;
	background-color: #fff;
	overflow-y: auto;
	border: 1px solid #cccccc;
	border-top: 0;
	z-index: 9999;
}

.nice-select ul li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 10px;
	cursor: pointer;
	font-size: 14px;
}

.nice-select ul li.on {
	background-color: #e0e0e0;
}

.login-info {
	width: 300px;
	height: 40px;
	border: none;
	line-height: 40px;
	padding-left: 50px;
	font-size: 14px;
	color: #4d4d4d;
}

.login-select {
	font-size: 14px;
	color: #4d4d4d;
}

.login-code {
	width: 123px;
	height: 40px;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	line-height: 40px;
	color: #4d4d4d;
}

.code-img {
	vertical-align: middle;
}

.code-refresh {
	vertical-align: middle;
}

.login-user {
	background: url(../images/login-user.png) no-repeat;
}

.login-pwd {
	background: url(../images/login-pwd.png) no-repeat;
}

.login-num {
	background: url(../images/login-num.png) no-repeat;
}

.login-btn {
	width: 300px;
	height: 40px;
	background: #47a0cc;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	line-height: 35px;
	border-radius: 3px;
	margin-top: 20px;
}

/*login*/
#login_body {
	background-color: #1d7cb3;
	background-image: url(../images/light.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}

.logintop {
	height: 50px;
	position: absolute;
	top: 0;
	background: #145c80;
	z-index: 100;
	width: 100%;
}

.logintop img {
	float: left;
	margin-left: 30px;
}

.logintop span {
	float: left;
	line-height: 50px;
	text-indent: 20px;
	color: #abc5d1;
	font-size: 14px;
}

.logintop ul {
	float: right;
	padding-right: 30px;
}

.logintop ul li {
	float: left;
	margin-left: 20px;
	line-height: 50px;
}

.logintop ul li a {
	color: #abc5d1;
	font-size: 14px;
}

.logintop ul li a:hover {
	color: #fff;
}

.loginbody {
	background: url(../images/loginbg.png) no-repeat center center;
	width: 100%;
	height: 585px;
	overflow: hidden;
	position: absolute;
	top: 47px;
}

.systemlogo {
	background: url(../images/login_title.png) no-repeat center;
	width: 100%;
	height: 40px;
	margin-top: 100px;
	text-align: center;
}

.loginbox {
	width: 692px;
	height: 373px;
	background: url(../images/logininfo.png) no-repeat;
	margin-top: 10px;
}

.loginbox ul {
	margin-top: 88px;
}

.loginbox ul li {
	margin-bottom: 12px;
}

a:hover {
	color: #3897c7;
	text-decoration: none;
	cursor: pointer;
}

.loginuser {
	width: 250px;
	height: 40px;
	background: url(../images/loginuser2.png) no-repeat;
	border: none;
	line-height: 40px;
	padding-left: 50px;
	font-size: 14px;
	color: #4d4d4d;
}

.loginpwd {
	width: 250px;
	height: 40px;
	background: url(../images/loginpassword2.png) no-repeat;
	border: none;
	line-height: 40px;
	padding-left: 50px;
	font-size: 14px;
	color: #4d4d4d;
}

.loginNum {
	width: 250px;
	height: 40px;
	background: url(../images/loginNum.png) no-repeat;
	border: none;
	line-height: 40px;
	padding-left: 50px;
	font-size: 14px;
	color: #4d4d4d;
}

.loginbm {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: url(../images/loginbg2.png) repeat-x;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #0b3a58;
}

#login-bm {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: url(../images/loginbg2.png) repeat-x;
	position: absolute;
	bottom: 0;
	color: #0b3a58;
}

.loginbtn {
	width: 300px;
	height: 40px;
	background: #47a0cc;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	line-height: 35px;
	border-radius: 3px;
	margin-top: 20px;
}