.container{ width: 100%; height: auto; margin: 0 auto; position:relative; } .bg_box{ width: 100%; height: 300px; } .mainbox{ margin:0 auto; } .bg_box1{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop1.png") no-repeat center; } .bg_box2{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop2.png") no-repeat center; } .bg_box3{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop3.png") no-repeat center; } .bg_box4{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop4.png") no-repeat center; } .bg_box5{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop5.png") no-repeat center; } .bg_box6{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop6.png") no-repeat center; } .bg_box7{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop7.png") no-repeat center; } .bg_box8{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop7.png") no-repeat center; } .bg_box9{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop7.png") no-repeat center; } .bg_box10{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_now_shop8.png") no-repeat center; } .container_pb{ position: absolute; width: 100%; left: 0; bottom: 0; right: 0; top: 0; } .New_Arrivals_box{ width: 1200px; height: 100%; margin: 0 auto; } .New_Arrivals_box .only_shop{ width: 264px; height: 326px; margin:0 auto; margin-top: 250px; overflow: hidden; } .only_shop .img_box{ width: 224px; height: 200px; overflow: hidden; padding:20px; display: block; } .only_shop .img_box img{ width: 100%; height: 100%; } .only_shop .p1{ height: 28px; padding-top: 2px; font-size: 18px; color: #ff3030; padding:0 20px; } .only_shop .p1 span{ font-size: 12px; } .only_shop .p2{ line-height: 20px; font-size: 14px; color: #333333; padding: 0 20px; } .only_shop:hover .p2{ color: #ff3030; } .New_Arrivals_box .nowshop1{ margin-top: 180px; height: 355px; width: 1200px; } .New_Arrivals_box .nowshop1 ul{ width: 100%; height: 100%; } .New_Arrivals_box .nowshop1 ul li{ width: 224px; height: 311px; margin-right: 20px; float: left; } .New_Arrivals_box .nowshop1 ul li.last{ margin-right:0; } .New_Arrivals_box .nowshop1 ul li img{ width: 100%; height: 100%; } .New_Arrivals_box .nowshop2{ margin-top: 154px; height: 280px; width: 1200px; } .New_Arrivals_box .nowshop2 ul{ width: 1200px; height: 233px; } .New_Arrivals_box .nowshop2 ul li{ float: left; width: 374px; height: 207px; margin-right: 39px; } .New_Arrivals_box .nowshop2 ul li.last{ margin-right: 0; float: right; } .New_Arrivals_box .nowshop3{ width: 1200px; margin-top: 144px; } .New_Arrivals_box .nowshop3 .navtab{ height: 60px; /*position: relative;*/ z-index: 6; padding-bottom: 60px; /*padding:0 16px;*/ margin:0 auto; width: 1168px; } #box{ height: 60px; } #box ul { width: 1168px; position: relative; height: 100%; } #box ul li{ float: left; height: 100%; text-align: center; position: relative; width: 106px; z-index: 99; } #box ul li a{ display: block; width: 100%; line-height: 60px; height: 60px; text-align: center; font-size: 18px; color: #ffffff; } #box i { float: left; width: 100px; text-align: center; } #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_table1.png") no-repeat center; position: absolute; left: 50%; bottom: -34px; margin-left: -64px; width: 147px; height: 112px; z-index: 80; } .New_Arrivals_box .nowshop3 span img{ display: block; margin-left: -16px; } .nowshop3 .shoplist_box ul{ height: 375px; width: 1200px; } .nowshop3 .shoplist_box ul li{ float: left; width: 184px; height: 280px; padding: 22px 20px 20px 20px; background: #ffffff; position: relative; margin-right: 20px; } .nowshop3 .shoplist_box ul li.last{ margin-right: 0; float: right; } .nowshop3 .shoplist_box ul li .imgbox{ width: 184px; height: 184px; overflow: hidden; line-height: 184px; text-align: center; font-size: 0; } .nowshop3 .shoplist_box ul li .imgbox img{ /* width: 100%; */ vertical-align: middle; } .nowshop3 .shoplist_box ul li .p1{ padding-top: 20px; font-size: 16px; color: #ff3030; } .nowshop3 .shoplist_box ul li .p2{ line-height: 18px; height: 36px; font-size: 14px; color: #666666; overflow: hidden; } .nowshop3 .shoplist_box ul li .p2:hover{ color: #ff3030; } .nowshop3 .shoplist_box ul li .btn{ height: 60px; line-height: 44px; text-align: center; font-size: 20px; color: #ffffff; width: 229px; position: absolute; bottom: -36px; left: -2px; display: block; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/channel/pd_btnredbg.png") no-repeat center; }