.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;
}

.login-comm-dirlog{
	width:395px;
	top:30%;
	border-radius: 10px;
	background-color: #fff;
	overflow: hidden;
	position: absolute;
	left:50%;
	margin-left: -260px;
}
.login-comm-dirlog .top{
	padding: 0 28px;
	position: relative;
	height: 90px;
	line-height: 90px;
	font-size: 18px;
}
.login-comm-dirlog .top span{
	vertical-align: middle;
}
.login-comm-dirlog .top .biaoshi{
	display: inline-block;
    width: 3px;
    height: 16px;
    background: #ff6700;
    margin-right: 1px;
    border-radius: 1.5px;
}
.login-comm-dirlog .top .href-a{
	display:inline-block;
	float: right;
	margin-left: 30px;
}
.login-comm-dirlog .top a{
	
	font-size:14px;
	color:#555;
	cursor: pointer;
	transition: all linear .1s;
}
.login-comm-dirlog .top a:hover{
	color:#ff5700;
}
.login-comm-dirlog .top .icon{
	display: inline-block;
	position: absolute;
	width:145px;
	height:46px;
	background: url(../images/float-logo.png) no-repeat center;
	left:-9px;
	top:50%;
	margin-top: -23px;
}
.login-comm-dirlog .input-box{
	padding: 0 28px;
}
.login-comm-dirlog .input-box li{
	margin-bottom: 20px;
	position: relative;
}
.login-comm-dirlog .input-box input{
	border:1px solid #eee;
	width:291px;
	height: 42px;
	border-radius: 1px;
	font-size: 14px;
	color:#111;
	padding-left: 48px; 
}
.login-comm-dirlog .input-box li.code input{
	width:154px;
}
.login-comm-dirlog .input-box li.code .img-box{
	position: absolute;
	right: 0;
	top:0;
	height: 100%;
	width:110px;
}
.login-comm-dirlog .input-box li.code .img-box img{
	width:100%;
	height: 100%;
	cursor: pointer;
}
.login-comm-dirlog .input-box li.btn2{
	margin-bottom: 0;
}
.login-comm-dirlog div.foot {
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../images/foot.jpg) no-repeat center;
}
.login-comm-dirlog div.foot p{
	text-align: center;
	font-size: 12px;
	font-weight: 600;
}
.login-comm-dirlog div.foot .foot-one {
	display: flex;
	justify-content: center;
}
.login-comm-dirlog div.foot .foot-l{
	background: url(../images/foot-l.png) no-repeat center;
	display: block;
	width: 60px;
	margin-right: 10px;
}
.login-comm-dirlog div.foot .foot-r{
	background: url(../images/foot-r.png) no-repeat center;
	display: block;
	width: 60px;
	margin-left: 10px;
}
.login-comm-dirlog .input-box ::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
.login-comm-dirlog .input-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
.login-comm-dirlog .input-box ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
.login-comm-dirlog .input-box :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
} 
.login-comm-dirlog .input-box input:focus{
	outline:   solid #9ED5FC;
}
.login-comm-dirlog .input-box li .icon{
	display: inline-block;
	position: absolute;
	width:21px;
	height: 20px;
	left:13px;
	top:50%;
	margin-top: -10px;
}
.login-comm-dirlog .input-box li:before{
	content: ' ';
	display: block;
	position: absolute;
	width:1px;
	height: 30px;
	top:50%;
	left:47px;
	margin-top: -15px;
}
.login-comm-dirlog .input-box li .icon-red{
	background: #ff5845;
	position: absolute;
	top: -34%;
	left: 18px;
	color: #fff;
	font-size: 12px;
	padding: 2px 5px 0;
	border-radius: 3px;
}
.login-comm-dirlog .input-box li .border-red {
	border-color: #ff5845;
}
.login-comm-dirlog .input-box li .word-red {
	color: #ff5845;
}
.login-comm-dirlog .input-box li .btn-red {
	background: #ff6700;
	border-color: #ff6700;
	color: #fff;
}
.login-comm-dirlog .input-box li .sanjiao{
	width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: #ff5845;
    border-left: 4px solid transparent;
    position: absolute;
    left: 34px;
    top: 5px;
    z-index: 1;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.login-comm-dirlog .input-box li.phone .icon{background: url(../images/phone.png) no-repeat center;}
.login-comm-dirlog .input-box li.psd .icon{background: url(../images/pw.png) no-repeat center;}
.login-comm-dirlog .input-box li.code .icon{background: url(../images/imgcode.png) no-repeat center;}
.login-comm-dirlog .do-login{
	height: 40px;
	text-align: center;
	color:#fff;
	font-size:14px;
	width:100%;
	border:none;
	background: #ff8400;
	border-radius: 3px;
	cursor: pointer;
}

.login-comm-dirlog .do-login:hover,.login-comm-dirlog .do-reges:hover{
	background: #ff6700;
	border-color: #ff6700;
	color: #fff;
}

.login-comm-dirlog .do-reges{
	height: 38px;
	text-align: center;
	color:#fff;
	font-size:14px;
	color: #ff8400;
	width:100%;
	border:none;
	background: #fff;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #ff8400;
}
.login-comm-dirlog .input-box .warn{
	border:1px solid #FF0020;
	height: 32px;
	line-height: 32px;
	background: #FFE5E5;
	color:#111;
	font-size:12px;
	padding-left: 46px;
}
.login-comm-dirlog .input-box .warn a{
	color:#FF0020;
}
.login-comm-dirlog .input-box .warn:before{
	width:0;
}
.login-comm-dirlog .input-box .warn .icon{
	width:18px;
	height: 18px;
	background: url(../images/icon-warn.png) no-repeat center;
	top:50%;
	margin-top: -9px;
	left:13px;
}
.none{
	display:none;
}