@charset "UTF-8";
* { margin: 0; padding: 0; list-style: none; font-family:"Microsoft YaHei"; outline: none;}
html, body {  }
#login_top { height: 150px; background-color: #fff; }
#login_top .top_area { width: 1200px; height: 150px; margin: 0 auto; position: relative;}
#login_top .top_logo { width: 300px; float: left; vertical-align: middle; padding-left:20px; padding-top:40px; }
#login_top .top_menu_btn { width: 185px; position: absolute; right:20px; top: 0px;  vertical-align: text-top; padding:20px 0 20px 0; }
#login_top .top_menu_btn .btn_log { display:block; background:#00b4f0; border:solid 1px #00b4f0; color:#fff; width:80px; height:38px; line-height:38px; text-align:center; border-radius:3px; font-size:14px; cursor:pointer; float:left; text-decoration:none;}
#login_top .top_menu_btn .btn_reg { display:block; background:#fff; border:solid 1px #00b4f0; color:#00b4f0; width:80px; height:38px; line-height:38px; text-align:center; border-radius:3px; font-size:14px; cursor:pointer; float:right; text-decoration:none;}
#login_top .top_menu_wx { position: absolute; width: 200px; height: 68px; right: 0; bottom: 0;}
#login_top .top_menu_wx p { font-size: 14px; color: #999; text-align: right; line-height: 30px;}
#login_top .top_menu_wx .wx_box { float: right; position: relative;}
#login_top .top_menu_wx .wx_box .arrow_img { position: absolute; right: 30px; top: 10px;}
#login_top .top_menu_wx .wx_box .slide_wx_box { position: absolute; top: 38px; right: 0; width: 142px; height: 166px;}
.wrapbg { height: 584px; width: 100%; background:url(../images/login_bg01.jpg) center 0 no-repeat;}
#login_center { width: 1200px; position: relative; height: 584px; margin: 0 auto;}
#login_area { width: 300px; height:320px; position: absolute; top: 200px; right:0px; }
#login_box { position: absolute; right: 0;}
#login_form { width: 300px; background:#fff; height:316px; border-top:4px solid #0079a7;}
#login_form_tit { text-align:center; color:#00b4f0; font-size:24px; line-height:40px; padding-top:10px; font-weight: normal;}
#login_form form { padding:0 25px 0 25px;}
#login_form form a{ color: #00B4F0;}
#login_form form input[type=text]{ border: 1px solid #dbe5ed; height:34px; line-height:34px; text-indent:8px; }
#login_form form input[type=password]{ border: 1px solid #dbe5ed; height:34px; line-height:34px; text-indent:8px; }
#login_form p { line-height:30px; padding-top:5px; font-size:14px; color:#666;}
.inputBtn { width: 100%;  background: #fff;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #262626;}
.login_btn { width: 100%; height: 40px; line-height: 40px; text-align: center; border-style: none; color:#fff; cursor: pointer; background:#00b4f0; border-radius:5px;  }
#register_form { padding: 0 70px;}
#register_form_tit { text-align:center; color:#00b4f0; font-size:30px; line-height:90px; padding-top:10px; font-weight: normal;}
#register_form form { }
#register_form form input[type=text]{ border: 1px solid #dce5ee; height:34px; line-height:34px; text-indent:15px; }
#register_form form input[type=password]{ border: 1px solid #dce5ee; height:34px; line-height:34px; text-indent:15px; }
#register_form label { line-height:30px; padding-top:5px; font-size:14px; color:#666;}
#register_form .agreeItem { padding:10px 0; font-size:12px; color: #666;}
#register_form .agreeItem a{ color: #0079a7;}
.register_btn { width: 300px; height: 40px; line-height: 40px; text-align: center; border-style: none; color:#fff; cursor: pointer; background:#00b4f0; border-radius:5px; margin-top:10px; }
#login_bottom { width: 1200px; position: relative; height: 84px; margin: 0 auto;}
#login_bottom .member_count { float: left; width: 50%; color: #00B4F0; font-size: 16px; padding: 10px 0;}
#login_bottom .member_count span {border: solid 1px #00B4F0; padding: 0 4px; margin-left: 3px;}
#login_bottom .comp_msg { float: right; line-height: 40px; color: #666; font-size: 12px;}
#login_bottom .comp_msg2 { line-height: 80px; color: #666; font-size: 12px;}
.reg_btn { width: 213px; height: 38px; line-height: 38px; text-align: center; border-style: none; color:#fff; cursor: pointer; background:#00b4f0; border: solid 1px #00b4f0; border-radius:5px; display: inline-block; }
.back_login_btn { width: 213px; height: 38px; line-height: 38px; text-align: center; border-style: none; color:#00b4f0; cursor: pointer; background:#fff; border: solid 1px #00b4f0; border-radius:5px; display: inline-block; margin-left: 15px;}
input::-webkit-input-placeholder { color:#b5bfc9;}
input::-moz-placeholder { color:#b5bfc9;}
input:-ms-input-placeholder { color:#b5bfc9;}
.clearbox { height: 10px; clear: both;}
p a { font-size:12px; }
p a:hover { text-decoration:underline; }
.linebox { height: 2px; width: 100%; background: #3cbaff;}
#reg_box { width: 698px; height: 498px; margin: 50px auto; border: solid 1px #a0d8fd;}
.comp_msg01 { line-height: 40px; color: #ccc; font-size: 12px; text-align: center;}
.label_left { float: left; width: 90px; padding-right: 10px; color: #666666; line-height: 36px;}
.label_left .label_li { color: #666;}
.regF_right { float: left; width: 450px;}
.label_li { height:36px ; margin-bottom: 10px; position: relative;}
.inputbg {width: 100%;  background: #fff;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #262626;}
.regF_right .label_li span { position: absolute; left: 5px; color: #f00; top: 10px; font-weight: bold; font-size: 16px;}

.maskBg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;display:none; z-index:998;}
.pop_findPw { position:fixed; top:50%; left:50%; background:#fff; width:480px; height:260px; z-index:999; margin-top:-130px; margin-left:-240px; border-radius:8px; display:none}
.pop_findPw .pop_head { position: relative; height: 38px; background: #f8f8f9; line-height: 38px; border: solid 1px #e4e4e4; text-align: center;border-radius:8px 8px 0 0;}
.pop_findPw .pop_head span { font-size: 14px; color: #333; font-weight: 700;}
.pop_findPw .pop_head .pop_closeBtn01 { position:absolute; top:10px; right:5px; display:block; width:20px; height:20px; background:url(../images/dialog_closebtn.png) no-repeat; cursor:pointer;}
.pop_findPw .pop_content { padding: 20px 90px;} 
.pop_findPw .pop_content input[type=text]{ border: 1px solid #dce5ee; height:34px; line-height:34px; text-indent:15px; }
.pop_findPw .pop_content .p01 { line-height: 30px; font-size: 14px; color: #666;}
.pop_findPw .pop_content .p02 { line-height: 30px; font-size: 12px; color: #3cbaff;}
.submit_btn { width: 100%; height: 36px; line-height: 36px; text-align: center; border-style: none; color:#fff; cursor: pointer; background:#00b4f0; border-radius:5px;  }