@charset "utf-8";
/**
 * Page width
 */
 
 
 body{ background:#0c6dc3 url(../images/bg-pc_1.png) no-repeat;  
 background-size:cover; min-height:600px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-pc.png', sizingMethod='scale');
  width:100%;
  height:100%; }
.webWidth { width:1200px;  margin-left:auto; margin-right:auto;}
.listWidth { width:1220px; margin-left:auto; margin-right:auto;} 

.wrapper{ width:100%; height:100%; text-align:center;}


.logHome_inLg {position:relative;  overflow:hidden; padding:120px 0 50px 0; } 
.logHome_in {padding:100px 0;}
.logHome_inReg { position:relative;  overflow:hidden; padding:60px 0 30px 0;}


.logHome_logBox {border-radius:5px; background:rgba(0,0,0,.3); background:url(../../common/images/transBg.png) repeat\0; *background:url(../../common/images/transBg.png) repeat; box-shadow:0 0 10px rgba(0,0,0,.2); padding:30px 0; margin-top:80px; }

.logHome_logBox2 { min-height:280px; width:415px;  padding:30px 40px 30px 0; border-radius:5px; background:rgba(0,0,0,.3); background:url(../../common/images/transBg.png) repeat\0; *background:url(../../common/images/transBg.png) repeat; box-shadow:0 0 10px rgba(0,0,0,.2); float:right; margin-right:90px; margin-bottom:150px; margin-top:90px;}

.reg-main{ width:900px; margin: 0 auto;}



