﻿@charset "utf-8";
/* CSS Document */
input, button{font-family:"微软雅黑","Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;}


/* -----------------------------------------------------------
【初始化】
 -----------------------------------------------------------*/
body{ background:#f4f4f4;}
.topbar{ height:65px;box-shadow: 0px 1px 1px #d6d6d6; background:#fff; min-width:990px;}
.top_inner{ width:990px; margin:0 auto; height:48px;}
.top_inner .l_r_logo{ float:left; margin-top:16px;}
.top_inner .l_r_contact{ float:right; height:48px; line-height:65px; margin-right:20px;}
.top_inner .l_r_contact a{ display:inline-block; border:1px solid #ddd; border-radius:3px; height:26px; line-height:26px; padding:0 10px; margin:0 5px;}
.top_inner .l_r_contact a:hover{ border:1px solid #e95772; color:#e95772;}

.mbg_bar{ width:100%; min-width:990px; height:675px;background:url(../Images/l_r_bannerbg.jpg) 50% no-repeat #000;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.ap_mbg_bar{ width:100%; min-width:990px; height:575px;background:url(../Images/child_login_bg.jpg) 50% no-repeat #000;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.mcon_inner{ width:990px; margin:0 auto;}

.footmain { width:990px; margin:30px auto; text-align:center;}
.footmain .k_link { color:#b8b8b8;}
.footmain .k_link a{ color:#666; margin:0 8px;}
.footmain .k_link a:hover{ text-decoration:underline;}
.footmain .copyright{ color:#999; margin-top:10px;}



/* -----------------------------------------------------------
【登录】
 -----------------------------------------------------------*/
.l_banner { float:left; width:350px; margin-top:165px; margin-left:30px;}
.l_banner .usphoto { float:left; height:40px; width:350px; margin:40px 0 10px 0; padding-left:15px;}
.l_banner .usphoto h2{ color:#fff; font-size:14px; font-weight:normal; margin-bottom:15px;}
.l_banner .usphoto h2 b{ font-size:18px;}
.l_banner .usphoto li{ float:left; display:inline-block;width:30px;height:30px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow: hidden; background:#e7e7e7; margin:0 3px;}
.l_banner .usphoto li:hover{border:3px solid #ddd;box-shadow: 0 0 2px rgba(0,0,0,.8);}
.l_banner .usphoto img{ width:100%;}
.l_banner .usphoto .pmore{ width:30px; height:30px; background:url(../Images/them_sicon.png) #e7e7e7 no-repeat 3px -228px;}
.l_banner .numb_count{ color:#fff; padding-left:15px;}
.l_banner .numb_count b{ font-size:18px; color:#62ceb1;}

.log_inner{ float:right; margin-right:30px; margin-top:85px; width:350px; background:#fff; border-radius:3px;box-shadow: 0px 1px 1px #666; overflow:hidden;}
.log_inner h1{ font-size:24px; font-weight:normal; color:#333; margin:5px 0 30px 0;}
.log_inner h1 span{ font-size:12px; color:#999; margin:0 10px;}
.log_inner .tishi{ font-size:13px; color:#e95772; background:url(../Images/ts_ico.png) no-repeat 3px; padding-left:20px; margin-bottom:12px;}
.log_inner .hd{ padding:25px;}
.log_inner .ip_tem { margin-bottom:14px;}
.log_inner .ip_tem input{ font-size:14px; width:290px; border:1px solid #e0e0e0; border-radius:3px; background:#f4f4f4; height:37px; line-height:37px; color:#444; padding-left:5px;}
.log_inner .ip_tem input:hover{ background:#f7f7f7;}
.log_inner .bd_on input{ border:1px solid #e95772; background:#fff;}
.log_inner .bd_on input:hover{ background:#fff;} 
.log_inner .lgbtn input{ width:297px; height:42px; line-height:42px; background:#48b99b; cursor:pointer; color:#fff; font-size:16px; border-radius:3px;border: none;}
.log_inner .lgbtn input:hover{ background:#38b090;}

.log_inner .tipslink { margin:20px 0 10px 0; font-size:12px;}
.log_inner .tipslink .w_link{ float:left;}
.log_inner .tipslink .w_link a:hover{ text-decoration:underline;}
.log_inner .tipslink .c_link{ float:right; color:#999;}
.log_inner .tipslink .c_link a{ color:#555; text-decoration:underline;}
.log_inner .tipslink .c_link a:hover{ text-decoration: none;}

.log_inner .reg_btn2{ background:#f4f4f4; border-top:1px dashed #ddd; padding:25px; position:relative}
.log_inner .reg_btn2 a{ border:1px solid #ddd; background:#48b99b; cursor:pointer; color:#fff; font-size:16px; border-radius:3px; width:295px; height:35px; line-height:35px; display:inline-block; border-radius:3px; text-align:center;}
.log_inner .reg_btn2 a:hover{ border:1px solid #48b99b;}
.log_inner .reg_btn2 span{ color:#C0C0C0; position:absolute; left:48%; top:-8px; font-size:12px;}

/* -----------------------------------------------------------
【注册】
 -----------------------------------------------------------*/
.inp_wrap{ float:left; border: 1px solid #E3E3E3; border-radius:3px; background: #F6F6F6; width:370px;height:37px;  }
.inp_wrap label.ltit{ float:left; line-height:35px; width:45px; color:#999; text-align:center;}
.inp_wrap:hover{ background:#fff;}


.wang_item .wang_wrap{width:225px;}
.wang_item .wang_input{ width:180px;}
.wang_item .wang_button{width: 135px;background:#3fa9f5;border:1px solid #e3e3e3;color:#fff;margin-left: 12px;height: 38px;line-height: 38px;}


.regmain{ width:880px; float:left; margin:60px 0 0 0; background:#f4f4f4; border-radius:3px;box-shadow: 0px 1px 1px #666; overflow: hidden;}
.reg_inner{ width:580px; padding:40px; background:#fff; float:left; border-right:1px solid #e9e9e9;}
.reg_inner h1{ font-size:24px; font-weight:normal; color:#333; margin:5px 0 30px 0;}
.reg_inner h1 span{ font-size:12px; color:#999; margin:0 10px;}
.in_item input{ font-size:13px;line-height:37px; height: 37px; color:#444; font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma; padding-left:5px; float:left; border:none; background:none; width:320px; float:left;}

.reg_btn{ border:1px solid #3fa9f5; width:180px; float:left;  height:42px; line-height:42px; background:#3fa9f5; cursor:pointer; color:#fff; font-size:16px; border-radius:3px;font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma;}
.reg_btn:hover{ background:#3fa9f5;}
.reg_btn[disabled]{border:1px solid #999;color:#fff; background:#999;pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}

.reg_inner .bd_on input{background:#fff;}
.reg_inner .bd_on input:hover{ background:#fff;}
.reg_inner .in_item { margin-bottom:20px; float:left; width:100%;}
.reg_inner .errormsg{ float:left;font-size:13px; color:#e95772; background:url(../Images/ts_ico.png) no-repeat 3px; padding-left:20px; margin-bottom:12px; margin:12px 0 0 15px;}
.reg_inner .agree {float:left; margin-bottom:25px;font-size:12px; color:#999;}
.reg_inner .agree a{ text-decoration:underline; margin:0 2px;}
.reg_inner .agree input{ margin-right:5px;}
.reg_inner .tg_btn{ float:left; width:100%;}
.reg_inner .conline_btn{ float:right; color:#999; margin-top:10px;}
.reg_inner .conline_btn a{ display:inline-block; margin-left:8px; border:1px solid #d5d5d5; height:28px; line-height:28px; padding:0 10px; border-radius:3px;}
.reg_inner .conline_btn a:hover{border:1px solid #e95772; color:#e95772;}

.reg_inner .error  {line-height: 40px; margin: 0 0 0 20px;}

.r_t_login{ float:left; text-align:center; color: #555; font-size: 16px;margin: 150px 0 0 60px;}
.r_t_login a{ display:inline-block; margin-left:8px; /* border: 1px solid #1AACF4; */ background: #FF5353;color: #FFFFFF;height: 32px; line-height: 32px; padding: 0 35px; border-radius:3px; margin-top:20px;}
.r_t_login a:hover{ color:#fff;}

.code_btn button{ height:40px; line-height:40px; border: 1px solid #E8B04F; background: #EEC071; border-radius:4px; margin-left:5px; font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma; color: #FFF; cursor:pointer; width:85px; text-align:center; }

/*-------------------------------------------------------------------------------------
				增流程2016-01-18
-------------------------------------------------------------------------------------*/
.w-process-main{ border-radius:8px; background:#fff; }
.w-process-box { position: relative;}

.w-title { height:40px; border-bottom:1px solid #e7e7e7;padding: 25px 30px 0px 30px;}
.w-title .title-text{ float:left; font-size:20px; color:#333; font-weight: normal; max-width:400px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; line-height:30px; margin-bottom:20px;}
.w-title .title-text i{ display:inline-block; width:4px; vertical-align: top; margin-top:5px; height:22px; margin-right:10px; background:#ff8a00;}

/*手机和验证码输入框*/
.class-main-panel{padding:30px 30px 40px 30px;}

.c-right-con {}
.c-r-banner{ margin:0 20px;}
.c-from-panel {}
.c-from-panel .ltit { float:left; font-size:16px; color:#333; width:65px; line-height:32px;}
.c-from-panel .field-item { margin-bottom:15px; float:left; width:400px;}
.c-from-panel .field-item .input-md{font-size:13px; line-height: 32px; color:#444; padding-left:10px; float:left; background:none; height: 32px; width: 185px;  border:1px solid #C2C2C2;border-radius: 3px;}
.c-from-panel .field-item input.min-input{ width:90px;}
.c-from-panel .field-item input.max-input{ width:200px;}

/*发送验证码按钮*/
.send-code-btn{ float:left; width:85px;  height: 32px;border:1px solid #38adf0; color:#38adf0; background:#fff;cursor:pointer;font-size:12px;  margin-left:5px; border-radius:3px; text-align:center;padding: 0;}
.send-code-btn:hover{ background:#f0fbff;}
.send-code-btn[disabled]{color:#fff; background:#999; border:1px solid #999;pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65; width:95px;}
.countdown {line-height: 32px;margin-left: 10px;}

/*提交体验按钮*/
.w-submit-button{ border: none; margin-left:65px; padding:0 40px; min-width:180px;  height:42px; line-height:42px; background:#00b6f9; cursor:pointer; color:#fff; font-size:16px; border-radius:3px; /* margin-top: 5px; */}
.w-submit-button:hover{ background:#2fa4e7;}
.w-submit-button[disabled]{color:#fff; background:#999;pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}

.wx-tips{ margin-left:65px; color:#999; text-align: left; }

/*无法收到验证码提醒*/
.code-none-tips{color:#999; margin-top:20px; font-size:12px; width:250px;  line-height:24px;}
.code-none-tips a{text-decoration:underline;}
.code-none-tips a:hover{ color:#38adf0;}
.code-none-tips .qq-ico{ width:15px; height:15px; display:inline-block; background:url(../Images/regico2.png) no-repeat 0 -150px;vertical-align:middle;}
.code-none-tips .tell-ico{ width:15px; height:15px; display:inline-block; background:url(../Images/regico2.png) no-repeat 0 -125px;vertical-align:middle; margin:0 3px;}

/*验证码是否正确图标*/
.judge-ico { float:left; margin:10px 0 0 10px;}
.judge-ico .success{ width:18px; height:15px; display:inline-block; background:url(../Images/regico.png) no-repeat 0 -56px; line-height: 16px;}
.judge-ico i{ display:none;}
.judge-ico .fail{ /* display:inline-block; */background:url(../Images/regico.png) no-repeat 0 -35px; padding-left:20px; font-size:16px; color:#ff412d;  line-height: 16px;}

.step-one{ margin-bottom: 40px;}
.step-one .step-title{ margin-bottom: 10px;color:#333; padding:6px 10px; font-size:18px;}

.step-item{ padding:5px 0; background:#f4f4f4; margin-top:8px;}
.step-item a{ display:inline-block; border:1px solid #00b6f9; height:26px; line-height:26px; border-radius:3px; padding:0 10px; margin-right:10px; min-width:60px; text-align:center; background:#f9f9f9;}
.step-item .step-title{ display:inline-block;color:#333; padding:6px 10px; font-size:14px;}


.step-bd-item{ margin-bottom:10px;}
.step-bd-item span{ display:block; padding:20px 0; margin-bottom:20px;background:#f9f9f9; float:left; width:100%;}

.step-bd-item a{ display:inline-block;height:36px; line-height:36px; font-size:18px; border-radius:3px; padding:0 10px; margin-right:10px; text-align:center; min-width:120px; background:#00b6f9; float:right; color:#fff;}


.step-bd-item .step-title{ display:inline-block;color:#333; padding:0px 10px; font-size:20px; float:left}
.step-bd-item .step-title p{ font-size:12px; color:#666; margin-top:10px;}





.pop-notice-main{ padding:40px 20px; border:1px solid #ddd; width:350px;}
.pop-notice-main h2{ font-size:16px;}
.n-text { text-align:center;}
.n-text h2{ font-weight:normal; color:#333; margin-bottom:10px;font-size:24px;}
.n-text h2 i{ display:inline-block; vertical-align:middle; width:36px; height:30px; background:url(../Images/warning.png) no-repeat;}
.n-text p{ font-size:16px;}

.log-btn{display: inline-block; height:36px; line-height:36px; padding:0 35px; background:#FF5656;color:#fff; font-size:18px; border-radius:3px; margin-top:30px;}


