/*登录页面*/
.xf-footer-announce{
    border-top: 1px solid #ccc;
    padding-top: 7px;
}
.xf-footer-list a{
    color:#999;
}
.xf-login-container{
    padding:100px 0;
    background: url("../images/loginimg/loginImg.png") no-repeat left top;
    background-size: 100% 100%;
}
.xf-corpLogin-container{
    padding:100px 0;
    background: url("../images/loginimg/loginImg.png") no-repeat left top;
    background-size: 100% 100%;
}
.xf-login-box{
    padding:20px 30px;
    width: 310px;
    position: relative;
    background: #fff;
    border-radius:4px;
    box-shadow:0 0 16px 0 #56819f;
}
.xf-login-inputBox{
    height: 46px;

    margin-bottom:20px;
    position: relative;
}
.validateCode{
    width: 70px;
    background: url("../images/loginimg/vilate.png") no-repeat center center;
    margin-left:18px;
}
.change-validate{
    line-height: 46px;
}
.login-btn{
    color:#fff;
    font-size: 18px;
    letter-spacing: 2px;
}
.login-method-tab{
    position: absolute;
    right:10px;
    top:10px;
    width: 48px;
    height: 48px;

}
.xf-login-account .login-method-tab{
    background: url("../images/loginimg/loginWayTab.png") no-repeat left top;
    background-size: 100% 100%;
}
.login-method-tab span{
    position: absolute;
    left:-114px;
    top:8px;
    width: 108px;
    height: 28px;
    line-height: 28px;
    padding-left:10px;
    background: url("../images/loginimg/codeTip.png") no-repeat left center;
    background-size: 100% 100%;
}
.xf-login-code .login-method-tab{
    background: url("../images/loginimg/codelogin.png") no-repeat right top;
    /*background-size: 100% 100%;*/
}
.login-code-content{
	margin-top: -35px;
	padding-left: 5px;
}
.login-code-content img{
    width: 100%;
    height: 100%;
}
.xf-login-code{
    height: 358px;
}
.register-link{
    background: #F9F9F9;
    position: absolute;
    height: 50px;
    left:0;
    bottom:0;
    line-height: 50px;
    padding:0 40px;
    width: calc(100% - 80px);
}
.xf-login-box .active{
    display: block;
}
/*注册页面*/
.xf-register-box{
    padding:45px 0 32px 0;
}
.xf-register-container{
    padding: 36px 100px;
    box-shadow: 0px 0px 14px #999;
    -moz-box-shadow:0 0 14px #999;/*firefox*/
    -webkit-box-shadow:0 0 14px #999;/*webkit*/
    border-radius: 10px;
}
.xf-register-item{
    border: 1px solid #dbdbdb;
    height: 44px;
    width: 348px;
    position: relative;
}
.xf-get-code{
    position: absolute;
    top:-1px;
    height: 46px;
    right:-1px;
    line-height: 46px;
    padding:0 25px;
}
.application-guide-box{
    width: 400px;
}
.application-guide{
    height: 330px;
    padding-top:67px;
    margin-top:100px;
    background: url("../images/loginimg/registerbg.png") no-repeat left top;
}
.application-guide p{
    line-height: 30px;
    padding:0 30px;
}
.xf-agree-input + label::before {
    content: "\a0";  /*不换行空格*/
    display: inline-block;
    color:#fff;
    margin-right:5px;
    vertical-align: .1em;
    width: .8em;
    height: .8em;
    border:1px solid #dbdbdb;
    border-radius: .2em;
    background-color: #fff;
    text-indent: .15em;
    line-height: .65;  /*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/
}
.xf-agree-input:checked + label::before {
    content: "\2713";
    background-color: #0FACF3;
    border: 1px solid #0FACF3;
}
input.xf-agree-input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
/*找回密码*/
.xf-nav-logo2{
    padding-left:302px;
    background: url("../images/logo2.png") no-repeat left center;
}
.xf-nav-logo2 span{
    margin-left:10px;
    padding-left:10px;
    height: 30px;
    line-height: 30px;
    border-left:1px solid #ccc;
}
.xf-foundPwd{
    padding: 40px 0;
    background: #EFEFEF;
}
.minH760{
    min-height: 760px;
}
.xf-fpwdBox{
    width: 1000px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
    box-shadow:  0 0 14px rgba(153,153,153,.2);
}
.xf-fpwd-title{
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 22px;
    border-bottom:1px solid #eee;
}
.xf-fpwd-process{
    width: 512px;
    margin: 0 auto;
    background: url("../images/fpwd1.png") no-repeat center bottom;
    height: 34px;
}
.xf-fpwd-process.xf-setNewpwd{
    background: url("../images/yz2.png") no-repeat center bottom;
}
.xf-fpwd-yz2{
    width: 512px;
    margin: 0 auto;
    padding:20px 0  20px 0;
    background: url("../images/rowLine.png") no-repeat 40px center;
}
.xf-fpwd-process p:first-child{
    width:223px;
}
.xf-yz{
    padding:30px 0 50px 0;
}
.fpwd-yz-form label{
    display: inline-block;
    width: 244px;
    text-align: right;
    color:#555;
}
.fpwd-yz-form input{
    height: 42px;
    border:1px solid #DBDBDB;
    width: 320px;
    padding:0 15px;
    font-size: 14px;
}
/*
.fpwd-yz-form select{
    height: 42px;
    border:1px solid #DBDBDB;
    width: 352px;
    padding:0 15px;
    font-size: 14px;
}*/
.fpwd-yz-form .form-group{
    margin-bottom:20px;
}
.fpwd-yz-form .yz-method{
    margin-left:140px;
    display: none;
}
.fpwd-yz-form .phone-input{
    width:190px;
    margin-right:10px;
}
.get-code-btn{
    display: inline-block;
    height: 44px;
    line-height: 44px;
    color:#fff;
    background: #0facf3;
    text-align: center;
    width:116px !important;
    letter-spacing: 2px;
}
.xf-yz-next{
    padding-top:20px;
    width: 350px;
    margin: 0 auto;
}
.xf-yz-next input[type='button']{
    font-size: 16px;
    border:0;
    letter-spacing: 3px;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #0facf3;
}
.xf-yz-next a{
    font-size: 16px;
    letter-spacing: 3px;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #0facf3;
}
.xf-setNewpwdSucc{
    background: url("../images/yz3.png") no-repeat center bottom;
}
.setPwdSucc-icon{
    text-align: center;
    margin:60px 0;
}
.phone-rz-tip{
    width: 440px;
    padding-top:20px;
    padding-left:83px;
    margin: 0 auto;
    color:#999;
    line-height: 28px;
    font-size: 12px;
}
.yzWayTitle{
    height: 30px;
    line-height: 30px;
    padding:0 15px 0 25px;
    background: #F6F6F6;
    border:1px solid #E6E6E6;
    width:760px;
    margin: 0 auto;
}
.yzWayTitle i{
    width:30px;
    background-image: url("../images/fpwd.png");
    background-repeat: no-repeat;
    background-position: 3px 0;
    cursor: pointer;
}
.yzWayTitle i.active{
    background-position: 3px -53px;
}
.yzWayTitle span{
    padding-left:25px;
    background-image: url("../images/fpwd.png");
    background-repeat: no-repeat;
}
.fpwd-phone{
    background-position: -8px -113px;
}
.fpwd-safeAnswer{
    background-position: -8px -240px;
}
.fpwd-email{
    background-position: -8px -179px;
}
.downItem{
    margin-bottom: 20px;
}
.bgImg{
     position: absolute;
     left: -123px;
     bottom: -100px;
 }
.appCode{
    position: absolute;
    z-index: 10;
    width:66px;
    height: 66px;
    top:150px;
    left:185px;
}
.appCode img{
    width:66px;
    height: 66px;
}
.selectRBox{
    background: #fff;
    border-radius: 8px;
    padding:20px 50px;
}
.selectCorp{
    padding-left: 50px;
}
.xf-selectRegister{
    padding:100px 0 70px 0;
    background: url("../images/loginimg/selectrigister.png") no-repeat;
    background-size: 100% 100%;
}
.selectPerson{
    padding-right: 51px;
    background: url("../images/loginimg/line.png") no-repeat right center;
}
.registerBtn{
    margin:30px auto 20px auto;
    width: 148px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border:1px solid #E3E7ED;
    color:#666;
}
.registerBtn:hover{
    border:1px solid #0facf3;
    color:#0facf3;
}
.xf-login-account .form-control-feedback {
    height: 46px;
    line-height: 46px;
}
.xf-login-account .help-block{
    top: 44px !important;
    left: 10px;
}
.linkAccountBox .help-block{
    top: 44px !important;
    left: 90px;
}
.xf-login-account .form-control{
    border-radius: 0;
    width:100%;
    box-sizing: border-box;
    /*border: 1px solid #DBDBDB;*/
}
.linkAccountBox .form-control{
    border-radius: 0;
}
.xf-input-middle{
    width:50% !important;
}
/*.xf-login-account .has-success .form-control:focus{*/
    /*border-color:#0FACF3;*/
/*}*/
.xf-register-item .form-control-feedback{
    height: 44px;
    line-height: 44px;
    right:-40px;
}
.xf-register-item .help-block{
    left:5px;
    top:42px !important;
    width: 300px;
}
/*关联账号*/
.linkAccountBox{
    width: 760px;
    margin:0 auto;
    background: #fff;
    border-radius: 8px;
    padding:50px 55px 60px 55px;
}
.linkAccountSm{
    box-sizing: border-box;
    width: 100%;
    margin-top:20px;
    padding:15px 25px 20px 25px;
    border: 1px solid #E3E7ED;
    border-radius: 5px;
    min-height: 100px;
    cursor: pointer;
}
.linkAccountSm.active{
    border:1px solid #3E62BA;
}
.linkAccountSm.active .selectedLinkA{
    opacity: 1;
}
.selectedLinkA{
    position: absolute;
    right: 20px;
    opacity: 0;
    top: 50%;
    margin-top: -10px;
}
.nextLinkCountBtn{
    width: 150px;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border:1px solid #E3E7ED;
}
.lockAccount{
    margin-top:20px;
    border-top:1px solid #DBDBDB;
    padding-top:30px;
}
.lockInput{
    margin-bottom:20px;
}
.lockInput label{
    font-size: 16px;
    width: 70px;
    text-align: right;
    height: 46px;
    line-height: 46px;
    margin-right:10px;
    color:#585858;
}
.lockInput input{
    width: 310px;
    box-sizing: border-box;
    padding:0 10px;
    height: 46px;
    line-height: 46px;
    border:1px solid #DBDBDB;
}
.lockInput .linkCode{
width: 168px;
}
.linkCodeNum{
    width: 80px;
    height: 46px;
}
.changeNextCode{
    line-height: 46px;
    cursor: pointer;
}