/*---------- element CSS ----------*/
/* 颜色 */
.com_color { color:#0084ea;}
.red { color:#f92f2f;}
.green { color:#23d44e;}


/* 链接 */
.link1 { font-size:12px; color:#fff;}
.link1:hover { text-decoration:underline;}

.link2 { font-size:12px; color:#157ed9;}
.link2:hover {text-decoration:underline;}

.link3 { font-size:12px; font-weight:bold; color:#666;}
.link3:hover { text-decoration:underline;}

.link4 { font-size:12px; color:#666;}
.link4:hover { text-decoration:underline;}

.form_focusB,
.form_focusR { position:relative; height:38px; margin-bottom:10px; padding-left:38px;border-radius:3px; }
.form_input { float:left; display:block; width:280px; height:32px; line-height:32px\9; *line-height:32px;  font-size:12px; color:#afafaf; border-radius:3px; padding-left:5px;}
.form_icons { display:inline-block; text-align:center; font-size:16px; color:#bfbfbf;}
.form_ico { position:absolute; top:0; left:0; width:38px; height:38px; line-height:38px;}
.form_op,
.form_code { position:absolute; top:4px; right:4px; background:#fff;}
.form_eye,
.form_delete { width:25px; height:30px; line-height:30px;}
.form_box1{ float:left; margin-bottom:24px;}
.form_box1 label{ clear:both; color:#fff; display:block; float:left; width:100px; height:32px; line-height:32px\9; font-size:16px; text-align:right; display:inline-block; margin-top:3px;}


.form_box3 { position:relative; width:200px; line-height:30px; margin-bottom:10px; font-family:SimSun; font-size:12px;}

.form_box4,
.form_focusB2 { position:relative; height:38px; padding:0 10px; border:1px #dbdbdb solid; border-radius:3px; background:#fff;}
.form_box4 .form_input,
.form_focusB2  .form_input { width:100%; height:38px; line-height:38px\9; *line-height:38px; font-size:14px; color:#666;}

.form_bot { padding-top:15px; border-top:1px #eee solid; text-align:center; line-height:20px; color:#afafaf;}



.formBar li{ float:left;}
.enterT{float:left; display:block;  height:32px; line-height:32px\9; *line-height:32px;  font-size:12px; color:#afafaf; border-radius:5px; padding-left:5px;}
.form_focus{float:left; display:block;  height:32px; line-height:32px\9; *line-height:32px;  font-size:12px; color:#afafaf; border-radius:5px; padding-left:5px; border-color:#ed6c00; box-shadow:0 0 6px #ed6c00;}
.form_focus2{float:left; display:block; width:280px; height:32px; line-height:32px\9; *line-height:32px;  font-size:12px; color:#afafaf; border-radius:5px; padding-left:5px; border-color:#ed6c00; box-shadow:0 0 6px #ed6c00;}
.genderT{ display:block;  width:60px; height:30px; line-height:30px; float:left;}
.agencyT{ display:block; width:282px; height:30px; line-height:30px; float:left;}
.agencyTs{ display:block; width:88px; height:30px; line-height:30px; float:left;}
.agencyT2{ display:block; width:284px; height:30px; line-height:30px; float:left; margin-top:10px;}




/* 只读状态 */
.form_readonly .form_input { color:#444;}

/* 焦点状态-蓝 */
.form_focusB,
.form_focusB2 { border-color:#7dc6ff; box-shadow:0 0 5px #cde9ff;}
.form_focusB .form_ico { color:#157ed9;}
.form_focusB .form_input,
.form_focusB2 .form_input { color:#666;}

/* 焦点状态-红 */
.form_focusR { border-color:#ff6363; box-shadow:0 0 5px #ffc6c6;}
.form_focusR .form_ico { color:#f82f2f;}
.form_focusR .form_input { color:#ff6363;}

/* 文本框默认值 */
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #ccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #ccc;}





/* 提交按钮 */
.submit_btn,
.link_btn { display:block; *width:40px; *height:1%; padding:5px 25px; border-radius:2px;  background:#ed6c00; font-size:14px; color:#fff;}
.submit_btn { display:block; text-align:center;}
.link_btn { display:inline-block; padding:0 30px;}
.submit_btn:hover,
.link_btn:hover { background:#f67508;}
.submit_cancel { position:absolute; top:0; right:-40px; line-height:40px; text-align:left;}


.registeredBar{ clear:both; width:520px;}

.registered_btn { width:230px;  margin:0 auto;text-align:center;  display:block;  *height:1%; padding:5px 25px; border-radius:2px;  background:#ed6c00; font-size:14px; color:#fff;}
.registered_btn:hover{ background:#f67508;}

.agencyArea{ float:left;}
.agencyArea li{ float:left; display:block; }


.form_half_l,
.form_half_r { width:50%;}
.form_half_l { float:left;}
.form_half_r { float:right; text-align:right;}
.form_forget { font-size:12px; color:#fff;}
.form_forget:hover { color:#157ed9;}

label { display:inline-block; cursor: pointer; padding-left:20px; color:#666;}  
.checks .label_check { color:#fff;} 
.checks label.c_on,
.checks label.c_on:hover { color:#fff;}
.checks .label_check:hover { text-decoration:underline;}
.checks .label_check input { position: absolute; left: -99999px;} 



.loginTitle{ width:100%; margin-top:60px; color:#fff; font-size:40px; text-align:center; margin-bottom:20px; padding-left:40px;}
.registeredTitle{ margin-top:60px; color:#fff; font-size:34px; text-align:center; margin-bottom:20px;}
.login_tit { position:relative;}
.login_tit span{ display:block; width:152px; height:152px; background:url(../../common/images/loginTit.png) no-repeat; position:absolute; top:-110px; left:140px;}

.registeredTit {width:152px; height:152px; background:url(../../common/images/registeredTit.png) no-repeat; display:inline-block; position: absolute; top:260px;  left: 520px;}

.login_bot { padding-top:15px; border-top:1px #eee solid; text-align:center; line-height:20px; color:#afafaf;}

.login_port { width:90px; height:90px; margin:0 auto;}
.login_port img { width:90px; height:90px; border-radius:50%;}
.login_port .icon-defaultPort { line-height:90px; font-size:90px; color:#ddd;}
.login_name { padding-bottom:10px; text-align:center; line-height:50px; font-size:16px; color:#666;}


.qr { position:fixed; right:0; bottom:30px; background:#fff; padding:0 10px 10px 10px; z-index:999;}
.qr_name { line-height:36px; font-size:15px; color:#666; text-align:center;}
.qr_img,
.qr_img img { width:140px; height:140px;}

.copyR{ clear:both; height:80px;  margin:0 auto;  text-align:center; left:50%;; overflow:hidden; padding-bottom:5px;  background:none; }


/*注册new*/
.registered-bg{ background:url(../images/bg-pc.png) no-repeat; background-size:cover;}
.agencyT3{ display:block; width:284px; height:30px; line-height:30px; float:left; }
.reg_btn { width:640px;  margin:0 auto;text-align:center;  display:block;  *height:1%; padding:10px 25px; border-radius:2px;  background:#ed6c00; font-size:18px; color:#fff;}

.regBar{ clear:both; padding-top: 20px; padding-left: 30px; }
.reg_btn:hover{ background:#f67508;}
.sel-wd{display:block; padding-left:120px;}





