.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_bg1.jpg") no-repeat center; } .bgBox .bg-img2{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg2.jpg") no-repeat center; } .bgBox .bg-img3{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg3.jpg") no-repeat center; } .bgBox .bg-img4{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg4.jpg") no-repeat center; } .bgBox .bg-img5{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg5.jpg") no-repeat center; } .bgBox .bg-img6{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg6.jpg") no-repeat center; } .bgBox .bg-img7{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg7.jpg") no-repeat center; } .bgBox .bg-img8{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg8.jpg") no-repeat center; } .bgBox .bg-img9{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg9.jpg") no-repeat center; } .bgBox .bg-img10{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_bg10.jpg") no-repeat center; height: 313px; } .card-con{ top:0;left:50%;margin-left: -600px; } .binding{ height: 375px;width: 100%; } .bgBox .sp1{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_binding1.png") no-repeat center; width: 287px;height: 101px; bottom: 80px;right: 53px; color: #ffffff; font-size: 24px; text-align: center; line-height: 100px; cursor: pointer; } .bgBox .sp2{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_binding2.png") no-repeat center; width: 160px;height: 155px; bottom: 58px;right: 28px; } .bgBox .sp3{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_binding3.png") no-repeat center; width: 144px;height: 146px; bottom: -10px;right: -36px; } .bgBox .a-mark{ width: 279px;height: 79px; bottom: 91px;right: 53px; color: #ffffff; font-size: 24px; text-align: center; line-height: 100px; cursor: pointer; } .introduce{ padding-top: 58px; width: 100%;height: 352px;background-color: #ffffff;float: left;margin-top: 115px; } .head-tit1{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_head-tit1.png") no-repeat center; width: 100%;height: 129px; top: -65px;left: 0; } .introduce img{ float: left; margin-left: 15px; margin-top: 6px; } .introduce .introduce-con{ width: 700px;float: left; margin-left: 20px; } .introduce .introduce-con h1{ display: inline-block;text-align: center;color: #ff3030;font-size: 30px;width: 100%;margin-bottom: 10px; } .introduce .introduce-con p{ display: inline-block; font-size: 14px;width: 100%;line-height: 22px;text-align: left; } .introduce .introduce-con span{ display: block;width: 100px; margin: 0 auto; margin-top: 20px; font-size: 24px;color: #333333; } .introduce .On-Card{ width: 100%; } .introduce .On-Card ul{ margin-top: 20px; margin-bottom: 24px; } .introduce .tu-boBox li{ float: left;margin: 0 38px; width: 63px;cursor: pointer; } .introduce .tu-boBox li .tu-bo{ float: left; width: 63px;height: 74px; margin-top: 0; } .introduce .tu-boBox li i{ float: left; width: 63px;height: 74px; } .introduce .tu-boBox li .i1{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_On-Card1.png") no-repeat center; } .introduce .tu-boBox li .i2{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_On-Card2.png") no-repeat center; } .introduce .tu-boBox li .i3{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_On-Card3.png") no-repeat center; } .introduce .tu-boBox li .i4{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_On-Card4.png") no-repeat center; } .introduce .tu-boBox li .i5{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_On-Card5.png") no-repeat center; } .introduce .tu-boBox li p{ float: left; line-height: 16px;color: #333333;font-weight: bold;margin-top: -15px;text-align: center; } .introduce .On-Card .introduce-con-but{ display: block; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_On-Card.png") no-repeat center; width: 348px;height: 71px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff; } .introduce .On-Card .introduce-con-but:hover{ margin-top: -3px; } /*.introduce .On-Card span a{*/ /*display: block;*/ /*width: 100%;*/ /*height: 100%;*/ /*}*/ .Discount{ height: 382px; margin-top: 123px; padding-top: 58px; width: 100%;;background-color: #ffffff;float: left; } .On-Card { height: 259px; } .col-md-4{ float: left; width: 168px; margin: 0 36px; } .col-md-4 .col_box{ height: 207px; } .col-md-4 .img_box{ height: 168px; } .col-md-4 .img_box .jk-span{ float: left; height: 168px; width: 168px; background: url("/staticbjmfbfcom/static/mfzxcn/css/mfzx-mall/front/images/jk-span-bg.png") no-repeat; } .col-md-4 .img_box .jk-span1{ background-position: 0 0; } .col-md-4 .img_box .jk-span2{ background-position: 0 -172px; } .col-md-4 .img_box .jk-span3{ background-position: 0 -344px; } .col-md-4 .img_box .jk-span4{ background-position: 0 -516px; } .col-md-4 .img_box .jk-span5{ background-position: 0 -688px; } .col-md-4 s{ display: block; margin-top: -15px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Discount-d.png") no-repeat center; width: 168px; height: 50px; } .col-md-4 p{ font-weight: bold; font-size: 20px; color: #333333; display: block; text-align: center; } .col-md-4 .pd{ margin-top: 15px; } .head-tit2{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_head-tit2.png") no-repeat center; width: 100%;height: 129px; top: -65px;left: 0; } .Discount .card-Discount{ display: block; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Discount-but.png") no-repeat center; width: 476px;height: 103px; margin: 0 auto; margin-top: 20px; text-align: center; font-size: 24px; line-height: 70px; } .Discount .card-Discount a{ display: block; width: 100%; height: 100%; color: #ffffff; } .Discount .card-Discount a:hover{ margin-top: -3px; } .vipBox{ float: left;margin-top: 126px; } .head-tit3{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_head-tit3.png") no-repeat center; width: 100%;height: 129px; top: -91px;left: 0; } .vipBox ul{ width: 100%; height: 756px; } .vipBox ul li{ padding: 20px;background-color: #ffffff;float: left;width: 250px;margin: 6px 5px;overflow: hidden; } .vipBox ul li:hover p{ color: #ff3030; } .vipBox ul li a{ display: block;width: 250px;height: 250px;overflow: hidden; text-align: center; line-height: 250px; font-size: 0; } .vipBox ul li a img{ vertical-align: middle; } .vipBox ul li i{ float: left; color: #ff3030; font-size: 24px; margin-bottom: 5px; margin-top: 10px; } .vipBox ul li p{ display: inline-block; width: 100%; height: 37px; line-height: 16px; font-size: 14px; text-align: left; overflow: hidden; } .vipBox ul li .text-a { height: auto; line-height: normal; } .Free-News{ float: left; margin-top: 78px; } .News-flash{ width: 700px;height: 290px;background-color: #ffffff;float: left; } .head-tit4{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_head-tit4.png") no-repeat center; width: 100%;height: 93px; top: -45px;left: 0; } .Free-Admission{ float: left;width: 480px;height: 290px;background-color: #ffffff;margin-left: 20px; } .head-tit5{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_head-tit5.png") no-repeat center; width: 100%;height: 93px; top: -45px;left: 0; } .News-flash{ } .News-flash ul{ float: left; width: 100%; margin-top: 60px; } .News-flash li{ cursor: pointer; float: left; width: 280px; margin: 10px 22px; } .News-flash li:hover a{ color: #ff3030; } .News-flash li p{ width: 100%;font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 19px; } .Free-Admission ul{ float: left; width: 420px;height: 190px; margin-left: 30px; margin-top: 60px; } .Free-Admission ul li{ float: left; width: 200px; height: 50px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-bg1.png") no-repeat center; } /* .Free-Admission ul li:hover{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-bg2.png") no-repeat center; width: 220px;height: 68px; z-index: 20; } .Free-Admission ul li:hover i{ margin-left: 20px; } */ .Free-Admission ul .li1{ top: 0;left: 0; } /* .Free-Admission ul .li1:hover{ top: -5px; left: -9px; } */ .Free-Admission ul .li2{ top:0;right: 0; } /* .Free-Admission ul .li2:hover{ top: -5px; right: -11px; } */ .Free-Admission ul .li3{ top: 70px;left: 0; } /* .Free-Admission ul .li3:hover{ top: 65px; left: -9px; } */ .Free-Admission ul .li4{ top:70px;right: 0; } /* .Free-Admission ul .li4:hover{ top: 65px; right: -11px; } */ .Free-Admission ul .li5{ top: 140px;left: 0; } /* .Free-Admission ul .li5:hover{ top: 135px; left: -9px; } */ .Free-Admission ul .li6{ top:140px;right: 0; } /* .Free-Admission ul .li6:hover{ top: 135px; right: -11px; } */ .Free-Admission ul li a{ cursor: default; } .Free-Admission ul li i{ float: left; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-icon1.png") no-repeat center; width: 32px;height: 32px; margin-top: 9px; margin-left: 10px; } .Free-Admission ul .li1 i{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-icon1.png") no-repeat center; } .Free-Admission ul .li2 i{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-icon2.png") no-repeat center; } .Free-Admission ul .li3 i{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-icon3.png") no-repeat center; } .Free-Admission ul .li4 i{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-icon4.png") no-repeat center; } .Free-Admission ul .li5 i{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-icon5.png") no-repeat center; } .Free-Admission ul .li6 i{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Free-icon6.png") no-repeat center; } .Free-Admission ul li p { width: 158px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; float: left; } .botBox{ float: left; margin-top: 45px; } .botBox a{ display: block; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Discount-but.png") no-repeat center; width: 476px;height: 103px;margin: 0 auto; color: #ffffff; text-align: center; font-size: 24px; line-height: 70px; } .botBox a:hover{ margin-top: -3px; } #box { height: 58px;float: left;width: 100% ;margin-top: 40px;} #box ul { position: relative;height: 100%} #box i{ float: left; width: 100px;;text-align: center } #box .Prompt{ width: 45px;height: 25px;background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_Bubble1.png") no-repeat center;top: -3px;left: 70px;line-height: 23px; text-align: center;color: #ff3030;font-weight: bold;cursor: pointer;font-size: 12px; } #box li { float: left; width: 230px; height: 100% ;text-align: center;position: relative; z-index: 100;} #box ul li a {position: relative; color: #ffffff; text-align: center; line-height: 58px; display: block;height: 58px; font-size: 16px;z-index: 100} #bgli { position: absolute;left: 0; width: 70px; height: 9px;bottom: 0;z-index: 80} #bgli span{ display: block;background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_nav-frame.png") no-repeat center; position: absolute;left: 50%; bottom: -30px; margin-left: -50px; width: 230px;height: 97px; } #box ul li .a1{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_nav1.png") no-repeat center ; } #box ul li .a2{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_nav2.png") no-repeat center ; } #box ul li .a3{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_nav3.png") no-repeat center ; } #box ul li .a4{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_nav4.png") no-repeat center ; } #box ul li .a5{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_nav5.png") no-repeat center ; }