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%;
}