.bgBox{
    width: 100%;
    margin: 0 auto;
}
.bgBox .img-bg{
    float: left;
    width: 100%;
    height: 300px;

}
.bgBox .bg-img1{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg1.jpg") no-repeat center;
}
.bgBox .bg-img2{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg2.jpg") no-repeat center;
}
.bgBox .bg-img3{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg3.jpg") no-repeat center;
}
.bgBox .bg-img4{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg4.jpg") no-repeat center;
}
.bgBox .bg-img5{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg5.jpg") no-repeat center;
}
.bgBox .bg-img6{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg6.jpg") no-repeat center;
}
.bgBox .bg-img7{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg7.jpg") no-repeat center;
}
.bgBox .bg-img8{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg8.jpg") no-repeat center;
}
.bgBox .bg-img9{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Vice-card-bg9.jpg") no-repeat center;
    height: 480px;
}





.Vice-con{
    position: absolute;
    left: 50%;margin-left: -600px;
    top: 0;


}


.Si-Box{
    height: 637px;
}
.Si-con{
    margin-top: 173px;
    width: 376px;
}
.Si-con .top-bg{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Sign-inBg-top.png") no-repeat center;
    width: 376px;
    height: 40px;
}
.Si-con .bt-bg{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Sign-inBg-bt.png") no-repeat center;
    width: 376px;
    height: 25px;
}

.Si-con .Sign-inBox{
    background-color: #ffffff;
    width: 350px;
    margin: 0 auto;
    margin-right: 11px;


}

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

.Si-con .Sign-inBox .inputBox .Input-info span input{
    float: left;
    width: 250px;
    margin-top: 11px;
    padding-left: 15px;
    font-size: 14px;
}
.Si-con .Sign-inBox .inputBox .Input-info span s{
    display: none;
    margin-top: 13px;
    margin-right: 8px;
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_input-x.png") no-repeat center;
    float: right;
    width: 15px;height: 15px;
}

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

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



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

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

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

}

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

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

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

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


.Si-con .Sign-inBox .register{
    float: left;
    width: 100%;background-color: #f4f4f4;height: 40px;
}
.Si-con .Sign-inBox .register:hover{
    background-color: #eeeeee;
}

.Si-con .Sign-inBox .register a{
    float: left;
    width: 100%;height: 100%;
    text-align: center;line-height: 40px;

}

