@charset "utf-8";
:-webkit-autofill {
 -webkit-text-fill-color: #666 !important;
 transition: background-color 5000s ease-in-out 0s;
}
.log-body{
	margin: auto;
	position: relative; padding:90px 0;
	
}
.logo{
	position: absolute;
	left:0px;
	top: 60px;
	width: 88px;
	height:88px;
	background: #fff;
	color: #44c4bb;
	font-size: 28px;
	text-align: center;
	line-height: 30px;
	font-weight:600;
	padding-top: 14px;
	border-radius:10px;
}
.max-box{ max-width:1170px; margin:0 auto;}

.font-yl{
	position: absolute;
	left:0px;
	top: 60px;
	color: #fff;
	font-size: 24px;
}
.font-yl-hs{
	color: #fff978;
	font-size: 36px;
	margin-left: 10px;
}

.regCenter{ position: relative;}
.success_msg,.error_msg{display: none;font-weight:normal;  position: absolute; top:0px; left:0; width:100%; padding-left:22px; font-size:14px; }
#TencentCaptcha{ width:100px; background: #f3fcfc; color:#44c4bb;border:0;border-left:1px solid #ccc; line-height: 20px; height: 20px;}
.form-group .error_msg,.error_msg { background: url(../../images/personal/error_bag.png) no-repeat center left;color:#f94a4a; background-size:18px;}
.success_msg { background: url(../../images/personal/success_bag.png) no-repeat center left; color:#44c4bb; background-size:18px;}
.success_msg_top,.error_msg_top{ text-align:center; background:none; padding:0; display: none;}
.success_msg_top span,.error_msg_top span{ padding-left:24px; font-size:16px;}
.success_msg_top span{ background: url(../../images/personal/success_bag.png) no-repeat center left;}
.error_msg_top span{ background: url(../../images/personal/error_bag.png) no-repeat center left;color:#f94a4a;}
.error_msg label,.success_msg label{ font-weight: normal; margin:0;}


.reg-ipnt input,.input-group .form-control:first-child{ background:#f3fcfc; box-shadow: none!important; border-radius: 18px; height: 42px; line-height:42px; *width: 340px;}
.reg_min{ max-width:410px; margin:0 auto;border-radius:15px; min-height:500px; box-shadow:0px 0px 20px rgba(0,0,0,0.2); background:#f3fcfc; padding:46px 40px 42px 40px;}
.reg_bagBox{ background:url(../../images/personal/login_bag.jpg) no-repeat #55D7CD bottom center;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/personal/login_bag.jpg', sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/personal/login_bag.jpg', sizingMethod='scale')";
 display:block;width:100%;}
.reg-ipnt{ width:100%; position: inherit; font-size: 16px; position: relative;}
.prompt_box{ position: absolute; top: 42px; left: 6px ; color:  #ff0000; }
.prompt_box label{ font-weight: normal;}
.bs-example-form .reg-ipnt input:focus,.bs-example-form .reg-ipnt:focus {
 border:1px solid #44c4bb!important;
}

.bs-example .reg-ipnt .getbaskin{ position: absolute; font-size:14px; top:11px; height:24px; line-height:22px; right:5px;*right:7px; z-index: 6; padding: 0; }
.bs-example-form .getbaskin input:last-child,.bs-example-form .getbaskin a:last-child{padding-left:14px; background: #f3fcfc; border: 0;height: 20px; border-radius:0; border-left:1px solid #ddd;}
.getbaskin a{border-left:1px solid #ccc; width:99px; line-height:20px; text-align: center; color:#666; display: block;}
.getbaskin a:hover{ color: #44c4bb;}

.bs-example-form .reg-ipnt input:last-child{outline: none;}
.bs-example .reg-ipnt .getbaskin input:focus{outline: none; border:0!important; border-left:1px solid #ddd!important;}
.reg-title{ text-align:center; margin-bottom:34px; color:#333;}
.reg-title h3{ color:#666; margin-top:6px; font-weight:500; font-size:20px; }
.mgb5{margin-bottom: 50px;}
.reg-title p{ margin-top:20px;}

.reg-tel,.reg-psd,.reg-vc,.reg-rvc{ padding:0px 20px 0px 46px;}
.form-control{ border-radius:16px!important; }
.icon-login-btn1{ position:absolute; top:3px; left:10px; z-index:99; width:30px; height:36px; display:block; background:url(../../images/personal/reg-icon4.png) no-repeat 0px center #f3fcfc;}
.input-btn-icon .icon-login-btn1{ background:url(../../images/personal/reg-iconH4.png) no-repeat 0px center #f3fcfc;} 
.icon-login-btn2{position:absolute; top:3px; left:10px; z-index:99; width:30px; height:36px; display:block; background:url(../../images/personal/reg-icon1.png) no-repeat 0px center #f3fcfc;}
.input-btn-icon .icon-login-btn2{ background:url(../../images/personal/reg-iconH1.png) no-repeat 0px center #f3fcfc;}
.icon-login-btn3{position:absolute; top:3px; left:10px; z-index:99; width:30px; height:36px; display:block; background:url(../../images/personal/reg-icon3.png) no-repeat 0px center #f3fcfc;}
.input-btn-icon .icon-login-btn3{ background:url(../../images/personal/reg-iconH3.png) no-repeat 0px center #f3fcfc;}
.icon-login-btn4{position:absolute; top:3px; left:10px; z-index:99; width:30px; height:36px; display:block; background:url(../../images/personal/reg-icon2.png) no-repeat 0px center #f3fcfc;}
.input-btn-icon .icon-login-btn4{ background:url(../../images/personal/reg-iconH2.png) no-repeat 0px center #f3fcfc;}


.reg-ipnt .reg-rvc-img,.input-group-addon:not(:first-child):not(:last-child){ overflow:hidden; background:#f3fcfc; line-height:33px; outline: none; cursor:pointer;  padding:0; width:102px; height:42px; color:#44c4bb; float:left; border-radius:18px; border-top-left-radius:0; border-bottom-left-radius:0;}
.reg-ipnt .reg-rvc-img img{ width:102px; height:42px; }
.reg-ipnt .reg-rvc-b{ border-left:1px solid #ccc!important;}
.btn-reg{ cursor:pointer; width:100%; background:#44c4bb; color:#fff; margin-top:16px; border-radius:18px; height:42px; padding:10px 0; border:0; outline: none; box-shadow: 0;}
.btn-reg:hover{ background:#3bb3ab; color: #fff;}
.btn-reg:focus{background:#23b6a6; color: #fff;}
.reg-ipnt .input-group-addon{ padding:4px 12px;*padding:5px 8px; border-left: 0; background: #f3fcfc; float: left;width:102px; *width:90px;}
.endSeconds{ color: #999; text-align:center; border-left:1px solid ddd;  font-size:12px; display:block; padding-left:16px; float:right; width:102px; }
.endSeconds span{ font-size: 14px; margin: 0 2px;}

.reg-login{ text-align:right; color:#999;}
.reg-login a{color:#999; font-size:14px; margin:0 5px;}
.reg-login-f{ margin-top:10px;}
.reg-login-f .btn-c{ color:#44c4bb;}
.reg-login .btn-success:hover{ background:#3bb3ab; }

.boxUpDown{ display: none;}

.select{ width:410px; overflow:hidden; padding:46px 40px; margin:0 auto; background:#fff; border-radius:15px;box-shadow: 0px 0px 20px #ddd;}
.select h5{ text-align:center; font-size:28px; color:#44c4bb; margin-bottom:30px;}
.select a{ color:#44c4bb; border:1px solid #44c4bb; line-height:42px; height:42px; width:100%; border-radius:20px; display:block; text-align:center; margin:15px 0; float:left; font-size:16px;}
.select a:hover{ background:#44c4bb; color:#fff; border:1px solid #44c4bb;}
.workIcon,.personnelIcon{ background:url(../../images/btn-icon/select.png) no-repeat; padding-left:40px;}
.workIcon{ background-position:0 -2px;}
.personnelIcon{background-position:0 -75px;}
.select a:hover .workIcon{ background-position:0 -39px;}
.select a:hover .personnelIcon{background-position:0 -108px;}
.pel{position: relative; float: left; width:100%;}

.agreement-f { margin-top: 10px;text-align: center;}
.agreement-f a{color: #44c4bb; background:url(../../images/btn-icon/homeBth.jpg) no-repeat right center; background-size:12px; padding-right:20px; }
.liul .gray-ad{ color: #999;}

.reg-ipnt a{ color: #666;line-height: 20px; }


.shuomif{font-size: 12px;color: #999; margin-bottom:0; text-align: left; border-top:1px solid #eee; padding-top: 8px; line-height: 22px;}


/*********选项卡**********/
.reg-title .nav-tabs>li>a{ font-size: 16px; color: #999;padding: 0 0 10px 0;}
.reg-title .nav>li { margin:0 16px;}
.reg-title .nav>li:focus,.reg-title .nav-tabs>li.active>a,.reg-title .nav-tabs>li.active>a:hover,.reg-title .nav-tabs>li>a:hover{ background: none; font-size: 20px; color: #666; border:0; border-bottom: 1px solid #44c4bb;}
.login-tabs{ width:100%; float: left; margin-bottom: 4px;}


.liul{ margin-top: 8px; text-align: center;width:100%;}
.liul span{  width:50%; text-align:left; font-size: 14px; float: left; }
.liul span a{color: #44c4bb; float: left;}
.liul i{ margin:4px 0px;}
.liul p{ margin: 0; color: #999;}
.liul p a{color: #999; }
.liul p a em{ font-style: normal; color:#44c4bb; }
.liul .gray-ad:hover,.liul .gray-fonts:hover{ color: #44C4BB }
.liul .gray-fonts{width:100%; color:#999; float: none; text-align: center; padding:0}
.liul .vline{ background: #44C4BB; width:2px;}
.liul .gray-ad{ text-align:right;}


/**********扫码登录******/
.code_box{ width:312px; margin:0 auto;  text-align: center;}
.code_box_cen{  text-align: center; color: #666; font-size: 14px; line-height: 36px;}
.code_box_cen h6{font-size: 14px; margin: 0; line-height: 36px;}
.code_box_cen p{ margin: 0; }
.code_box_img{ width: 200px; height: 200px; position: relative; margin: 0 auto;}
.code_box_cen a{ color: #45c4bb; }
.code_box_explain{ border-top: 1px solid #eee;  color: #999; padding-top: 8px; margin-top: 34px; }
.code_box_explain p{ margin:0; text-align: left; font-size: 12px;line-height: 22px;}

/************二维码失效***********/
.code_box_blank{ position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }
.code_box_bg{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; background: #000; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.code_box_btn{ color: #666; font-size: 16px; position: absolute; z-index: 99; text-align: center; width: 100%; height: 100%; }
.code_box_btn p{ padding:55px 0 14px 0; display: inline-block; color: #fff; }
.code_box_btn a{ background: #45c3bb; width: 100px; height: 30px; border-radius: 10px; line-height: 30px; display: block; color: #fff; margin: 0 auto; }
/************二维码登录成功******/
.login_success h6{ font-size: 14px; color: #666; margin: 0; }
.login_success_img{ padding:20px 0 10px 0;  }
.login_success_list{ color: #666; font-size: 14px; line-height: 20px; }
.login_list_one{ padding-bottom: 8px; display: inline-block; }
.login_success_list a{ color: #f94a4a; font-size: 12px; }