/*
* @Author: DQ111
* @Date:   2015-11-03 11:27:54
* @Last Modified by:   xing.zhengjia
* @Last Modified time: 2016-11-22 16:54:28
*/
body { 
    margin: 0;
    padding: 0;
    height: 100%;
}
.layout-bg {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 100%;
	height: auto;
}
input:-webkit-autofill {
    color: #fff !important;
}

a.protocol{
    vertical-align: top;
    padding-top: 1px;
    display: inline-block;
    margin-left: 2px;
    color: #040404;
    text-decoration: underline;
}

/* nav部分 */
.container-fluid {
    padding: 0 5%;
    height: 62px;

}

.navbar-brand {
    padding: 8px 15px;
}

/* .form-control{
	height:46px;
	border-radius: 4px;
	padding-top: 22px;
	line-height: 46px;
	color:#979797;


} */

.form-group {

    margin-bottom: 17px;
}

.ashore .has-feedback input {
    font-size: 16px;
    padding-left: 35px;
    /*background: rgba(255, 255, 255, .6) url(../images/1.png) no-repeat 2% center;*/
    border-radius:0;
}

.ashore .pwd {
    font-size: 16px;
    padding-left: 35px;
    background: rgba(255, 255, 255, .6) url(../images/land-key.png) no-repeat 2% center;
    border-radius:0;
}

.ashore .has-feedback .re-phone {
    position: relative;
    line-height: 20px;
    font-size: 16px;
    padding-left: 35px;
    background: rgba(255, 255, 255, .6) url(../images/2.png) no-repeat 2% center;
}
.res-phone {
    position: relative;
    line-height: 20px;
    font-size: 16px;
    padding-left: 35px;
    background: rgba(255, 255, 255, .6) url(../images/land-key.png) no-repeat 2% center;
}
.form-group-lg .res-pwd {
    font-size: 16px;
    line-height: 20px;
    padding-left: 35px;
    background: rgba(255, 255, 255, .6) url(../images/land-key.png) no-repeat 2% center;
    border-radius: 0;
}

.ashore .re-pwd {
    font-size: 16px;
    line-height: 20px;
    padding-left: 35px;
    background: rgba(255, 255, 255, .6) url(../images/re-key.png) no-repeat 2% center;
    border-radius: 0;
}    
.btn-block:hover{
    background-color: rgba(255, 255, 255, 1);
    /*color: #898A8D;*/
    color: #fff;
    border: 0;
} 
.btn:active{
    box-shadow: none;
}
.login-sub{
    background-color: rgba(120, 184, 197, 1);
    color: #fff;
    border: 0;
}
.login-sub:hover{
    background-color: rgba(120, 184, 197, 1);
    color: #fff;
    border: 0;
}
.form-group-lg a{
    background-color: #fff;
    color: #898A8D;
    border: 0;
}
.form-group-lg a p{
    padding-top: 130px;
    font-size: 18px;
}

.form-group-lg a:hover{
    background-color: #fff;
    color: #898A8D;
    border: 0;
}
.form-group-lg a.active{
    box-shadow: none;
    color: #238cf6;
    border: 0;
}
.form-group-lg a.active:hover{
    color: #238cf6;
    border: 0;
} 
.ls-phone, .ls-email {
    position: absolute;
    right: 12px;
    bottom: 15px;
    cursor: pointer; 
}
 
.ashore {
    position: relative;
    top: 130px;
    padding: 48px 50px 45px 50px;
    max-width:490px;
    box-shadow:0 0 30px rgba(0,0,0,.1);
    background: url(/assets/default/white_opacity_bg.png) repeat 0px 0px;
}
.input-phone {
    position: relative;
}

/* 手机号重置 */
.tp, .yc, .ym {
    width: 45%;
    height: 34px;
    text-align: center;
    line-height: 34px;
    background: url(../images/tx-bg.png) no-repeat;
    color: #fff;
}

.tp {
    position: absolute;
    top: 5px;
    right: -185px;
}

