@charset "UTF-8";
/* xiangzhan account */
body,html{
	height:100%;
}
.login_header{
	padding:20px 0;
	position:fixed;
	top:0;
	left:20px;
	right:20px;
	z-index:2;
}
.login_header .icon{
	width:28px;
    text-align: center;
    border-radius: 4px;
    background-color: #dd0000;
    font-size: 16px;
    color: #fff;
}
.login_header .fl img{
	max-width:80px;
}
.login_header .fl{
	line-height:0;
}
.login_header .text{
	font-size:32px;
	margin:3px 0 0 5px;
	color:#000;
}
.login_header .link{
	line-height:28px;
}
.login_header .link a{
	color:#999;
}
.login_header .link a:hover{
	color:#dd0000;
}
.login_header .link a+a{
	margin-left:26px;
}
.login_header i{
	vertical-align:middle;
	line-height: 28px;
	height:28px;
	display: inline-block;
}
.loginContainer{
	height:100%;
	white-space:nowrap;
	text-align:center;
    position:relative;
}
.loginContainer:after{
	content:"";
	width:1px;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.login{
	padding:80px 0;
	display:inline-block;
	vertical-align:middle;
	width:360px;
	position:relative;
}
.login .pageHead{
	display:none;
}
.login_title h4{
	text-align:center;
	font-size:18px;
	color:#000;
	font-weight:500;
}
.login_content{
	margin-top:32px;
}
.login_form{
	border:1px solid #eee;
	border-radius:4px;
	padding:2px 0;
}
.login_row{
	border-top:1px solid #eee;
	height:60px;
	line-height:60px;
	padding:0px 20px;
	font-size:16px;
	position:relative;
}
.login_telephone .login_row:first-child{
	border-top:0px;
}
.login_input{
	width:100%;
	height:60px;
	line-height:16px;
	border:0;
	padding:0px;
	background-color:transparent;
}
.login_select .fancySelect{
	position:static;
	}
.login_select .fancySelectBtn{
	line-height:60px;
	padding: 0px;
	border:none;
	background-color:transparent;
	border-radius:0;
	text-align:right;
	color:#666;
}
.login_select .fancySelectHead{
	border-bottom:1px solid #eee;
}
.login_select .countryCode{
	position:absolute;
	top:0;
	left:20px;
	color:#333;
}
.login_select .fancySelectBtn .xzicon-arrow-b{
	position:static;
	color:#ccc;
}
.login_select .fancySelectBtn .xzicon-arrow-b:before{
	content:"\e104";
}
.login_select .fancySelectMain{
	top:60px !important;
}
.login_select .fancySelectMain li{
	color:#333;
	line-height:48px;
	font-size:14px;
}

.login_country{
	color:#666;
}
.login_row .btnCell{
	text-align:right;
}
.login_code{
	color:#dd0000;
}
.login_code.disabled{
	color:#999 !important;
	cursor:default;
}
.login_code.invalid:hover{
	color:#999;
}
.login_foot{
	line-height:1;
	font-size:12px;
	padding:12px 0;
	width:100%;
	color:#999;
	text-align:center;
	position:fixed;
	bottom:0;
	left:0;
}
.login_check label.checkbox{
	margin-right:0;
}
.login_check input.checkbox{
	margin-right:3px;
}
.login_check label:hover{
	cursor:pointer;
}
.login_foot .link{
	text-decoration:underline;
	font-weight:500;
}
.login_foot a{
	color:#999;
}
.login_btn{
	width:100%;
	padding:0;
	line-height:50px;
	font-size:18px;
	margin-top:16px;
	border:1px solid #dd0000;
	color:#dd0000;
	border-radius:4px;
	font-weight:500;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
.login_btn.disabled{
	border-color:#e1e1e1 !important;
	background-color:#e1e1e1 !important;
	color:#fff;
}
.login_lr{
	line-height:1;
	color:#999;
	font-size:12px;
}
.login_tip{
	text-align:center;
	margin-top:16px;
}
.login_tip a{
	color:#666;
	font-size:12px;
	display:block;
}
.login_tip_tel{
	display:block;
	margin-top:8px;
	text-decoration:underline;
}
.fancySelectBtn .xzicon-arrow-b{
	margin-left:10px;
}
input::-moz-placeholder,textarea::-moz-placeholder{
	color:#999;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
	color:#999;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	color:#999;
}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{
	color:#999;
}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{
	color:#999;
}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{
	color:#999;
}
.selectIndustry{
	text-align:left;
}
.selectIndustry .formBtn{
	font-size:16px;
	color:#999 !important;
	padding:0;
}
.selectIndustry .inputBar{
    width: 100%;
}
.selectIndustry .icon{
	color: #ccc;
	font-size:12px;
	position:absolute;
	right:16px;
	top:0;
}
.selectIndustry .formBtn{
	width:360px;
}
.selectIndustry .formBtn:hover{
	background-color:transparent;
}
.selectType_title{
	line-height:30px;
	text-align:left;
}
.selectType_title .codeTips{
	font-size:12px;
	color:#999;
	display:block;
}
@media(max-height:640px){
	.login_foot{
		position:absolute;
		bottom:0;
		top:auto;
		padding:24px 0;
	}
}
@media(max-width:768px){
	body{
		min-height:480px;
		padding-top:0;
	}
	.loginContainer:after{
		display:none;
	}
	.login_header{
		display:none;
	}
	.login{
		width:100%;
		padding:44px 0 0 ;
	}
	.login .pageHead{
		display:block;
        position:absolute;
		left:0;
		top:0;
		width:100%;
        z-index:2;
	}
	.login .pageHead .pageReturn{
		left:0
	}
	.login_title{
		display:none;
	}
	.login_title h4{
		color:#333;
		font-size:18px;
	}
	.login_content{
		margin-top:10px;
	}
	.login_form{
		border:0;
		border-radius:0px;
	}
	.login_row{
		height:56px;
		line-height:56px;
		background-color:#fff;
		border-top:0;
		border-bottom:0;
		padding:0 16px;
		font-size:14px;
	}
	.login_row:last-child{
		border-bottom:0;
	}
	.login_telephone{
		border-top:0;
		border-bottom:0;
		background-color:#fff;
		padding:0 16px;
	}
	.login_telephone .login_row{
		padding:0;
		border:0 none;
	}
	.login_telephone .login_row+.login_row{
		border-top:0;
	}
	.login_select .countryCode{
		left:0;
	}
	.login_input{
		height:56px;
	}
	.login_select .fancySelect li{
		line-height:44px;
		position:relative;
		padding:0 5px;
	}
	.login_select .fancySelect li:after{
		content:attr(data-value);
		position:absolute;
		bottom:0;
		right:5px;
	}
	.login_code{
		font-size:14px;
	}
	.login_lr{
		padding:0 16px;
	}
	.login_foot{
		position:fixed;
	}
	.login_foot a{
		color:#666;
	}
	.login_btn{
		display:block;
		width:auto;
		margin:16px 16px 0;
	}
	
	.login_select .fancySelectMain{
		height:100% !important;
		top:0 !important;
	}
	.login_select .fancySelectHead{
		border-bottom:0;
	}
	.selectIndustry .formBtn{
		width:100%;
	}
}
@media(max-height:480px){
	.login{
		position:static;
	}
	.login_foot{
		position:static;
		padding:36px 0 12px;
	}
}
@media(min-width:768px){
	.login_foot a:hover,.login_tip a:hover{
		color:#dd0000;
	}
	.login_code:hover{
		color:#a80000;
	}
}