@charset "utf-8";
/* CSS Document */
body,html{min-width:1200px;color:#666;}
input{ -webkit-tap-highlight-color:rgba(0,0,0,0); outline:none; }
.contact{ padding-left: 20px; background: url("../images/icon.png") no-repeat -280px 30px }
.content{ background: #fff; width: 100%; height:624px; }
.login-width{ width: 1166px; height:486px; margin: 0 auto; position: relative; }
.clear{ clear: both; }
#content p { padding: 0;}
/*head*/
.Hcon{ height: 138px; width: 1200px; margin:0 auto; position: relative; background: #fff;line-height:138px; }
.Hcon .logo{width:209px;height:54px; display:inline-block;float: left;padding-right:50px;}
.Hcon .logo img{width:100%;height:100%;vertical-align:middle;}
.Hcon p.texs{ display: inline-block; float: left; font-size: 20px; color:#666; padding-left:40px;position:relative;}
.Hcon p.texs:before{content:""; display:inline-block;background: url(../images/Lline.png) no-repeat left 0;height:52px;width:1px;position:absolute;left:0;top:47px;}
.Hcon ul{ clear: both; float: right; line-height: 82px; color:#666; position: absolute; top:0; right: 0}
.Hcon ul li{ float: left; font-size: 14px; color:#666; padding-right: 10px; padding-top: 0}
.Hcon ul li span{ margin-left: 8px; color:#BFBDBE; }
.Hcon ul .wx{ position: relative; }
.Hcon ul .wx .erweima{ position: absolute; top: 50px; left: -44px; width: 150px; height: 150px; z-index: 99; display: none;}

/*wrap*/
.login-wrap{ position: relative; height:486px; width: 100%; background: url(../images/logo_banner.jpg) no-repeat top center;background-size: cover; }
.login-wrap .login-form{ 
	top: 49px; 
	right:0; 
	position: absolute; 
	border:1px solid #eeeeee; 
	height:390px; 
	width:379px; 
	background: #fff; 
	z-index: 4;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-shadow:0 7px 8px rgba(0,0,0,.1);
	-webkit-box-shadow:0 7px 8px rgba(0,0,0,.1);
	-moz-box-shadow:0 7px 8px rgba(0,0,0,.1);}

.form,.scanEwm{ width:290px;margin:30px auto 0 auto;}
.form h2,.scanEwm h2{ font-size:20px; text-align:left; margin-bottom:51px; color:#120a02;font-weight:normal;}
.scanEwm h2{text-align:center;}
.scanEwm .picWrap{ width:100%; height:172px;}
.landingHint{text-align:center;margin-top:20px;}
.scanEwm .phoneSafety{ text-align:center; color:#888888; font-size:14px; }
.scanEwm .landingHint p{ font-size:12px; text-align:center;}
.useMethod { margin-top:10px; text-align:center; margin-bottom:42px; }
.picWrap{ position:relative; }
.bgPic{ position:absolute; top:-8px; left:168px; z-index:8; }
.erweimaMove{ position:absolute; top:-46px; left:39px; z-index:10; width:200px; height:200px;
	/* box-shadow:0 3px 8px rgba(0,0,0,.1);
	-webkit-box-shadow:0 3px 8px rgba(0,0,0,.1); */
	-moz-box-shadow:0 3px 8px rgba(0,0,0,.1);
}
.qrCodeFailure{
	width:172px;
	height:172px;
	position:absolute;
	background:rgba(255,255,255,.9);
	top: 0;
}
.qrCodeFailure span{
	color: #120a02;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-top: 50px;
    font-size: 14px;
}
.qrCodeFailure .clickBtn{
    display: block;
    background: #ff6600;
    color: #fff;
    text-align: center;
    width: 97px;
    height: 34px;
    line-height: 34px;
    margin: 20px auto 0 auto;
}
.hoverShow:hover{ text-decoration:none; }
.useMethod a,.useMethod i{ font-size:12px; }
.useMethod a{ color: #ccc; }
.useMethod i{ color:#E4E0E4; }
.form .item_1{ 
	height: 42px; 
	width: 100%; 
	position: relative; 
	margin-bottom: 21px; 
	font-size:12px; 
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.input_border{ border:1px solid #eee; }
.control-label{ width:56px; float:left; line-height:40px; font-size: 14px; color: #666; padding-left:5px; }
.form .pass-label { display: block; float: left; height: 40px; width: 216px; line-height: 40px; font-size: 14px; color: #919191; text-align: left; padding: 0 15px; border: none; background-color:#fff;}
.form span{ width:42px;height:40px;background:#f3f3f4;float:left; position:relative;}
.form span.name i{ background: url(../images/sr-1_1.png) no-repeat; background-position:0px 0px; width: 17px; height: 17px; top: 13px;left:13px;position:absolute; }
.form span.btn-off i{position:absolute;left:12px; background: url(../images/sr-1_2_2.png) no-repeat; background-position:0px center; width: 21px; height: 15px; top: 14px; cursor: pointer; }
.form span.btn-on i{position:absolute;left:12px; background: url(../images/sr-1_2.png) no-repeat; background-position:0px center; width: 21px; height: 15px; top: 14px; cursor: pointer;}
.form span.verCode{border:1px solid #eee;}
.form span.verCode i{background: url(../images/code.png) no-repeat; background-position:0px 0px; width: 17px; height: 17px; top: 13px;left:13px;position:absolute; }
.form .sradd{ 
    display: block;
    float: left;
    height: 40px;
    width: 102px;
    line-height: 40px;
    font-size: 14px;
    color: #919191;
    text-align: left;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 0 15px;
}
.form .code{ float:right; width:106px;height:42px; }
.form .code img{ width:100%; height:100%; float:right;}
.form .pass-change-verifyCode{ font-size: 12px; color: #919191; }
.form .forget-pw-safe{ font-size: 12px;  margin-top: 7px; text-align: right;}
.form a{ color: #666; text-decoration: underline; cursor: pointer;}
.form a:hover,.coagent a:hover,.footer_link a:hover,.global-toplink a:hover{ color:#ff6600; text-decoration: underline;}
.form .pass-button-submit{ background: #ff6600;width: 100%; height: 42px; line-height:42px; cursor: pointer; outline: none; color: #fff; font-size: 20px; }
.form .pass-reglink{ text-align: right; font-size: 12px; cursor: pointer; line-height: 2em; }
.login-form .coagent{ line-height: 22px; height: auto; font-size: 12px; margin-top: -15px; padding-top: 10px; border-top: 1px solid #eee;}
.login-form .coagent h5 { font-weight: 400; color: #999; }
.login-form .coagent ul { display: block; color: #666; padding-top: 10px;}

.login-form .coagent li { float: left; padding-right: 10px;}
.login-wrap .banner-bg{ background: url(../images/logo_text.png) no-repeat; background-position:right center; position: relative; z-index: 3; height: 100%; top:0; right:437px;}
 .concern_button{ background: #347CF4; border-radius:30px; width: 22%; height: 49px; position: absolute; bottom: 80px; left: 225px; cursor: pointer; outline: none; color: #ffffff; font-size: 18px; font-family:微软雅黑;}
/* 底部 */
.footer{ height: 123px; width: 100%; background: #fff; overflow: hidden;}
.foot{ height: 100%; width: 1200px; margin:0 auto;}
.foot p{ font-size: 12px; color:#666; text-align: center; padding-top: 20px; }
.foot p a{margin:0 10px;}

.loginFunc{ position:absolute; top:0px; right:0px; width:70px; height:70px;}
.loginFunc .loginFuncNormal a{ width:70px; height:70px; display:block; background:url(../images/ewm1.png) no-repeat 0 0; }
.loginFunc .loginFuncNormal a:hover{background:url(../images/ewm2.png) no-repeat 0 0;}
.loginFunc .loginFuncApp a{ width:70px; height:70px; display:block; background:url(../images/dn1.png) no-repeat 0 0; }
.loginFunc .loginFuncApp a:hover{background:url(../images/dn2.png) no-repeat 0 0;}
.chosen{ display:none;}



/* 2017-1改版 */
.right{float:right;}
.marginL11{margin-left:11px;}
.marginB41{margin-bottom:41px !important;}
.margin0{margin:0 !important;}
.marginR10{margin-right:10px;}
.marginT-20{margin-top:-20px}
.col-f60{color:#ff6600 !important;}
.login-form .formBottom{
	position:absolute;
	text-align:center;
	width:290px;
	font-size:12px;
	color:#666;
	bottom:15px;
}
img{vertical-align:middle;}