.yc {
    position: absolute;
    top: 131px;
    right: -184px;
}

.ym {
    text-align: left;
    padding-left: 35px;
    position: absolute;
    top: 118px;
    right: -178px;
}

/*  图形验证码 */
.ident {
    width: 50%;
    background-color: rgba(255, 255, 255, .4);
}

.ident-contain {
    position: relative;
}

.pwd-pic .pic {
    /*background-color: #fff;*/
    /*  width: 101px;*/
    height: 43px;
    position: absolute;
    right: 0px;
    top: 0px;
}

/*  图形验证码 */
/* 错误密码提示隐藏开始 */
.false {
    display: block;
    font-size: 14px;
    line-height: 15px;
    padding-left: 20px;
    padding-bottom: 6px;
    background: url(../images/bg1.png) no-repeat left 0px;
}

/* 错误密码提示隐藏结束 */
.login-password {
    margin-left: 63%;
    font-size: 12px;
    letter-spacing: 1px;
}

.login-password a {
    color: #000;
    font-family: PingFangSC,arial,'黑体';
}

.login-password a:hover {
    color: #000;
    text-decoration: none;
}

.checkbox{
    margin-top: 5px;
}
.login_rember{
    width: 14px;
    height: 14px;
    background-color:#fff;
    position: relative;
}
.rember_word{
    font-size: 14px;
    color:#8a8e8f;
    vertical-align: top;
    padding-left: 5px;
    font-weight: normal;
    z-index: 9999;
} 

div.error:after{
    content:"";
    position: absolute; 
    border:10px solid transparent;
    border-top-color: #D95B59;
    top:100%;
    left:50px;
}  
/*重置页面样式*/
.bm{
    margin-bottom: 20px;
}
.input-email .pwd{
    font-size:16px;
    padding-left: 35px; 
    background-color: inherit;
    border-radius: 4px;
}
.pwd-pic .ssd,#verifyPhoneForm .ident-contain input,#phoneRegisterForm .ident-contain input,#phoneLoginForm .ident-contain input{
    font-size:16px;
    padding-left: 16px; 
    background-color: inherit;
    border-radius: 0;
}
.pwd-pic .ssd{
    width:50%;
}

h3{
    text-align:center;
    font-size:22px;
    line-height:15px;
    color:#333;
    padding-bottom: 30px;
    font-family: PingFangSC,arial,'黑体';
}
.ls-phone,.ls-email{
    position: absolute;
    right:12px;
    bottom:15px;
    cursor: pointer;
    /* display: none; */
}
/*  错误提示 */
.tx,.yc{
    width:45%;
    height:34px;
    text-align: center;
    line-height: 34px;
    background:url(../images/tx-bg.png) no-repeat;
    color:#fff;
    display: block;
}
.tx{
    position: absolute;
    top:7px;
    right:-176px;
}
.yc{
    text-align: left;
    padding-left:56px;
    position: absolute;
    top:279px;
    right:-172px;
}
/*  邮箱重置 */
.yx,.ex,.mm,.ym{
    width:45%;
    height:34px;
    text-align: center;
    line-height: 34px;
    background:url(../images/tx-bg.png) no-repeat;
    color:#fff;
}
.yx{
    padding-left: 15px;
    position: absolute;
    top:4px;
    right:-180px;
}
.ex{
    position: absolute;
    top:4px;
    right:-180px;
}
.ym{
    text-align: left;
    padding-left:35px;
    position: absolute;
    top:212px;
    right:-177px;
}
.mm{
    position: absolute;
    top:5px;
    right:-181px;
}
.ident {
    width: 50%;
    background-color: rgba(255,255,255,.4);
    border-radius:0 !important;
    font-size:16px !important;
} 
/* 错误密码提示隐藏开始 */
.false{
    display:block;
    font-size: 14px;
    line-height: 15px;
    padding-left: 20px;
    padding-bottom:20px;
    background:url(../images/bg1.png) no-repeat left 0px;
}
/* 错误密码提示隐藏结束 */
div.error{
    background-color:#D95B59;
    height: 25px;
    position:relative;
    width: 120px;
    border-radius: 3px;
    left:132px;
    bottom:30px;
    color:#fff;
    font-size: 12px;
    padding:3px 0px;
    text-align: center;
}

