@charset "utf-8";
/* CSS Document */
/*全局样式*/
body{font-size:12px; background:#fff; font-family:"微软雅黑";min-width:1200px;}
*{margin:0; padding:0; box-sizing:border-box; }
ol,ul,li{list-style:none;}
a{text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none;} 
a:focus{outline:0 none;}
em{font-style:normal;}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,font,strong,span,input{margin:0; padding:0;}
img{border:0; vertical-align:middle;}
table{border-collapse:collapse; border-spacing:0;}
input,textarea{border:0;font-family:"微软雅黑";}
.clear{clear:both; height:0;}
.clearfix_jx{zoom:1;}
.clearfix_jx:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
.ft{ float:left;}
.fr{ float:right;}
.popular-jx{ width:1140px; margin:0 auto;}
.hide{ display:none;}
/**/
.login-head{ height:80px; line-height:80px; font-size:14px; color:#666;}
.reg{ color:#017FD1;}
.login-bak{ height:500px; width:100%; background:url(../images/img/bg.png) center top;}
.img-click{ display:block; float:left; height:500px; width:760px;}
.login-type{ height:44px; line-height:44px; color:#666; font-size:14px; background:#f7f7f7;}
.login-type ul li{ float:left; width:180px; text-align:center; cursor:pointer;}
.login-type ul li.current{ background:#fff; color:#017FD1;}
.warn-word{ line-height:40px; height:40px; color:#FF9000;text-align: center;}
.login-ele-content{ margin:0 auto; width:320px;}
.login-ele{ position:relative; margin-bottom:14px;}
.login-ele i{ position:absolute; left:10px; top:12px; color:#999; font-size:16px;}
.login-ele input{ width:320px; height:40px; border:1px solid #e2e2e2; padding-left:40px; }
.login-select{ color:#333; line-height:30px;}
.login-select input{ margin-top:9px; margin-right:3px;}
.login-select i{ color:#017FD1;margin-right:3px;}
.msg-btn{ position:absolute; right:1px; top:1px; height:38px; width:99px; border-left:1px solid #e2e2e2; line-height:38px; text-align:center; color:#666; background:#f7f7f7; cursor:pointer;}
.message-word{}
.go-btn{ cursor:pointer;}
.go-btn:hover{color:#017FD1;}
#pwd{ display:none; cursor:pointer;}
.login-submit input{ width:320px; height:40px; margin-top:8px; border:1px solid #017FD1; background:#017FD1; font-size:14px; color:#fff; cursor:pointer;}
.validate-code{position:relative; margin-bottom:14px; display:none;}
.validate-code i{ position:absolute; left:10px; top:12px; color:#999; font-size:16px;}
.validate-code input{ width:160px; height:40px; border:1px solid #e2e2e2; padding-left:40px; }
.code-msg{ width:90px; height:40px; margin-left:10px; cursor:pointer;}
.qr-code{ text-align:center; margin-top:50px;}
.qr-img{ position:relative; padding:17px; border:1px solid #e2e2e2; display:inline-block;}
.qr-img img{ width:110px; height:110px;}
.know-img{ width:146px; height:146px; display:none;}
.qr-intro{ color:#666; text-align:center; padding-top:20px; line-height:30px;}
.qr-intro span{ color:#017FD1;}
.qr-lose{ position:absolute; left:0; top:0; width:145px; height:145px; background:rgba(0,0,0,0.5); text-align:center; color:#fff; line-height:40px; padding-top:30px;}
.qr-refresh{ width:60px; height:28px; line-height:28px; background:#6EB92C; border:none; color:#fff; cursor:pointer;}
.qr-success{ display:none; padding-top:50px; line-height:30px; text-align:center; color:#666;}
.success-icon{ line-height:110px; height:110px;}
.success-icon i{ font-size:88px; color:#6EB92C;}
.success-til{ font-size:16px; color:#333;}

.login-detail{ position:relative; width:360px; height:400px; float:right; margin:50px 10px 50px 0; background:#fff;}
.login-detial-foot{ position:absolute; bottom:0; left:0;width:360px; height:60px; line-height:60px; background:#F7F7F7; color:#333;}
.ld-intro .ld-wx i{ color:#6EB92C;}
.ld-intro .ld-qq i{ color:#017FD1;}
.ld-intro span{ margin-left:15px; cursor:pointer;}
.ld-intro span:hover{ color:#017FD1;}
.ld-intro span i{ margin-right:3px;}
.ld-other{color:#017FD1; margin-right:15px; }
.ld-other a{color:#017FD1; margin:0 5px 0 2px; }
.ld-other a:hover{ text-decoration:underline;}

.login-foot{ line-height:25px; padding:15px 0;}
.lg-link{ text-align:center; color:#e2e2e2;}
.lg-link a{ color:#666; margin:0 6px 0 5px;}
.lg-link a:hover{color:#017FD1;text-decoration:underline;}
.login-intro{ text-align:center; color:#999;}
.login-intro a{ margin-left:10px; color:#999;}

/*绑定页面*/
.bind-bak{ border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.bind-content{ width:520px; margin:29px auto;}
.bind-intro{ margin-left:22px; color:#666; line-height:30px;}
.bind-intil{ font-size:16px; color:#333; font-weight:bold;}
.bind-intil span{ color:#017FD1;}
.bind-describe{ padding-bottom:20px;}
.bind-describe img{ width:60px; height:60px;}
.bind-title{ height:50px; line-height:49px; border-bottom:1px dashed #e2e2e2; font-size:14px; color:#666;}
.bind-detail a{color:#017FD1;}
.bind-detail a:hover{ text-decoration:underline;}
.bind-detail{  width:360px;height:340px; margin:0 auto; border:1px solid #e2e2e2;}
/* 是图片垂直居中的空白元素css */
.make-img-hcenter{ display: inline-block;height: 100%;width: 0;vertical-align: middle;}
.login-head a img{ height: 54px;}
/* 公共底部栏样式 */
.login-intro a:hover p{
   color: #017FD1;
    text-decoration: underline;
}
.login-intro a{
	display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}