.loginBody{ width:100%;background:url(../image/body_bg.png) center 85px no-repeat; background-color:#EEF8FD; }
.regbody{ background:url(../image/regbg.jpg) top center no-repeat; }

/* 会员登录 */
#permain{ width:100%;  height:530px; background:url(../image/person.jpg) top center no-repeat; text-align:left; }
#commain{ width:100%; height:500px; background:url(../image/company.jpg) top center no-repeat;text-align:left; }
#pwdmain{ width:100%; height:580px; }

.logins{ margin:auto;position:relative;top:60px;left:335px;z-index:2;width:320px;height:auto; padding:10px;background: url(../image/tm1.png) repeat; overflow:hidden;}
.login{ float:left; width:320px; height:auto;background-color:#fff }

.logTitle{ float:left;width:280px; height:36px;  text-align:left;  font-size:15px; margin:0px 20px; margin-top:10px;border-bottom:1px #eee solid; }
.logTitle .a101 { float:left;width:123px; height:35px; line-height:35px; color: #e13e3e;text-align:center; cursor:pointer; }
.logTitle .a102 { float:left;width:123px; height:35px; line-height:35px; color: #999;text-align:center;cursor:pointer; }
.logTitle .a103 { float:right;width:34px; height:34px;background: url(../image/qrcode.gif) top right no-repeat;border-top-right-radius:0px;cursor:pointer; }
.logTitle .a101 p{ margin:auto;width:70px;line-height:35px;border-bottom:2px #e13e3e solid; font-style:normal; }
.logTitle .a102 p{ margin:auto;width:70px;line-height:35px;border-bottom:0px #eee solid; font-style:normal; }
.logTitle .a103 a{ display:block; }

.logContent{ float:left;width:280px; height:auto;padding:20px; padding-top:15px;font-size:14px;}
.logContent ul{ float:left;width:280px; height:auto; }
.logContent .li1{ float:left; width:280px; height:auto; margin-bottom:10px;position:relative; }
.logContent .inpall{ width:245px; height:40px; line-height:40px;border: #ddd 1px solid; color:#333; font-size:14px;background-color:#fff; border-radius:2px;padding-left:33px;outline:none; }
.logContent .smssend{ position:absolute;top:12px;right:5px;height:20px;font-size:12px;padding:0 15px; text-align:center;background-color:#fff; border:none; border-left:1px #e5e5e5 solid;color:#666;outline:none; cursor:pointer; }
.logContent .mobi{ background:url(../image/mobile.png) 10px center no-repeat; }
.logContent .code{ background:url(../image/code.png) 10px center no-repeat; }
.logContent .user{ background:url(../image/user.png) 10px center no-repeat; }
.logContent .pass{ background:url(../image/pass.png) 10px center no-repeat; }

.li2{ float:left; width:280px; height:55px; text-align:left; }
.login_Btn{ float:left;width:280px; height:40px; line-height:40px; border:0px; background:#e14e4e; text-align:center;border-radius:2px; font-size:14px; color:#fff;outline:none; cursor:pointer; }
.login_Btn:hover{ background:#e13e3e; }

.li3{ float:left; width:280px; height:30px; text-align:left;}
.li3 .logchk{ float:left;-webkit-appearance: none;appearance: none;width:14px;height:14px;margin-left:12px;cursor: pointer;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;background: url(../image/chk0.png) 0px 0px no-repeat;margin-right:9px;outline:none;}
.li3 .logchk:checked{ float:left;background: url(../image/chk1.png) 0px 0px no-repeat; }
.li3 p{ float:left;line-height:20px; color:#999; font-size:13px; }

 /* 注册 */
.logins .toregiter{ float:left; width:280px; height:25px; font-size:14px; }
.logins .toregiter b{ float:left; width:140px; height:25px; line-height:25px; text-align:left; padding-top:0px; font-weight:normal;}
.logins .toregiter p{ float:left; width:140px; height:25px; line-height:25px; text-align:right; }
.logins .toregiter a{ color:#999; }
.logins .toregiter a:hover{ color:#288ADD; }


#perads{ margin:auto; width:1000px; height:auto; text-align:left; margin:20px auto;overflow:hidden; }
#perads .list{ float:left;width:330px; height:auto; }
#perads .list .s1{ float:left;width:70px; height:70px; } 
#perads .list .s2{ float:left;width:260px; height:70px; } 
#perads .list .s2 b{ float:left;width:260px; height:30px; line-height:30px; color:#444; font-size:16px; font-weight:normal; } 
#perads .list .s2 p{ float:left;width:260px; height:30px; line-height:30px; color:#BBB; font-size:15px; } 
#perads .list .b1{ background:url(../image/per1.png) no-repeat; } 
#perads .list .b2{ background:url(../image/per2.png) no-repeat; } 
#perads .list .b3{ background:url(../image/per3.png) no-repeat; }  


/* 企业服务 */
.comservice{ width:100%; height:auto; background-color:#EEE; padding:40px 0px;text-align:center; overflow:hidden; }
.comservice .title{ margin:auto;width:1200px; height:50px; line-height:50px; text-align:center; color:#002A3F; font-size:24pt; margin-bottom:15px;}
.comservice .conte{ margin:auto;width:1200px; height:auto; }
.comservice .conte ul{ margin:auto;width:1200px; height:auto; }
.comservice .conte ul li{ float:left;width:200px; height:auto; padding:30px 10px; margin:10px; background-color:#FFF; }
.comservice .conte ul li b{ float:left;width:200px; height:120px; margin:10px 0px; }
.comservice .conte ul li b img{ width:114px; height:114px;border-radius:100%; border:1px #DDD solid; }
.comservice .conte ul li p{ float:left;width:200px; height:40px; line-height:40px; font-size:20px;color:#002A3F; }

/* 企业客户 */
.comuser{ width:100%; height:auto; padding:30px 0px; padding-bottom:10px;text-align:center; overflow:hidden; }
.comuser .title{ margin:auto;width:1200px; height:50px; line-height:50px; text-align:center; color:#002A3F; font-size:24pt; margin-bottom:0px;}
.comuser .conte{ margin:auto;width:1200px; height:auto; }
.comuser .conte ul{ float:left;width:1200px; height:auto; }
.comuser .conte ul li{ float:left;width:220px; height:150px; margin:20px 10px; text-align:center; }
.comuser .conte ul li img{ width:150px; height:150px; border:3px #EEE solid; }

/* 我们的优势 */
.combest{ width:100%; height:auto; background-color:#EEE; padding:40px 0px;text-align:center; overflow:hidden; }
.combest .title{ margin:auto;width:1200px; height:50px; line-height:50px; text-align:center; color:#002A3F; font-size:24pt; margin-bottom:15px;}
.combest .conte{ margin:auto;width:1200px; height:auto; }
.combest .conte ul{ margin:auto;width:1200px; height:auto; }
.combest .conte ul li{ float:left;width:200px; height:auto; padding:30px 10px; margin:10px; background-color:#FFF; }
.combest .conte ul li b{ float:left;width:200px; height:100px; margin:10px 0px; }
.combest .conte ul li b img{ }
.combest .conte ul li p{ float:left;width:200px; height:40px; line-height:40px; font-size:20px;color:#002A3F; }


.toreg{ margin:auto; width:100%; height:50px; line-height:50px; text-align:center; margin:50px auto;font-size:18pt; font-weight:bold;overflow:hidden; }
.toreg a{ display:inline-block; width:300px; line-height:45px;font-size:18px; background-color:#4EA832;color:#FFF; text-align:center; cursor:pointer;border-radius:3px; font-weight:normal;margin-left:10px; }
.toreg a:link{ color:#FFF; }
.toreg a:hover{ background-color:#009900;color:#FFF; }



/* 快捷登录 */
.logins .toauth{ float:left; width:280px; height:auto; text-align:center;background:url(../image/line1.png) 0px 19px repeat-x; }
.logins .toauth  .title{ margin:auto;width:140px; height:40px; line-height:40px;color:#CCC; font-size:12px; background-color:#FFF; }
.logins .toauth  .list{ margin:auto;width:300px; height:45px; }
.logins .toauth  .list .qq{ float:left; width:85px; height:45px; line-height:45px;background:url(../image/qq1.png) 35px no-repeat; color:#999; padding-left:65px; }
.logins .toauth  .list .qq:hover{ background:url(../image/qq2.png) 35px  no-repeat; }
.logins .toauth  .list .wx{ float:left; width:135px; height:45px; line-height:45px;background:url(../image/wx1.png) 5px no-repeat; color:#999; padding-left:15px; }
.logins .toauth  .list .wx:hover{ background:url(../image/wx2.png) 5px no-repeat; }

/* 快捷登录(二维码) */
.qrcode{ margin:auto; width:98%; height:auto; text-align:center; padding-top:10px; }
.qrcode .m1{ float:left; width:100%; line-height:25px; color:#888; }
.qrcode .m2{ float:left; width:100%; line-height:30px; font-size:18px; font-weight:bold; color:#f60; }
.qrcode .m3{ float:left; width:100%; height:30px;  line-height:30px; color:#333;font-size:14px; text-align:center;}
.qrcode .m4{ margin:auto; width:160px; height:150px; }
.qrcode .m4 .s1{ float:left; width:100%; height:auto; padding:10px 0px; text-align:center; }
.qrcode .m4 .s1 img{ width:126px; height:126px;border:1px #e8e8e8 solid; padding:9px; cursor:pointer; }
.qrcode .m4 .s2{ float:left; width:146px; height:30px; line-height:30px;background-color:#666; color:#fff; margin:0px 9px;border-radius:15px; padding-left:0px; font-size:12px; text-align:center; }
.qrcode .m4 .s2 .succeed{ display:inline-block; width:146px; line-height:30px;font-size:12px; background-color:#22AD38;color:#FFF; text-align:center; cursor:pointer;border-radius:15px; margin:0px 9px; }
.qrcode .m4 .s2 .succeed:link{ color:#FFF; }
.qrcode .m4 .s2 .succeed:hover{ background-color:#22AD38;color:#FFF; }
.qrcode .m5{ float:left; width:120px; height:20px; line-height:20px; margin-top:40px; text-align:left; color:#777; font-size:12px; margin-left:70px; }
.qrcode .m5 .spnchk{ float:left;-webkit-appearance: none;appearance: none;width:14px;height:14px;margin-top:2px;cursor: pointer;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;background: url(../image/chk0.png) 0px 0px no-repeat;margin-right:3px;outline:none;}
.qrcode .m5 .spnchk:checked{ background: url(../image/chk1.png) 0px 0px no-repeat; margin-right:3px; }


/* -- 其他会员登录  --*/

#loginMain{ width:940px; margin:auto; margin-top:15px; background-color:#FFF; padding:40px 20px; }
#logMainPub{ float:left;width:618px; height:350px;background:url(../image/bg_pub.png) no-repeat; }

#logMainR{ float:right;width:322px; }
.loginContent{ float:left;width:280px; height:auto; border:1px #DDD solid; padding:20px; margin-top:30px; }
.loginContent ul li{ float:left;width:280px; height:55px; line-height:55px;text-align:left; }
.loginContent ul li b{ float:left;width:140px; line-height:55px; font-weight:normal; }
.loginContent ul li p{ float:left;width:140px; line-height:55px;  }
.loginContent ul li i{ float:left;width:140px; line-height:55px;font-style:normal; text-align:right; }
.loginContent ul li p a{ color:#777; } 
.loginContent ul li i a{ color:#777; } 

.logText{ width:238px; height:32px; line-height:32px; border-top:1px #CFCFCF solid;border-left:1px #CFCFCF solid;border-bottom:1px #E8E8E8 solid;border-right:1px #E8E8E8 solid; padding-left:30px; padding-right:10px; font-size:14px; color:#999;  }
.logUser{ background:url(../image/u1.png) 10px 10px no-repeat; }
.logPass{ background:url(../image/u2.png) 10px 10px no-repeat; }
.logBtn{ display:inline-block;width:280px; height:38px; line-height:38px; background-color:#3E85B9; font-size:14px; text-align:center; color:#FFF; }
.logBtn:link{ color:#FFF; }
.logBtn:hover{ width:280px; height:38px; line-height:38px; background-color:#4591C9; font-size:14px; text-align:center; color:#FFF; }

.logButton{ float:left;display:block; width:96px; height:34px;background:url(../image/btn_Login.png) no-repeat; margin-right:10px; cursor:pointer; }
.logButton:hover{ background-position:0px -34px; }


/* 举报页会员登录 */
#reportlogin{ width:320px; margin:auto; background-color:white;font-size:14px; }
.logint{ float:left;width:310px; height:32px; line-height:32px;background:url(../image/logint.png) no-repeat; padding-left:10px;}
.logint b{ float:left;width:130px;line-height:32px; text-align:center;font-size:14px; font-weight:bold;}
.loginc{ float:left;width:320px; padding-top:10px;}
.log1{ float:left;width:320px; height:30px; color:#848484; text-align:center; clear:both; }
.log2{ float:left;width:320px; }
.logl{ float:left;width:70px; height:40px; line-height:40px; text-align:left; }
.logr{ float:left;width:250px; height:40px; line-height:40px; text-align:left; }
.logr a{ color:#0868C8 }
.logInput { border:#D5D5D5 1px solid; width:180px;height:26px; line-height:26px; color:#777; padding-left:5px; font-size:14px; }

.logButton{ float:left;display:block; width:96px; height:34px;background:url(../image/btn_Login.png) no-repeat; margin-right:10px; cursor:pointer; }
.logButton:hover{ background-position:0px -34px; }


/* 登录页 */
.right1_title{ height:25px;color:#BD7B5B; font-size:14px; font-weight:bold; }
.right1_con{ color:#848484; }
.right2_title{ height:28px;color:#FF6600; font-size:14px; font-weight:bold;padding-left:15px; }

/* 注册页 */
.reg_title1{ color:#FFFFFF; font-size:16px; padding-top:10px; font-weight:bold; }
.reg_title2{ color:#A2A2A2; font-size:16px; padding-top:10px; font-weight:bold; }
.reg_input { height:20px;border:1px solid #BCBCBC; color:#666;background:url(../image/reg_input_bg.jpg) repeat-x; font-size:14px; padding-top:5px; padding-left:5px; padding-right:5px;}
.reg_select { color:#666; font-size:14px; height:26px; line-height:26px; }


/* 找回密码 */
/* 顶部 */
.head{ margin:auto; width:500px; height:60px; text-align:left; padding:20px 0px;padding-top:50px; overflow:hidden; }
.head .left{ float:left;width:200px; height:60px;}
.head .right{ float:left;width:300px; height:60px; line-height:60px; text-align:right; font-size:15px; color:#FFF; }
.head .right a{color:#FFF; }

.getpassword{ margin:auto; width:720px; height:auto; text-align:left; padding:0px 0px; padding-bottom:0px; background-color:#FFF; border:2px #F4F4F4 solid;border-radius:3px;overflow:hidden; }
.getpassword .left{ float:left; width:300px; height:360px; text-align:left; padding:30px 0px;background-color:#F5F5F5; }
.getpassword .left .sublogo{ float:left; width:300px; height:60px; text-align:center; }
.getpassword .left .sublogo img{  width:190px; height:60px; }
.getpassword .left .qrcode{ float:left; width:300px; height:160px; margin-top:40px; }
.getpassword .left .qrcode div{ margin:auto; width:160px; height:160px; text-align:center; background-color:#FFF; }
.getpassword .left .qrcode img{ width:150px; height:150px; }
.getpassword .left .hint{ float:left; width:300px; height:auto; margin-top:20px; text-align:center; }
.getpassword .left .hint span{ float:left; width:300px; height:30px; font-size:14px; color:#666; }
.getpassword .left .hint span a{ color:#ee4e4e; margin:0px 5px; }
.getpassword .left .hint p{ float:left; width:300px; height:30px; font-size:14px; color:#666; }

.getpassword .right{ float:left; width:340px; height:auto; text-align:left; padding:30px 40px; }
.getpassword .tit{ float:left;width:340px; height:40px;border-bottom:1px #E3E7ED solid;  }
.getpassword .tit .lef{ float:left;width:100px; line-height:40px; font-size:15px; color:#666;  }
.getpassword .tit .rig{ float:right;width:auto; line-height:40px; font-size:15px; color:#666;  }
.getpassword .tit .rig a{ color:#ee4e4e;  }

.getpassword .title{ float:left; width:500px; height:65px;background:url(../image/p_line.png) left 20px repeat-x; text-align:center; font-size:12px; color:#aaa; }
.getpassword .title .t1{ float:left; width:70px; height:65px;background:url(../image/p10.png) top center no-repeat; padding-top:45px; background-color:#FFF; }
.getpassword .title .t2{ float:left; width:70px; height:65px;background:url(../image/p20.png) top center no-repeat; padding-top:45px; background-color:#FFF;margin-left:145px; }
.getpassword .title .t3{ float:left; width:70px; height:65px;background:url(../image/p30.png) top center no-repeat; padding-top:45px; background-color:#FFF;margin-left:145px;  }
.getpassword .title .act1{ background:url(../image/p11.png) top center no-repeat; color:#45A054;background-color:#FFF; }
.getpassword .title .act2{ background:url(../image/p21.png) top center no-repeat; color:#45A054;background-color:#FFF; }
.getpassword .title .act3{ background:url(../image/p31.png) top center no-repeat; color:#45A054;background-color:#FFF; }

.getpassword .step1{ float:left; width:500px; height:auto; }
.getpassword .step1 li{ float:left; width:420px; height:auto; padding:19px 39px; border:1px #E6E6E6 solid; margin-top:20px; }
.getpassword .step1 li b{ float:left; width:50px; height:50px; }
.getpassword .step1 li p{ float:left; width:250px; height:50px; line-height:50px; margin-left:20px; font-size:16px; color:#777; }
.getpassword .step1 li a{ float:right; margin-top:7px;display:inline-block; width:90px; line-height:32px;font-size:14px; background-color:#F50;color:#FFF; text-align:center; cursor:pointer;border-radius:0px; }
.getpassword .step1 li a:link{ color:#FFF; }
.getpassword .step1 li a:hover{ background-color:#f70;color:#FFF; }
.getpassword .step1 .m{ background:url(../image/p_mobile.png) no-repeat; }
.getpassword .step1 .e{ background:url(../image/p_email.png) no-repeat; }
.getpassword .tishi{ float:left; width:420px; height:20px; line-height:20px; font-size:10px; color:#aaa;margin-top:30px; padding-left:80px; }

.getpassword .step2{ float:left; width:340px; height:auto;margin-top:15px; }
.getpassword .step2 li{ float:left; width:340px; height:30px; line-height:30px; padding:15px 0px; }
.getpassword .step2 li b{ float:left; width:80px; line-height:30px; font-weight:normal; }
.getpassword .step2 li p{ float:left; width:260px; line-height:30px; }
.getpassword .step2 li p i{ font-style:normal; color:#F60; }
.getpassword .step2 li p .inp{ float:left; width:240px; line-height:30px; border:1px #E3E7ED solid; outline:none; padding:0px 10px; border-radius:2px; }
.getpassword .step2 li p .code{ float:left; width:128px; line-height:30px; border:1px #E3E7ED solid; outline:none; padding:0px 10px; border-radius:2px; }
.getpassword .step2 li p .btn{ float:left; width:100px; line-height:30px; background-color:#F50; border:0px; color:#FFF; margin-left:10px; border-radius:2px; }
.getpassword .step2 li p .btnNext{ float:left; width:150px; line-height:40px; background-color:#F50; border:0px; color:#FFF; border-radius:2px; font-size:16px; }

.getpassword .step2 li .drag{ width: 340px;height: 34px;line-height: 34px; }
.getpassword .step2 li .drag .drag_text{ width: 336px; }