div.error:after{
    content:"";
    position: absolute;

    border:10px solid transparent;
    border-top-color: #D95B59;
    top:100%;
    left:50px;
} 
 
body{ 
    background-color: #f4f4f4;
}   
.onleft{
    border-right: 1px solid #acb1be;
}
.onright,.onleft{
    margin-top: 100px; 
}
.intro h6{
    color: #acb1be;
    margin-bottom: 20px;
}
.pen{
    position: absolute;
    left: -34px;
    bottom: -2px;
    width: 69px;
    height: 60px;
}
.log-container{
    margin-top: 80px; 
    padding: 0 100px;
    min-width: 950px;
} 
.log-container .row{
    margin: 0;
}
.log-container .obj_n input { 
    border-radius:4px;
    line-height: 20px;
    font-size: 14px;
    background-color: inherit;
    padding-left: 16px; 
    color:#1e2533;
}  
a.protocol{
    color: #238cf6;
}
.form-control{
    border: 1px solid rgba(172,177,190,.5);
    color: #acb1be;
} 
.ashore1{ 
    height: 600px;
    padding: 40px 50px 45px 50px;  
	background-color:#fff;  
} 
.welcome-phone{
    margin-bottom: 40px;
    font-size: 20px;
}
.welcome-email{
    margin-bottom: 65px;
    font-size: 20px;
}
.form-group{
    margin-bottom: 20px;
}
.obj_reg_phone{
    display: inline-block;
    margin-top: 30px;
    padding:0;
}
.obj_reg_email{
    margin-bottom: 122px;
}
.obj_log_phone{
    margin-bottom: 53px;
}
.obj_log_email{
    margin-bottom: 79px;
}
.ob2,.ob1{
    width: 150px;
    height: 46px;
    font-size: 16px;
    background-color: #238cf6;
    color:#fff;
}
.ob2:hover,.ob1:hover{
    background-color: #207cdf;
    color:#fff;
}
.ob2{
    margin-top: 15px;
}
.reg-email{ 
    padding:0;
    height: 46px; 
    line-height:46px;
    float: right;
    font-size: 16px;
    background-color: inherit;
    border: 1px solid #238cf6;
    color: #238cf6;
}
a.reg-email:hover,a.reg-email:active,a.reg-email:focus{
    background-color: inherit !important;
    border: 1px solid #207cdf !important;
    color: #207cdf !important;
}
.reselect{ 
    padding-top:40px;
    height: 600px;
    background-color:rgba(255, 255, 255, 0.6); 
    color: #acb1be;
    text-align:center;
}  
.line{
    margin-top: 20px;
    margin-bottom: 70px;
}
.welcome-abox{
    margin-bottom: 26px;
}
.identity{
    margin-bottom: 46px;
}
.now-reg a,.now-reg a:hover{
    color:#238cf6;
}
.inf{ 
    display: inline-block;
}
.inf h4{
    font-size: 26px;
    margin:10px auto 15px;
}
.inf a{
    color: #acb1be;
}
.inf a:hover{
    color: #fff;
} 
.chat-mei{ 
    padding:0;
    width:130px;
    height: 40px;
    line-height:40px; 
    background-color: transparent;
    color: #79808e;
    border: 1px solid #acb1be;
}
.chat-mei:hover,.chat-mei:active,.chat-mei:focus{ 
    color: #238cf6 ;
    border-color:#238cf6;
}

/*密码重置*/
.ashore2{  
    position: relative;
    top: 80px; 
    padding: 90px 50px 45px 50px;
    margin:0 auto;
    width:650px;
    /*height: 600px;*/
    box-shadow:0 0 30px rgba(0,0,0,.1);
    background: rgba(255, 255, 255, .8);
}

