.BoxCon{
    height: 520px;
}
.Sign-con{
    height: 100%;
}
.img-bg{
    width: 616px;
    height: 100%;
    float: left;
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/member/home/zc_new.png") no-repeat center;
}
.head{
    width: 100%;background-color: #ffffff;height: 118px;
}

.Sign-bg{
    margin: 0 auto;
    width: 1920px;
    height: 480px;
    background: url("/staticbjmfbfcom/static/mfzxcn/css/mfzx-mall/images/Sign-bg.jpg") no-repeat center;
}
.Sign-inBox{
    float: right;background-color: #ffffff;width: 350px;
    margin-top: 65px;border-radius: 2px;

}

.Sign{
    padding: 0 24px;
    margin-bottom: 24px;
}
.Sign-inBox .modeBox{
    width: 100%;
    margin: 30px 0;
}
.Sign-inBox .modeBox span{
    cursor: pointer;
    float: left;
    font-weight: bold;
    font-size: 20px;width: 150px;text-align: center;
}
.Sign-inBox .modeBox .Sel-span{
    color: #ff3030;
}
.Sign-inBox .modeBox span:hover{
    color: #ff6e6e;
}
.Sign-inBox .modeBox s{
    float: left;height: 20px;border-right: 1px solid #DDDDDD;width: 1px ;
    margin-top: 5px;
}
.Sign-inBox .inputBox {
    display: none;
}
.Sign-inBox .inputBox1{
    display: block;
}
.Sign-inBox .inputBox .Input-info span{
    display: block;
    width: 300px;
    margin-bottom: 20px;
    height: 40px;
    border: 1px solid #DDDDDD;
}
.Sign-inBox .inputBox .Input-info span:hover s{
    /*display: block;*/
}

.Sign-inBox .inputBox .Input-info span input{
    float: left;
    width: 250px;
    margin-top: 11px;
    padding-left: 15px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 0 1000px white inset;
    }
.Sign-inBox .inputBox .Input-info span s{
    display: none;
    margin-top: 13px;
    margin-right: 8px;
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/public/yhzx_input-x.png") no-repeat center;
    float: right;
    width: 15px;height: 15px;
}

.Sign-inBox .inputBox .Input-info .number .num{
    float: left;width: 49px;border-right: 1px solid #DDDDDD;height: 100%;text-align: center;line-height: 40px;
}
.Sign-inBox .inputBox .Input-info .number input{
    width:200px ;
}
.Sign-inBox .inputBox .Input-info .Picture-code{
    display: none;
}
.Sign-inBox .inputBox .Input-info .password i{
    float: right;height: 29px;width: 80px;background-color: #999999;color: #ffffff;text-align: center;
    line-height: 29px;
    margin-right: 5px;margin-top: 5px;
    cursor: pointer;
}
.Sign-inBox .inputBox .Input-info .password img{
    float: right;height: 30px;width: 80px;
    margin-right: 5px;margin-top: 5px;
    cursor: pointer;
}
.Sign-inBox .inputBox .Input-info .password .Get-codeBg{
    float: right;height: 29px;width: 80px;color: #ffffff;text-align: center;
    line-height: 29px;
    margin-right: 5px;margin-top: 5px;
    cursor: pointer;
    background-color: #FF3030;
}
.Sign-inBox .inputBox .Input-info .password i:hover{
    background-color: #cccccc;
}
.Sign-inBox .inputBox .Input-info .password .Get-codeBg:hover{
    background-color: #FF3030;
}

.Sign-inBox .inputBox .Input-info .password input{
    width: 180px;
}



.Sign-inBox .inputBox .mode p{
    float: left;
    width: 100%;
}
.Sign-inBox .inputBox .mode p s{
    float: left;
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/public/yhzx_False-img.png") no-repeat center;
    width: 14px;
    height: 15px;
    margin-right: 5px;

}
.Sign-inBox .inputBox .mode p i{
    height: 15px;
    text-align: left;
    line-height: 15px;
    float: left;
    color: #FF3030;
}

.Sign-inBox .inputBox .mode .submit{
    display: block;
    width: 302px;
    height: 42px;
    background-color: #FF3030;
    margin: 15px 0;
}
.Sign-inBox .inputBox .mode .submit:hover{
    background-color: #ff6e6e;
}
.Sign-inBox .inputBox .mode .submit input{
    text-align: center;
    line-height: 42px;
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    height: 42px;
    cursor: pointer;

}

.Sign-inBox .inputBox .mode .remember{
    float: left;
    width: 100%;

    /*margin-bottom: 30px;*/
}
.Sign-inBox .inputBox .mode .remember span{
    float: left;
    text-align: left;line-height: 14px;
}

 .checkbox{
    float: left;
    width: 12px;
    height: 12px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    margin-right: 5px;
    cursor: pointer;
}
.Selected {
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/public/dsgg_checkbox.png") no-repeat center;
    width: 14px;
    height: 14px;
    border: none;
}
.Sign-inBox .inputBox .mode .remember a{
    float: right;
}

.Sign-inBox .inputBox .mode .remember a:hover{
    color: #FF3030;
}


.Sign-inBox .register{
    width: 100%;background-color: #f4f4f4;height: 40px;border-radius: 2px;
}
.Sign-inBox .register:hover{
    background-color: #eeeeee;
}

.Sign-inBox .register a{
    display: block;
    width: 100%;height: 100%;

}

.Sign-inBox .register a span{
    display: block;
    width: 78px;
    margin: 13px auto;

}
.Sign-inBox .register a span s{
    float: left;
    margin-right: 5px;
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/public/yhzx_register-icon.png") no-repeat center;
    width: 17px;height: 16px;
}
.Sign-inBox .register a span  p{
    text-align: left;line-height: 16px;
    float: left;
    font-size: 14px;
}