.Si-con .Sign-inBox .register a span{

    display: block;
    width: 78px;
    margin: 10px auto;


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

.Si-con .yes{
    display: none;

}
.yes-Si{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Sign-in2.png") no-repeat center;
    width: 376px;
    height: 420px;
}
.yes-Si .yes{
    display: block;
}
.yes-Si .top-bg,.yes-Si .bt-bg,.yes-Si .Sign-inBox{
    display: none;
}
.yes-Si input{
    float: right;
    margin-right: 30px;
    margin-top: 22px;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}
.yes-Si input:hover{
    color: #ff3030;
}
.yes-Si .headBox{
    float: left;
    margin-top: 25px;
    width: 100%;
}
.yes-Si .headBox .head-p{
    display: block;margin: 0 auto;

   /*left: 50%;*/
    /*margin-left: -50px;*/
    width: 100px;
    height: 100px;
}
.yes-Si .headBox .head-p img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.yes-Si .headBox .name{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
}

.yes-Si .State-news{
    width: 265px;
    margin-top: 70px;
    margin-left: 60px;
    float: left;
}

.yes-Si .State-news span{
    float: left;
    width: 40px;

}
.yes-Si .State-news span e{
    display: block;
    text-align: center;
}

.yes-Si .State-news span i{
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.yes-Si .State-news s{
    float: left;
    height: 50px;
    margin: 0 35px;
    width: 1px;
    border-left: 1px solid #DDDDDD;
}










.Modular1{
    height: 1035px;width: 100%;
    margin-top: 43px;
}

.Modular1 .Grade{
    width: 100%;
    font-size:40px;
    float: left;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin: 40px 0 20px 0;
}
.Modular1 .vip{
    width: 100%;
}
.Modular1 .vip s{
    float: left;
    width: 108px;
    height: 108px;
    margin: 0 66px;
}
.Modular1 .vip .s1{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_vip-icon1.png") no-repeat center;
}
.Modular1 .vip .s2{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_vip-icon2.png") no-repeat center;
}
.Modular1 .vip .s3{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_vip-icon3.png") no-repeat center;
}
.Modular1 .vip .s4{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_vip-icon4.png") no-repeat center;
}
.Modular1 .vip .s5{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_vip-icon5.png") no-repeat center;
}

.Modular1 .bar{
    float: left;
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Progress-bar.png") no-repeat center;
    width: 100%;
    height: 14px;
    margin: 0 auto;
    margin-top: -21px;
}
.Modular1_box1{
    position: relative;
}
.Modular1_box1 .expect{
    position: absolute;
    right: 354px;
    top: 27px;
    width: 169px;
    height: 127px;
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_expect.png") no-repeat center center;
}
.Modular1 .Fraction span{
    float: left;
    font-size: 20px;
    width: 108px;
    line-height: 35px;
    text-align: center;
    margin: 0 66px;



}
.Modular1 .Fraction span e{
    color: #ff3030;
    font-weight: bold;

}

.Modular1 .Fraction span p{
    color: #333333;
    line-height: 25px;
    font-weight: bold;
    text-align: center;

}

.Modular1 .privilege{
    padding: 0 90px;
}
.Modular1 .privilege span{
    float: left;
    width: 180px;
    margin: 0 80px;
    margin-bottom: 50px;
}

.Modular1 .privilege span s{
    display: block;
    width: 180px;
    height: 146px;
}
.Modular1 .privilege span i{
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    width: 100%;
    text-align: center;
}


.Modular1 .privilege span .s1{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_privilege1.png") no-repeat center;
}
.Modular1 .privilege span .s2{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_privilege2.png") no-repeat center;
}
.Modular1 .privilege span .s3{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_privilege3.png") no-repeat center;
}
.Modular1 .privilege span .s4{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_privilege4.png") no-repeat center;
}
.Modular1 .privilege span .s5{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_privilege5.png") no-repeat center;
}
.Modular1 .privilege span .s6{
    background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_privilege6.png") no-repeat center;
}


.Modular1 .Reg-member{
    float: left;
    width: 100%;
}


.Modular1 .Reg-member a{
    display: block;
    background:url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Reg-member.png") no-repeat center ;
    width: 527px;
    text-align: center;
    line-height: 140px;
    height: 152px;
    margin: 0 auto;

    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
}
.Modular1 .Reg-member a:hover{
    margin-top: -5px;
}





.Modular2{
    height: 555px;
    float: left;
    width: 100%;
    margin-top: 177px;
}

.Modular2 ul{
    width: 100%;
    height: 378px;
}
.Modular2 ul li{
    padding: 20px;background-color: #ffffff;float: left;width: 250px;margin: 6px 5px;overflow: hidden;
}
.Modular2 ul li:hover p{
    color: #ff3030;
}
.Modular2 ul li a{
    display: block;width: 250px;height: 250px;overflow: hidden;
    text-align: center;
    line-height: 250px;
    font-size: 0;
}
.Modular2 ul li a img{
	vertical-align: middle;
}
.Modular2 ul li i{
    float: left;
    color: #ff3030; 
    font-size: 24px;
	margin-bottom: 5px;
    margin-top: 10px;
}

.Modular2 ul li p{
    display: inline-block;
    width: 100%;
    height: 37px;
    line-height: 16px;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
}

.Modular2 .Reg-member{
    float: left;
    width: 100%;
    margin-top: 25px;
}
.Modular2 .Reg-member a{
    display: block;
    background:url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Reg-member.png") no-repeat center ;
    width: 527px;
    text-align: center;
    line-height: 140px;
    height: 152px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
}
.Modular2 .Reg-member a:hover{
    margin-top: -5px;
}
.Modular2 ul li .text-a {
    height: auto;
    line-height: normal;
}

.Modular3{
    float: left;
    width: 100%;
    margin-top: 29px;
    height: 350px;
}

.Modular3 div{
    float: left;
    width: 305px;
    margin: 90px 25px 0 70px;
}

.Modular3 div span{
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
}
.Modular3 li{
    font-size: 14px;
}
.Modular3 li a{
    display: block;
    width: 100%;
    text-align: left;
    line-height: 30px;
    white-space: nowrap;
}
.Modular3 li a:hover{
    color: #ff3030;
}