.ashore2 .has-feedback .re-phone {
    position: relative;
    line-height: 20px;
    font-size: 16px;
    background-color: inherit;
    padding-left: 16px; 
    border-radius:4px;
}
.ashore2 input.ident{
    border-radius:4px !important;
}
.ashore2 .re-pwd {
    font-size: 16px;
    line-height: 20px;
    background-color: inherit;
    padding-left: 16px; 
    border-radius: 4px;
}
.ashore2 .input-phone .fs-pwd,.ashore2 .input-email .fs-pwd {
    background-color: #238cf6;
}
.fs-pwd:hover,
.fs-pwd:focus{
    color:#fff;
}
.ls-email{
    position: absolute;
    right: 12px;
    text-align: center;
    padding-top: 8px; 
    bottom: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: inherit;
    border: 2px solid #238cf6;
}
.ls-phone{
    position: absolute;
    right: 12px;
    text-align: center;
    padding-top: 5px; 
    bottom: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: inherit;
    border: 2px solid #238cf6;
}

/*icon*/
.bpost-icon{ 
    width: 26px;
    height: 20px;
    background-image: url(/assets/default/icon.png);
    background-size: 582px 439px;
    background-position: -8px -405px;
    background-repeat: no-repeat;
    display: inline-block;
}
.bphone-icon{ 
    width: 18px;
    height: 26px;
    background-image: url(/assets/default/icon-1.png);
    background-size: 621px 491px;
    background-position: -100px -238px;
    background-repeat: no-repeat;
    display: inline-block;
}

/*btn*/
.btn-full{
    margin:40px auto;
    width:196px;
    height:54px;
    font-size: 20px; 
    line-height:2;
    border-radius: 3px;
    text-shadow:none;
    color: #fff !important;
    border:1px solid  #238cf6 !important;
    background-color: #238cf6 !important;
}
.btn-full:focus,
.btn-full:hover{
    box-shadow:none;
    background-color: #207cdf !important;
    border-color: #207cdf !important; 
}

.filing-info{ 
    color: #acb1be;
    font-size: 12px;
    line-height: 25px;
}
.ashore_select{
    position: relative;
    top: 96px; 
}
.select-page{
    padding-bottom: 80px; 
    background:#fff;
}
.select-identity{
    margin:0 -15px;
    height:97px;
    line-height:97px;
    font-size:20px;
    color:#1e2533;
    background-color: #fbfbfb;
    text-align:center;
}
.reg-step span{ 
    margin-right:5px;
    padding:4px 10px;
    font-size:14px;
}
.reg-step span.active{
    border:2px solid #238cf6;
    border-radius:50%;
}
.intro{
    font-size:14px;
    color:#79808e;
}
.btn-sub{
    margin-top: 74px;
    width:160px;
    height:50px;
    background-color: transparent;  
    border: 1px solid #acb1be; 
    border-radius: 4px;
}
.btn-sub:hover,.btn-sub:active,.btn-sub:focus{
    box-shadow: none;
    background-color: #238cf6;
    color: #fff; 
    border-color:#238cf6;
}
#employer_img,#employee_img{
    margin-bottom: 50px;
    height:140px;
}
#employer_img{ 
    background:url('/assets/default/login/pub.png') center no-repeat;
}
#employee_img{
    background:url('/assets/default/login/acp.png') center no-repeat;
}
.login-now {
    padding-top: 22px;
    text-align: center;
} 
.login-new a {
    font-size: 14px;
    color: #238cf6; 
    text-decoration: none;
}   
.lg-fa,.lg-jie{
    cursor: pointer;
}
.lg-fa:hover .btn,.lg-jie:hover .btn{
    background-color: #238cf6;
    color: #fff; 
    border-color:#238cf6;
}
.lg-fa:hover #employer_img{
    background:url('/assets/default/login/pub-hover.png') center no-repeat;
}
.lg-jie:hover #employee_img{
    background:url('/assets/default/login/acp-hover.png') center no-repeat;
}
.reg-step+.line{
    margin-top: 40px;
    margin-bottom: 30px;
}
.kefuimg{
    margin-top: 50px;
    margin-bottom: 20px;
}
.worktime{
    margin-top: 10px;
    margin-bottom: 90px;
    font-size:12px;
    color:#79808e;
}
.worktime+.line{
    margin-top: 0;
    margin-bottom: 28px;
}
.reset-role{
    color:#1e2533;
}
.reset-role:hover{
    color:#238cf6;
}
.chatmei-txt{
    color:#1e2533;
}
.obj_n{
    position:relative;
}
.fs-pwd{
    position:absolute;
    bottom:5px;
    right: 5px;
    width:130px;
    height:36px;
    border-radius:3px;
    background-color: #238cf6;
    color:#fff;
}
.pic {  
    position: absolute;
    right: 38px;
    bottom: 3px;
    width:150px;
    height:40px;
}
.pic i{
    position:absolute;
    right: -26px;
    top: 12px;
    font-size:18px;
    color:#238cf6;
}
.obj_n label{
    font-weight: normal;
    font-size:14px;
    color:#79808e;
}
div.fals{
    background-color:#D95B59;
    height: 26px;
    position:absolute;
    width: 120px;
    border-radius: 3px;
    right: -128px;
    top: 35px;
    color:#fff;
    font-size: 12px;
    padding:3px 0px;
    text-align: center;
}

