.loginPopup {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	display: none;
}

.loginPopup-bg {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	cursor: pointer;
}

.loginPopup-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: url(../images/icon-login.png) no-repeat -54px -162px;
	cursor: pointer;
	z-index: 1000;
}

.loginPopup-dirlog {
	position: absolute;
	top: 30%;
	left: 50%;
	background: #fff;
	border-radius: 3px;
	width: 450px;
	margin-left: -260px;
}

.loginPopup-top {
	padding: 0 28px;
	position: relative;
	height: 95px;
	line-height: 95px;
}

.loginPopup-top .href-a {
	display: inline-block;
	float: right;
	margin-left: 30px;
}

.loginPopup-top a {
	font-size: 14px;
	color: #555;
	transition: all linear .1s;
}

.loginPopup-top a:hover {
	color: #ff5700;
}

.icon-login-tit {
	display: inline-block;
	position: absolute;
	width: 145px;
	height: 46px;
	background: url(../images/icon-login.png) no-repeat 0 0;
	left: -9px;
	top: 50%;
	margin-top: -23px;
}

.loginPopup-dirlog .input-box {
	padding: 0 28px;
}

.loginPopup-dirlog .input-box li {
	margin-bottom: 20px;
	position: relative;
}

.loginPopup-dirlog .input-box input {
	border: 1px solid #eee;
	width: 334px;
	background: #f5f5f5;
	height: 42px;
	border-radius: 1px;
	font-size: 14px;
	color: #111;
	padding-left: 58px;
}

.loginPopup-dirlog .input-box li.code input {
	width: 197px;
}

.loginPopup-dirlog .input-box li.code .img-box {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 110px;
}

.loginPopup-dirlog .input-box li.code .img-box img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.loginPopup-dirlog .input-box ::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
}

.loginPopup-dirlog .input-box :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999;
}

.loginPopup-dirlog .input-box ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}

.loginPopup-dirlog .input-box :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}

.loginPopup-dirlog .input-box input:focus {
	outline: solid #9ED5FC;
}

.icon-login {
	background: url(../images/icon-login.png) no-repeat;
	display: inline-block;
	position: absolute;
	width: 21px;
	height: 20px;
	left: 13px;
	top: 50%;
	margin-top: -10px;
}

.icon-login-phone {
	background-position: -56px -79px;
}

.icon-login-psd {
	background-position: -56px -106px;
}

.icon-login-code {
	background-position: -55px -54px;
}

.loginPopup-dirlog .input-box li:before {
	content: ' ';
	display: block;
	position: absolute;
	width: 1px;
	height: 30px;
	background: #D1D1D1;
	top: 50%;
	left: 47px;
	margin-top: -15px;
}

.loginPopup-dirlog .do-login {
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	width: 100%;
	border: none;
	background: #ff5700;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	cursor: pointer;
}

.loginPopup-dirlog .input-box .warn {
	border: 1px solid #FF0020;
	height: 32px;
	line-height: 32px;
	background: #FFE5E5;
	color: #111;
	font-size: 12px;
	padding-left: 46px;
	display: none;
}

.loginPopup-dirlog .input-box .warn a {
	color: #FF0020;
}

.loginPopup-dirlog .input-box .warn:before {
	width: 0;
}

.icon-login-warn {
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(../images/icon-login.png) no-repeat -59px -132px;
	top: 50%;
	margin-top: -9px;
	left: 15px;
}
.loginPopup-dirlog .input-box .loginpopup-input-error {
	border-color: #ff0000;
	color: #333;
}