@charset "utf-8";
/* CSS Document */


/*body{*/
	/*background: url(../../img/login/login_bg.jpg) no-repeat top left #031520!important;*/


/*}*/

.page-end{
	position: fixed;
	bottom: 10px;
	text-align: center;
	display: block;
	left: 0;
	right: 0;
	z-index: 1;
}
.page-end-inner{
	width: 100%;
	text-align: center;
}
.page-end-inner a{
	display: inline;
	color: #000;
	cursor: pointer;
}

.loginbox{
	width:1190px;
	/*margin:120px auto 0 auto;*/
	/*clear:both;*/
	/*height:680px;*/
	background:url(/page/public/img/login/safa.png) no-repeat top left;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media (max-width:1250px) {
	.loginbox{
		width:90%;
		background-size: contain;
	}
}

.loginright{
	float:right;
	width:360px;
	height:530px;
	border:solid 1px #55626b;
	border-radius:5px;
	margin-top:68px;
}
.loginForm{
	margin-left: 30px;
}

.iconP{
	margin-top: 12px;
}
.iconM{
    margin-top: 26px;
}

.pad{
	padding-top: 20px;
}

.reg{
    margin-right: 30px;
}

.loginlogo{
	width:299px;
	height:120px;
	margin:38px auto 28px auto;
}

.huiyuan{
	width:299px;
	height:41px;
	background:url(/page/public/img/login/accunt.png) no-repeat;
	margin:0px auto 18px auto;
	clear:both;
}

.logindl{
	width:299px;
	height:120px;
	margin:18px auto 28px auto;
}

.logindl td{
	line-height:36px;
	padding-bottom:18px;
}

.login_slk{
	height:36px;
	line-height:36px;
	border:0px;
	border-radius:5px;
	font-size:14px;
	color:#999;


}

.login_slk2{
	height:36px;
	line-height:36px;
	border:0px;
	/*border-radius:5px;*/
	font-size:14px;
	color:#999;
	text-indent:28px;
	width:145px;
	border-right:1px solid #ddd !important;
	padding-right:10px;

}
.loginico1{
	background:url(/page/public/img/login/login_ico1.png) no-repeat #FFF  ;
	text-indent:28px;
}
.loginico2{
	background:url(/page/public/img/login/login_ico2.png) no-repeat #FFF  ;
	text-indent:28px;
}

.login_w{
	width:299px;
}

.login_w2{
	width:136px;
	text-indent:12px!important;
}

.login_yzm{
	display:block;
	clear:both;
}

.login_yzm dd{
	float:left;
}

.wzbj{
	padding-left:36px;
}

.forget{
	font-size: 14px;
	margin-top: 10px;
}

.forget a{
	color:#b7b7b7;
}
.forget a.f_re{
	float:right;
	color:#d4101a;
}

.forget a:hover{
	color:#999999;
}
.forget a span{
	width:98px;
	float:right;
	background:url(/page/public/img/login/login_ico5.png) no-repeat left;
	text-indent:16px;
	display:block;
}

.fico1{
	background:url(/page/public/img/login/login_ico3.png) no-repeat left;
	text-indent:16px;
}

/*.fico2{
	   background:url(/page/public/img/login/login_ico5.png) no-repeat left;
	    text-indent:16px;
	  
}


*/

.login_an{
	width: 100%;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 30px;
	color: #FFF;
	background: #d4101a;
	border: none;
	outline: none;
	font-size:22px;
}
		  

.new-login-box{
	width:100%;
	height:100%;
	background: url(/page/public/img/login/bj_login.png) no-repeat 0 0;
	position:absolute;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.new-login-content{
	width:1100px;
	height:650px;
	min_height:650px;
	padding-top:100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#fff;
	background-size:cover;
	position: absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	left: 50%;
	top: 50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.new-login-content .left_img{
	width: 580px;
	height: 500px;
	padding-left:100px;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	float:left;
}
.new-login-content .right_form{
	width:calc(100% - 715px);
	width: -moz-calc(100% - 715px);
	width:-webkit-calc(100% - 715px);
	float: left;
	padding-left:70px;
	box-sizing: border-box;
}
.right_form .title{
	font-size:20px;
	color:#b7b7b7;
}
.right_form .title span{
	display:inline-block;
	width:37px;
	height:3px;
	background:#d3101a;
}
.right_form .input_box{
	width:100%;
	height:60px;
	margin-bottom:20px;
}

.input_box span{
	display:inline-block;
	width:24px;
	height:24px;
	vertical-align:middle;
}
.input_box .user{
	background:url(/page/public/img/login/username.png) no-repeat 0 0;
}
.input_box .lock{
	background:url(/page/public/img/login/password.png) no-repeat 0 0;
}
.input_box .yzm{
	background:url(/page/public/img/login/yzmr.png) no-repeat 0 0;
}
.input_box .line{
	height: 54px;
	line-height: 54px;
	border: 1px solid #ddd;
	border-radius: 38px;
	padding:0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.input_box .line img{
	vertical-align:middle;
	margin-left:10px;
}
.input_box input{
	background: none;
	border: none;
	padding-left:10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #b7b7b7;
	outline: none;
	line-height: 36px;
	width: calc(100% - 45px);
	width: -webkit-calc(100% - 45px);
	width: -moz-calc(100% - 45px);
}
.right_form .sub_btn{
	display:block;
	margin:0 auto;
	width:159px;
	height:39px;
	background:#F14E39;
	color:#fff;
	border:none;
	border-radius:23px;
	cursor:pointer;
}

/*身份选择*/
.topbox{
	background: #d3101a;
	width:100%;
	height:68px;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;

}

.toplogo{
	padding-top:11px;
}

.toplogo span{
	display:block;
	float:left;
	height:45px;

	line-height:45px;
	color:#FFF;
	font-size:18px;
}

.zc_line{
	padding-right:28px;
	border-right:#fff solid 1px;
	margin-right:28px;

}

.choice_user{
	width:400px;
	height:320px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-160px;
	font-size:22px;
	font-weight:bold;
	color: #666;
	text-align: center;
}
.choice_user p{
	margin-bottom:45px;
}
.choice_user a{
	display:inline-block;
	width:135px;
	height:220px;
}
.c_distributor{
	float:left;
	background:url(/page/public/img/login/jxs_icon.png) no-repeat 0 0;
}
.c_brand{
	float: right;
	background:url(/page/public/img/login/ppf_icon.png) no-repeat 0 0;
}