body,html{ background: #f4f4f4; min-width: 1200px; } .home_content{ height: auto; width: 1200px; margin: 0 auto; } .home_nav_center{ width: 716px; height: 100%; float: left; margin-left: 10px; } .home_nav_right{ width: 195px; height: 100%; float: right; } .Shopping_style{ width: 268px; height: 49px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_Shopping_style.png") no-repeat center; } .home_head a:hover{ color: #ff3030; } .home_head{ height:49px; width: 100%; line-height: 49px; overflow: hidden; } .home_head a{ float: left; color: #333333; font-size: 14px; padding:0 19px 0 16px; font-weight: 600; } .home_head .pad0{ padding:0 14px 0 0; } .home_head .pad01{ padding-right: 0; float: right; } .home_banner{ height: 360px; width: 716px; margin-top: 1px; } .home_banner .swiper-pagination-bullet{ height: 4px; width: 20px; } .home_right_title{ height:50px; width: 195px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_rights_img1.png") no-repeat left center; } .qiandao{ float: left; margin-left: 10px; height: 50px; line-height: 50px; font-size: 12px; color: #ffffff; padding-left: 20px; cursor: pointer; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_rili.png") no-repeat left center; } .userimg{ margin: 0 auto; padding:8px 0; height: 70px; width: 70px; position: relative; } .userimg .mack{ width: 70px; height: 70px; position: absolute; top: 8px; left: 0px; } .userimg .mack img{ width: 100%; height: 100%; } .userimg img{ width: 100%; height: 100%; } .palcse{ height: 30px; font-size: 12px; text-align: center; color: #333333; } .login{ height: 213px; width: 100%; margin: 0 auto; border-bottom:1px solid #dedede; } .loginto{ display: block; } .loginover{ display: none; } .loginover .Signout{ height: 24px; } .loginover .Signout span{ float: right; line-height: 24px; font-size: 12px; color: #999999; margin-right: 12px; cursor: pointer; } .loginover .Signout span:hover{ color: #ff3030; } .loginover .head_img{ width: 68px; height: 68px; margin: 14px auto 10px ; position: relative; } .loginover .head_img .headimg{ display: block; margin: 0 auto; width: 100%; height: 100%; } .loginover .Order{ width: 188px; height: 42px; } .loginover .Order div{ float: left; width: 62px; height: 100%; } .loginover .Order div span{ display: block; text-align: center; } .loginover .Order div .state{ height: 22px; font-size: 12px; color: #666666; } .loginover .Order div .num{ color: #333333; font-size: 16px; } .loginto .login_item_first{ color: #ff3030; } .loginto .login_item_first:hover{ color: #ff3030; } .bordes{ border-right: 1px #dedede solid; border-left: 1px #dedede solid; } .head_img .mack{ position: absolute; top: -5px; left: -5px; z-index: 2; width: 78px; height: 78px; } .head_img .mack img{ width: 100%; } .loginover .hellouser{ height: 14px; padding-bottom: 27px; font-size: 14px; color: #333333; text-align: center; } .loginto .login_item{ width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; cursor: pointer; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_login_bg.png") no-repeat center top; margin: 0 auto; margin-bottom: 10px; } .loginto .login_item_first a{ color: #ff3030; } .loginto .login_item:hover{ color:#ff3030; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_buttom1red.png") no-repeat center; } .loginto .login_item:hover a{ color: #ff3030; } /*.login_item_right{ float: right; }*/ .fuli{ height: 70px; width: 194px; border-bottom: 1px solid #ededed; } .fuli div{ height: 13px; line-height: 13px; font-size:12px; color: #333; margin: 0 auto; text-align: center; padding-top: 14px; } .fuli div span{ display: inline-block; vertical-align: top; height: 13px; width: 23px; } .Notice{ height: 150px; } .Notice h6{ height: 36px; line-height: 36px; font-weight: 600; padding-top: 2px; text-align: center; font-size: 12px; position: relative; } .Notice h6 a{ position:absolute; right: 0; top: 2px; margin-right: 10px; height: 36px; line-height: 36px; font-size: 12px; font-weight: 400; color: #999999; } .Notice a{ display: block; color: #666666; padding-left: 22px; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .Notice a:hover{ color:#ff3030 } .Notice p { display: block; color: #666666; line-height: 112px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; } .Area{ padding-top: 9px; } .Area_item{ height: 58px; border-top: 1px solid #ededed; } .Area_item a{ display: block; width: 64px; height: 60px; float: left; color: #333333; text-align: center; font-size:11px; } .Area_item a:hover{ color:#ff3030 } .Area_item a span{ display: block; padding-top: 10px; text-align: center; } .Area_item .borders{ border-right: 1px solid #ededed; border-left: 1px solid #ededed; } .home_banner2{ padding-top: 12px; } .home_banner2 a .posuis{ position: absolute; display: block; bottom: 0; right: 10px; } .home_banner2 div{ width: 353px; height: 120px; } .home_banner2 .left{ float: left; } .home_banner2 .right{ float: right; } .home_banner2 a{ display:block; position: relative; width: 100%; height: 100%; overflow: hidden; } .home_banner2 a img{ width: 100%; height: 100%; } .Mail_bag{ height: 180px; position: relative; padding-left: 144px; margin-top: 25px; } .Mail_bag a{ float: left; width: 263px; height: 180px; display: block; position: relative; } .Mail_bag a .Mail_bagitem_text{ position: absolute; top:16px; left: 30px; z-index: 4; } .Mail_bag a .Mail_bagitem_img{ position: absolute; bottom: 0px; right: 0px; } .Mail_bag a .Mail_bagitem_text p{ font-size: 18px; color:#2a2a2a; padding-bottom: 5px; } .Mail_bag a .Mail_bagitem_text span{ font-size: 12px; color: #31ad94; } .Mail_bag a .Mail_bagitem_text span.span_color1{ color: #ff6778; } .Mail_bag a .Mail_bagitem_text span.span_color2{ color: #ff3030; } .Mail_bag a .Mail_bagitem_text span.span_color3{ color: #4352d4; } .Mail_bag a .Mail_bagitem_text span.span_color4{ color: #f4bc41; } /*.Mail_bag a .Mail_bagitem_img{*/ /*position: absolute;*/ /*bottom: 10px;*/ /*right: 10px;*/ /*}*/ .Mail_bag .Mail_bagbg{ position: absolute; top: 0; left: 0; width: 161px; height: 180px; z-index: 4; cursor: default; } .Mail_bag .last{ overflow: hidden; background: #FFFFFF; } .Mail_bag .Bothsides{ border-right: 1px solid #ededed; background: #FFFFFF; overflow: hidden; } .Zone_module{ height: 290px; width: 1200px; margin: 0 auto; margin-top: 20px; background:url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_brand.png") no-repeat left 1px; } .Zone_module h3{ padding-top: 5px; height: 50px; padding-left: 119px; line-height: 55px; font-size: 20px; color: #ffffff; position: relative; } .Zone_module h3 p{ position: absolute; top:0; right: 0; padding-top: 22px; line-height:0; } .Zone_module h3 p a{ float:left; color: #ffc8b0; display:block; padding: 12px 8px; margin-right: 6px; font-size:12px; border: 1px solid #ca8768; } .Zone_module h3 p a:hover{ background: #c17d5e; color: #ffffff; } .Zone_module h3 p .allclass{ color: #ffffff; border: none; } .Zone_module h3 p .allclass:hover{ background: none; /* color:#ca8768; */ text-decoration:underline; } .Zone_module .contents{ width: 100%; height:240px; background: #ffffff; position: relative; overflow: hidden; } .Zone_module .contents .sildes{ height: 239px; width: 1200px; overflow: hidden; } .Zone_module .contents .sildes .bd{ height: 239px; width: 1200px; overflow: hidden; } .Zone_module .contents .sildes .item{ width: 199px; height: 239px; overflow: hidden; border-right:1px solid #ededed; float: left; position:relative; } .Zone_module .contents .sildes .item a{ height: 119px; width: 100%; display: block; overflow: hidden; } .Zone_module .contents .sildes .ite a img{ width: 100%; height: 100%; margin: 0 auto; } .item_borbotom{ border-bottom: 1px solid #ededed; } .Zone_btn{ position: absolute; top:79px; border:1px solid #dddddd; width: 29px; height: 79px; background: #ffffff; display: none; z-index: 10; cursor: pointer; } .Zone_module .contents:hover .Zone_btn{ display: block; } .Cheap:hover .Zone_btn{ display: block; } .Zone_btn:hover{ border: 1px solid #a43e3e; } .Cheap .Zone_btn{ top:117px; } .Zone_left{ left: 0; background:#ffffff url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_right2.png") no-repeat center center; } .Zone_righ{ right: 0; background:#ffffff url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_right1.png") no-repeat center center; } .sildes .Zone_left:hover{ background:#ffffff url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_rightz2.png") no-repeat center center; } .sildes .Zone_righ:hover{ background:#ffffff url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_rightz1.png") no-repeat center center; } .Cheap .Zone_btn:hover{ border: 1px solid #3b7d5a; } .Cheap .Zone_left:hover{ background:#ffffff url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_rightl2.png") no-repeat center center; } .Cheap .Zone_righ:hover{ background:#ffffff url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_rightl1.png") no-repeat center center; } .Cheap{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_Cheap.png") no-repeat left 1px; margin-top: 30px; position: relative; margin-bottom: 30px; } .Cheap h3{ padding-top: 0; line-height: 58px; } .Zone_module .contents .sildes a.shopimg{ display:block; width: 199px; height: 160px; padding-top:20px; border:none; } .Zone_module .contents .sildes a.shopimg img{ display:block; width: 199px; height: 160px; margin: 0 auto; } .Cheap .item a p{ line-height: 20px; height: 20px; color: #666666; padding: 0 12px; } .Cheap .item a:hover p{ color: #ff3030; } .Cheap .item a .Cheap_icon{ position: absolute; top:0; right: 12px; } .Cheap .item .Cheap_icon{ position: absolute; top:0; right: 12px; } .eat_module{ margin-top: 30px; height: 510px; } .module_title{ height: 450px; width: 240px; float: left; } .module_title h3{ padding: 30px 0; text-align: center; } .module_title h3 a{ cursor: default; } .module_title h3 span{ display: inline-block; margin: 0 auto; font-size: 22px; height: 41px; line-height: 41px; color: #ffffff; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; } .module_swiper{ margin-top: 6px; height: 277px; width: 100%; } .module_bottom{ position: absolute; bottom: 0; left: 0; font-size: 16px; color: #ffffff; text-align: center; line-height: 64px; height: 64px; width: 100%; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_opcitybg.png") no-repeat center; } .module_bottom a{ color: #ffffff; } .module_bottom a:hover{ text-decoration:underline } .eat_center{ width: 719px; height: 450px; float: left; background: #ffffff; border-right: 1px solid #ededed; } .eat_center h3{ height: 49px; line-height: 49px; } .eat_center h4 i{ color: #dddddd; } .eat_center h4 a{ display: inline-block; padding: 0 10px; font-size: 12px; color: #999999; height: 48px; line-height: 48px; } .eat_center h4 a:hover{ color: #ff0000; } .eatitem{ float: left; width: 239px; height: 200px; border-top:1px solid #ededed; position: relative; overflow:hidden; } .eatrightbtn{ border-right:1px solid #ededed; border-left:1px solid #ededed; } .shop_name{ position: absolute; left:20px; height: 66px; z-index: 7; } .shop_name p{ font-size: 16px; color: #333; padding-bottom: 5px; padding-top: 15px; /* font-weight:bold; */ } .shop_name span{ font-size: 14px; color: #f63535; } .shop_img{ position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 5; } .eat_right{ width: 240px; height: 450px; float: right; background: #ffffff; } .eat_right h3{ height: 21px; padding-top: 17px; font-size: 16px; text-align: center; font-weight: 600; color: #333333; } .eat_right .eatlist_item{ display: block; padding: 11px 0 11px 20px; height: 60px; } .hot_img{ width: 60px; height: 60px; float: left; vertical-align: top; line-height: 60px; font-size: 0; text-align: center; } .hot_img img{ /* width: 100%; */ /* height: 100%; */ margin: 0 auto; vertical-align: middle; } .hot_text{ width: 131px; float: left; padding-left: 10px; } .hot_text p{ line-height: 18px; height: 36px; color: #666666; padding-bottom: 5px; } .eatlist_item:hover .hot_text p{ color:#ff3030; } /* .eat_right a:hover .hot_text p{ color: #ff0000; } */ .hot_text span{ color: #ff3030; } .eat_bottom{ border: 1px solid #ededed; height: 60px; overflow: hidden; background: #ffffff; } .bgs{ height: 450px; } .eat_bottom a{ width: 118px; height: 100%; float: left; overflow: hidden; } .eat_bottom a img{ width: 100%; height: 100%; } .eat_bottom .borliangce{ width: 119px; border-right: 1px solid #ededed; } .eat_bottom .borliangce.onesstagt{ margin-left: -1px; } .AreaClass{ height: 400px; width: 1200px; margin: 0 auto; margin-top: 20px; } .AreaClass .Area_box{ width: 590px; height: 400px; } .Area_left{ float: left; } .Area_right{ float: right; } .AreaClass .Area_box .Area_guide{ width: 200px; height: 400px; float: left; } .Area_box .Area_guide h3{ padding: 24px 0 29px 0; text-align: center; } .Area_box .Area_guide h3 a{ cursor: default; } .Area_box .Area_guide h3 span{ display: inline-block; font-size: 20px; height: 41px; line-height: 41px; padding: 0 5px; color: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .AreaClass .Area_box .Area_guide_box{ float: right; height: 400px; width: 390px; } .Area_silde{ height: 251px; width: 100%; overflow: hidden; } .Area_bottom{ height: 53px; line-height: 53px; text-align: center; color: #ffffff; font-size: 16px; width: 100%; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_opcitybg.png") no-repeat center; cursor: pointer; } .Area_bottom a{ color: #ffffff; cursor: pointer; } .Area_bottom a:hover{ text-decoration:underline } .Area_guide_box h4{ height: 49px; background: #ffffff; } .Area_guide_box h4 p{ float: right; line-height: 49px; } .Area_guide_box h4 p a{ display: inline-block; color: #999999; padding:0 13px; } .Area_guide_box h4 p a:hover{ color:#ff0000; } .Area_guide_box h4 p i{ color: #dddddd; } .Area_guide_box .Area_guide_item{ width: 194px; height: 174px; float: left; border-top: 1px solid #ededed; position: relative; background: #ffffff; overflow: hidden; } .Area_guide_box .Areaguideitem_right{ border-right: 1px solid #ededed; } .Area_guide_item .Areaguideitem_text{ position: absolute; top: 15px; left: 20px; z-index: 5; } .Area_guide_item .Areaguideitem_text p{ font-size: 16px; color: #333333; padding-bottom: 5px; /* font-weight: bold; */ } .Area_guide_item .Areaguideitem_text span{ color: #4374dc; font-size:14px; } .Area_guide_item .Areaguideitem_img{ position: absolute; bottom: 0; right: 0; } .Area_guide_item .Area_item_img{ border-bottom: 1px solid #ededed; height: 88px; width: 96px; float: left; overflow: hidden; } .Area_guide_item .Area_item_img img{ width: 100%; height: 100%; } .bannerimgs{ padding-top:30px; width: 1200px; height:110px; padding-bottom:10px; } .bannerimgs a{ display: block; width: 100%; height: 100%; overflow: hidden; } .bannerimgs a img{ width: 100%; height: 100%; } .Special_sale{ height: 612px; width: 1200px; margin-top: 30px; margin-bottom: 30px; } .Special_sale_item{ width: 230px; height: 298px; float: left; overflow: hidden; border: 1px solid #FFFFFF; } .Special_sale_item:hover{ border: 1px solid #ff3030; } .Special_sale_item:hover .Special_saleitem_text .p2{ color: #ff3030; } .Special_sale .Special_sale_item{ margin: 0 10px 13px 0; background: #ffffff; } .Special_sale .maright{ margin-right: 0; } .Special_sale .omne{ background: none; border: 1px solid #f4f4f4; } .Special_saleitem_img{ display:block; line-height: 200px; text-align: center; font-size: 0; overflow: hidden; padding:16px 16px 0 16px; /* margin: 0 auto; margin-top: 16px; */ } .Special_saleitem_img img{ vertical-align: middle; } .Special_saleitem_text{ display:block; height:100px; padding: 0 29px; } .Special_saleitem_text .p1{ padding-top: 10px; color: #ff3030; font-size: 14px; height: 21px; font-weight: bold; } .Special_saleitem_text .p1 .sp2{ float: right; border: 1px solid #ff3030; padding: 0 7px; height: 18px; line-height: 18px; font-size: 12px; } .Special_saleitem_text .p1 .sp1{ float: left; height: 18px; line-height: 18px; } .Special_saleitem_text .p2{ height: 43px; line-height: 20px; font-size: 12px; color: #666666; } .Special_sale_price{ height: 370px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_tejias.png") no-repeat left top; } .Special_sale_price .contents{ background: none; height: 310px; } .Special_sale_price .contents .Special_sale_item{ background: #ffffff; margin-right: 10px; margin-top: 10px; } .Special_sale_price .contents .maright{ margin-right: 0; } .home_banner{ position: relative; overflow: hidden; } .home_banner .bd{ width: 100%; height: 100%; } .home_banner .hd{ position: absolute; bottom: 18px; width: 716px; text-align: center; z-index: 5; *width: auto; } .home_banner .pagebtn{ width: 32px; height: 60px; position: absolute; top: -162px; z-index: 88; display: none; } .home_banner:hover .pagebtn{ display: block; } .home_banner .pagebtn img{ width: 100%; display: block; } .home_banner .pagebtn.prev{ left:10px; } .home_banner .pagebtn.next{ right:10px; } .hd ul { display: inline-block; width: auto; margin: 0 auto; text-align: center; } .hd ul li{ display:inline-block; vertical-align: top; *float: left; margin: 0 auto; cursor: pointer; width: 20px; height: 4px; margin-right: 5px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/dsxq_swiperbottom.png") no-repeat center; } .hd ul .on{ background-image: none; background: #ff3030; width: 40px; } .module_swiper .bd{ width: 190px; height: 229px; margin: 0 auto; overflow: hidden; } .module_swiper .bd a img{ width: 100%; height: 100%; } .module_swiper .hd{ color: #FFFFFF; text-align: center; padding-top: 20px; } .module_swiper .hd span{ cursor: pointer; } .Area_silde .bd{ width: 160px; height: 200px; margin: 0 auto; overflow: hidden; } .Area_silde .bd a img{ width: 100%; height: 100%; } .Area_silde .hd{ color: #FFFFFF; text-align: center; padding-top: 20px; } .Area_silde .hd span{ cursor: pointer; } .fixedleft{ display:none; } .fixedleft, .fixedright{ position: fixed; z-index: 999; width: 50px; height: 430px; top: 200px; left: 0px; overflow: hidden; } .fixedleft a{ display: block; width: 26px; padding: 0 11px; height: 35px; padding-top: 3px; color: #808080; border: 1px #dddddd solid; border-bottom: none; text-align: center; background: #FFFFFF; } .fixedleft .lastonsh{ border-bottom: 1px #dddddd solid; } .fixedleft .life1,.fixedleft .outdoor1,/* .fixedleft .Nursing1, */.fixedleft .eat_title1 { padding: 0 !important; width: 48px !important; height: 38px !important; line-height: 38px !important; } .fixedleft a:hover{ color: #FFFFFF; } .fixedleft .eat_title1:hover{ background: #f63534; } .fixedleft .Nursing1:hover{ background: #ee2773; } .fixedleft .Homenbigs1:hover{ background: #86620b; } .fixedleft .outdoor1:hover{ background: #139d3e; } .fixedleft .electric1:hover{ background: #205cc9; } .fixedleft .Mobile_phone1:hover{ background: #292d78; } .fixedleft .Parenting1:hover{ background: #f49696; } .fixedleft .beautiful1:hover{ background: #9168db; } .fixedleft .collocation1:hover{ background: #a58757; } .fixedleft .life1:hover{ background: #0cbf8f; } .fixedleft .road1:hover{ background: #339ae9; } .fixedleft a.now_active{ color: #FFFFFF; } .fixedleft .eat_title1.now_active{ background: #f63534; } .fixedleft .Nursing1.now_active{ background: #ee2773; } .fixedleft .Homenbigs1.now_active{ background: #86620b; } .fixedleft .outdoor1.now_active{ background: #139d3e; } .fixedleft .electric1.now_active{ background: #205cc9; } .fixedleft .Mobile_phone1.now_active{ background: #292d78; } .fixedleft .Parenting1.now_active{ background: #f49696; } .fixedleft .beautiful1.now_active{ background: #9168db; } .fixedleft .collocation1.now_active{ background: #a58757; } .fixedleft .life1.now_active{ background: #0cbf8f; } .fixedleft .road1.now_active{ background: #339ae9; } .fixedright{ height: 350px; background: #FFFFFF; border-bottom: 1px #dddddd solid; } .fixedright a{ display: block; height: 39px; width: 50px; position: relative; overflow: hidden; } .fixedrightimg{ width: 48px; height: 38px; float: left; display: block; line-height: 38px; border: 1px solid #dddddd; border-bottom: none; text-align: center; position: relative; } .fixedrightimg img{ display: block; margin: 0 auto; margin-top: 8px; } .fixedrightimgtop6 img{ margin-top: 6px; } .fixedrightimgtop7 img{ margin-top: 7px; } .fixedrightimgtop9 img{ margin-top: 11px; } .fixedrighttext{ background: #ff0000; color: #FFFFFF; float: right; padding:0 13px; height: 36px; width: 24px; font-size: 12px; text-align: center; padding-top: 4px; position: absolute; top: 0; left: 100%; } .lasrbd .fixedrightimg{ border-bottom: 1px solid #dddddd; } .lasrbd .fixedrighttext{ line-height: 35px; } .oonebgf{ background: #FFFFFF; } .module_swiper .carousel-container, .Area_silde .carousel-container{ height: 226px; margin: 0 auto; padding-top: 35px; } .Area_silde .carousel-container{ padding-top: 20px; } .carousel-container .demo{list-style:none;padding:0;margin: 70px auto;width: 45px;height: 0;} .carousel-container .demo li{height:229px;width:190px;text-align:center;cursor:pointer;line-height: 229px} .carousel-container .demo li.roundabout-in-focus{cursor:pointer;} .carousel-container .demo li a{ display: block;width: 100%;height: 100%; } .carousel-container .demo li a img{ width: 100%;height: 100%; filter:alpha(opacity=95); opacity: 0.95; } .module_swiper .carousel-container .demo .roundabout-in-focus a img, .Area_silde .carousel-container .demo .roundabout-in-focus a img{ opacity: 1; filter:alpha(opacity=100); } .module_swiper .carousel-container .monolith, .Area_silde .carousel-container .monolith{ background-color:#222;color:#fff;text-align:center;width:300px;height:400px;position:absolute;z-index:260;left:135px;border-color:#222;opacity:0.92} .module_swiper .carousel-container p, .Area_silde .carousel-container p{ display: block;width: 100%;margin: 0 auto;text-align: center;font-weight: bold;color: #333333; } .module_swiper .carousel-container .ban_l_btn,#featured-area .ban_r_btn, .Area_silde .carousel-container .ban_l_btn,#featured-area .ban_r_btn{ position: absolute;bottom: 49px;margin-top:-34px; left:80px; display: block; z-index: 9; overflow: hidden; color: #FFFFFF; } .module_swiper .carousel-container .ban_r_btn, .Area_silde .carousel-container .ban_r_btn{ position: absolute; bottom:49px;margin-top:-34px; right: 80px; display: block;z-index: 9; overflow: hidden; color: #FFFFFF; } .module_swiper .carousel-container, .Area_silde .carousel-container{ width: 230px; height: 270px; overflow: hidden; } .AreaClass .carousel-container{ width: 203px; } .AreaClass .carousel-container .demo li{ height: 200px; width: 160px; } .AreaClass .carousel-container .ban_l_btn, .AreaClass .carousel-container .ban_r_btn{ bottom: 66px; } .prevStop, .nextStop{ display: none!important; } .block{display: block!important;} .module_box1{ height: 450px; width: 240px; position: relative; } .module_box1 .img_box{ padding-top: 35px; } .module_box1 .img_box a{ position: absolute; bottom: 141px; left: 0; right: 0; } .module_box1 .img_box a img{ display: block; margin:0 auto; } .module_box1 .downbg{ display: block; width: 178px; height: 77px; margin:0 auto; position: absolute; bottom: 77px; left: 50%; margin-left: -89px; } .module_box1.module_bg1{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/module_bg1.png") no-repeat center; } .module_box1.module_bg1 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/module_down1.png") no-repeat center; } .shop_name span { font-size: 14px; color: #f63535; } .module_box1.module_bg2{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/module_bg2.png") no-repeat center; } .module_box1.module_bg2 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/module_down2.png") no-repeat center; } .life .shop_name span{ color: #eb4a50; } .module_box1.module_bg3{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/module_bg3.png") no-repeat center; } .module_box1.module_bg3 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/module_down3.png") no-repeat center; } .road .shop_name span{ color:#339ae9; } .AreaClass_box1{ width: 200px; height: 400px; position: relative; } .AreaClass_box1 .img_box{ } .AreaClass_box1 .img_box a { position: absolute; bottom: 141px; left: 0; right: 0; } .AreaClass_box1 .img_box a img{ display: block; margin:0 auto; } .AreaClass_box1 .downbg{ display: block; width: 178px; height: 77px; margin:0 auto; position: absolute; bottom: 77px; left: 50%; margin-left: -89px; } .AreaClass_box1.AreaClass_bg1{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_bg1.png") no-repeat center; } .AreaClass_box1.AreaClass_bg1 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_down1.png") no-repeat center; } .Nursing .Areaguideitem_text span{ color: #588509; } .AreaClass_box1.AreaClass_bg2{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_bg2.png") no-repeat center; } .AreaClass_box1.AreaClass_bg2 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_down2.png") no-repeat center; } .Homenbigs .Areaguideitem_text span{ color: #9873c6; } .AreaClass_box1.AreaClass_bg3{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_bg3.png") no-repeat center; } .AreaClass_box1.AreaClass_bg3 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_down3.png") no-repeat center; } .outdoor .Areaguideitem_text span{ color: #e41e14; } .AreaClass_box1.AreaClass_bg4{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_bg4.png") no-repeat center; } .AreaClass_box1.AreaClass_bg4 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_down4.png") no-repeat center; } .electric .Areaguideitem_text span{ color: #daa55a; } .AreaClass_box1.AreaClass_bg5{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_bg5.png") no-repeat center; } .Mobile_phone .Areaguideitem_text span{ color: #47bf9e; } .AreaClass_box1.AreaClass_bg5 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_down5.png") no-repeat center; } .AreaClass_box1.AreaClass_bg6{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_bg6.png") no-repeat center; } .AreaClass_box1.AreaClass_bg6 a{ bottom: 121px; } .AreaClass_box1.AreaClass_bg6 .downbg{ bottom: 60px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_down6.png") no-repeat center; } .Parenting .Areaguideitem_text span{ color: #289cb8; } .AreaClass_box1.AreaClass_bg7{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_bg7.png") no-repeat center; } .AreaClass_box1.AreaClass_bg7 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_down8.png") no-repeat center; } .beautiful .Areaguideitem_text span{ color: #1c6bc4; } .AreaClass_box1.AreaClass_bg8{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_bg8.png") no-repeat center; } .AreaClass_box1.AreaClass_bg8 .downbg{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/index/AreaClass_down8.png") no-repeat center; } .collocation .Areaguideitem_text span{ color: #293eae; }