div.fals:after{
    content:"";
    position: absolute; 
    border:10px solid transparent;
    border-right-color: #D95B59;
    top: 3px;
    left: -20px;
} 
.type-personal,.type-company,
.type-publisher,.type-accepter{
    height:46px;
    line-height:46px;
    border-radius:4px;
    border:1px solid #acb1be;
    cursor: pointer;
} 
.type-personal.active,.type-company.active,
.type-publisher.active,.type-accepter.active{
    color:#238cf6;
    border-color:#238cf6;
    background-color: #d8edf8;
}
.img-personal,.img-company,
.img-publisher,.img-accepter{
    position:absolute;
    top:12px;
    right: 15px;
} 
.skip-step{
    color:#79808e;
}
.skip-step:hover{
    color:#238cf6;
}
.phone-bottom{
    margin-bottom:58px;
}
.log-panel,.bindphone-panel{
    height: 550px;
    padding: 40px 50px 45px 50px;  
    background-color:#fff;  
}
.wx-panel{
    padding-top: 40px;
    height: 550px;
    background-color: rgba(255, 255, 255, 0.6);
    color: #acb1be;
    text-align: center;
}
.wx-log{
    position: relative;
    z-index: 2;
}
.wx-log .line{
    margin: 0;
}
.wx-log p{
    margin-top: 25px;
}
.btn-wxlog{
    padding-right: 2px;
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    color: #0b0;
    background-color: transparent;
    border:1px solid #0b0;
    border-radius: 4px;
}
.wxlogpic{ 
    margin-bottom: -3px;
    margin-right: 5px;
    display: inline-block;
    width: 20px;
    height: 15px;
    background-image: url('/assets/default/login/wxbtn.png'); 
}
.btn-wxlog:hover{
    background-color: #0b0;
    color: #fff;
}
.btn-wxlog:hover .wxlogpic{
    background-image: url('/assets/default/login/wxbtn-w.png');
}
.bgwxlog{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
} 
.complete-info{
    height: 670px;
    padding: 40px 50px 45px 50px;  
    background-color:#fff;
}
.welcomeu{
    padding-top: 40px;
    min-height: 550px;
    background-color: rgba(255, 255, 255, 0.6);
    color: #acb1be;
    text-align: center;
}
.complete-info+.welcomeu{
    height: 670px;
}
.welcomeu .line{
    margin:70px 0 25px;
}
.welcomeu .user-avatar{
    margin-bottom: 100px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
}
.welcomeu .welcome-abox{
    margin-bottom: 40px;
    color: #1e2533;
}
.user-avatar img{
    width: 34px;
    height: 34px;
    border-radius: 50%;
}