.home_top{ height: 50px; width: 1200px; margin: 0 auto; overflow:hidden; } .home_top .good{ float: left; } .home_top h4{ float:left; width: 716px; height: 50px; padding: 0 10px; } .home_top h4 a{ float: left; font-size: 14px; color: #333333; font-weight: bold; padding:22px 10px 0 10px; } .home_top h4 a:hover{ color: #ff3030; } .home_top .home_top_cart{ float: right; height: 50px; width: 195px; background: #ff3030; position: relative; } .home_top_cart .cart_text{ float: left; width: 144px; line-height: 50px; font-size: 16px; text-align: center; color: #ffffff; } .home_cart{ position: relative; float: right; width: 50px; cursor: pointer; height: 50px; background:#2a2a2a url("/staticbjmfbfcom/static/front/img/shopIndex/home_cart.png")no-repeat center; } .home_cart_number{ display: none; height: 14px; width: 14px; position: absolute; top: 3px; right: 4px; line-height: 14px; text-align: center; font-size: 6px; color: #ffffff; background: url("/staticbjmfbfcom/static/front/img/shopIndex/home_cart_number_bg.png")no-repeat center; } .win100{ width: 100%; background:#ffffff; margin-bottom:1px; } .top-strip{ width: 100%;height: 40px;background-color: #000000;font-size: 12px; } .top-strip ul{ height: 100%;color: #ffffff; } .top-strip ul li{ height: 39px; line-height: 40px; text-align: center; } .top-strip ul li.homeTitle{ /* width: 100px; */ } .top-strip ul .lio:hover{ background-color: #000000; } .top-strip ul .lio:hover a{ color: #ff3030; text-decoration: none; } .top-strip ul li.top00_cart em{ float: left; } .top-strip ul li.top00_cart .icon{ height: 38px; width: 20px; float: left; background: url("/staticbjmfbfcom/static/front/img/shopIndex/top_cart_2.png") no-repeat center; } .top-strip ul li.top00_cart:hover em{ color: #ff3030; } .top-strip ul li.top00_cart:hover .icon{ background: url("/staticbjmfbfcom/static/front/img/shopIndex/top_cart_1.png") no-repeat center; } .top-strip ul li .cour{ cursor: pointer; } .top-strip ul li .num{ color: #ff3030; } .top-strip ul .fr{ border: 1px solid #000000; border-bottom: none; margin-left: 5px; padding: 0 10px; } .top-strip ul .fr .top-jt{ background: url("/staticbjmfbfcom/static/front/img/shopIndex/b-jt1.png") no-repeat center; width: 8px;height: 4px; margin-top: 18px;margin-left: 5px; } .top-strip ul li a{ color: #ffffff; } .top-strip ul li a span{ margin-top: 12px; margin-right: 5px; width: 16px; height: 16px; background: url("/staticbjmfbfcom/static/front/img/shopIndex/dsxq_home-icon.png") no-repeat center ; float: left; } /* .top-strip ul li a span.sp1 { */ /* background: url("/staticbjmfbfcom/static/front/img/shopIndex/dsxq_home-icon2_1.png") no-repeat center; */ /* } */ .top-strip ul li a span.sp1{ /*background: url("/staticbjmfbfcom/static.mfzxcn.com/static/static/mfzxcn/img/mfzx-mall/front/header/dsxq_home-icon2_1.png") no-repeat center ;*/ margin-left:30px; } .top-strip ul .bk:hover{ z-index: 999; border: 1px solid #dddddd; border-bottom: none; background-color: #fff; color: #333333; } .top-strip ul .bk:hover .top-jt{ background: url("/staticbjmfbfcom/static/front/img/shopIndex/b-jt2.png") no-repeat center; } .top-strip ul .bk:hover .dis{ display: block; } .top-strip ul .help{ border: 1px solid #dddddd; border-top:none; right: -1px; overflow: hidden; top: 39px; width: 81px; height: 120px; background-color: #ffffff; display: none; } .top-strip ul .help a:hover{ color: #ff3030; } .top-strip ul .help a{ display: block; float: none; text-align: center; color: #333333; } .top-strip ul .QR-code{ width: 100px;padding: 0; } .top-strip ul .QR-code .help-box{ width: 62px; margin: 0 auto; } .top-strip ul .QR-code .help{ width: 100px;height: 350px;border: 1px solid #dddddd;border-top: none;z-index: 100; } .top-strip ul .QR-code .help img{ width: 100px;height: 100px;float: left; } .top-strip ul .QR-code .help span{ color: #666666; width: 100px; text-align: center; float: left; line-height: 14px; } .top-strip ul .Member{ overflow: hidden; display: none; border: 1px solid #dddddd; width: 248px; height: 160px; top: 39px;left: -1px; border-top: none; background-color: #ffffff; } .top-strip ul .Member .head-portrait{ margin: 15px; width: 60px;height: 60px; } .top-strip ul .Member .head-portrait img{ top:0;left: 0%; width: 100%;height: 100%; position: absolute; } .top-strip ul .Member .card .a1{ background: url("/staticbjmfbfcom/static/front/img/shopIndex/card.png") no-repeat center; width: 70px; height: 18px; text-align: center; color: #ffffff; margin-bottom: 10px; } .top-strip ul .Member .card{ margin-top: 25px; } .top-strip ul .Member .card a{ height: 18px;line-height: 18px;text-align: center; display: block;color: #333333; } .top-strip ul .Member .card a i{ color: #ff3030;border-bottom: 1px solid #ff3030; } .top-strip ul .Member input{ cursor: pointer;font-size: 12px;color: #999999;margin:5px 10px;float: right; } .top-strip ul .Member input:hover{ border-bottom: 1px solid #ff3030; color: #ff3030; } .top-strip ul .Member s{ display: block; width: 210px;border-bottom: 1px solid #dddddd; margin: 0 auto; } .top-strip ul .Member .my{ width: 176px; margin: 0 auto; } .top-strip ul .Member .my a{ float: left;color: #ff3030;height: 18px;line-height: 18px;text-align: center; margin: 5px 20px;border-bottom: 1px solid #ffffff; } .top-strip ul .Member .my a:hover{ border-bottom: 1px solid #ff3030; } .top-strip ul .Member .my a:hover{ } .top-strip ul .Site-map .Site-mapMember{ width: 510px; height: auto; overflow: hidden; display: none; border: 1px solid #dddddd; top: 39px;right: -1px; border-top: none; background-color: #ffffff; z-index: 300; } .top-strip ul .Site-map .Site-mapMember ul{ padding-top: 15px; } .top-strip ul .Site-map .Site-mapMember li{ width: 116px;height: 120px;border-right: 1px solid #dddddd;color: #666666;text-align: left;float: left;padding-left: 10px; } .top-strip ul .Site-map .Site-mapMember .li4{ border-right: none; } .top-strip ul .Site-map .Site-mapMember li .con-Site-map{ } .top-strip ul .Site-map .Site-mapMember li a{ width: 48px; margin-right:10px; float: left;color: #666666; line-height: 20px; } .top-strip ul .Site-map .Site-mapMember li a:hover{ color: #ff3030; } .top-strip ul .Site-map .Site-mapMember li span{ display: block; line-height: 20px;color: #333333;font-weight: bold; } .header-box .nav-box .nav-logo img{ margin:15px 0 ; } .header-box .nav-box li{ height: 125px; float: left; } .header-box .nav-box .fast-nav{ width: 152px; padding-left:34px; } .header-box .nav-box .fast-nav .navselect-box{ width: 118px; height: 28px; position: relative; z-index: 333; margin-top: 36px; line-height: 28px; cursor:pointer; } .header-box .nav-box .fast-nav .navselect-box p{ padding-left: 28px; width: 90px; height:26px; border: 1px solid #dddddd; } .header-box .nav-box .fast-nav .navselect-box .fast-nav-list{ width: 118px; border: 1px solid #dddddd; border-top: none; padding-top: 8px; background: #ffffff; position: absolute; top: 100%; left: 0; color: #666666; } .header-box .nav-box .fast-nav .navselect-box .fast-nav-list{ display: none; } .header-box .nav-box .fast-nav .navselect-box .navtops{ position: absolute; right:10px; top:0; height: 26px; width: 13px; background: url("/staticbjmfbfcom/static/front/img/shopIndex/nav-bottom.png") no-repeat center; } .header-box .nav-box .fast-nav .navselect-box .navavtives{ background: url("/staticbjmfbfcom/static/front/img/shopIndex/nav-top.png") no-repeat center; } .header-box .nav-box .fast-nav .navselect-box .fast-nav-list a{ display: block; height: 28px; line-height: 28px; padding-left:28px; } .header-box .nav-box .fast-nav .navselect-box .fast-nav-list a:hover{ background: #ff3030; color: #ffffff; } .header-box .nav-box .nav-list{ height: 125px; line-height: 125px; text-align: center; } .header-box .nav-box .nav-list a{ font-weight:bold; color: #333; margin-left:12px; font-size: 15px; padding: 5px 2px; } .header-box .nav-box .nav-list a:hover{ color: #FF3030; border-bottom: 2px solid #FF3030; } .header-box .nav-box .nav-list .bg{ color: #FF3030; border-bottom: 2px solid #FF3030; } .header-box .nav-box .nav-search{ width: 614px; } .header-box .nav-box .nav-search .b-box{ margin-top: 30px; } .header-box .nav-box .nav-search .b-box .f1{ float: left; } .header-box .nav-box .nav-search .b-box .text{ width: 510px; height: 24px; font-size: 12px; color: #999999; margin-top: 6px; padding-left: 15px; line-height: 24px; text-align: left; /*border: 1px solid #333333;*/ } .header-box .nav-box .nav-search .b-box .bt{ width: 75px; height: 36px; font-size: 14px; line-height: 36px; color: #ffffff; background-color: #ff3030; margin-top: -1px; text-align: center; float: right; cursor:pointer; margin-right: -1px; } .header-box .nav-box .nav-search .b-box p{ margin: 5px; font-size: 12px; } .header-box .nav-box .nav-search .b-box p a{ margin: 0 5px; color: #666666; } .header-box .nav-box .nav-search .b-box p a:hover{ color: #FF3030; } .header-box .nav-box .nav-search .search{ width: 613px; height: 34px; border: 2px solid #ff3030; z-index: 400; } .header-box .nav-box .nav-search .search .Search-class{ float: left; height: 100%; font-weight: bold; color: #333333; cursor: pointer; } .header-box .nav-box .nav-search .search .Search-class i{ float: left; background: url("/staticbjmfbfcom/static/front/img/shopIndex/b-jt2.png") no-repeat center; height: 100%;width: 8px; } .header-box .nav-box .nav-search .search .Search-class .class-con{ float: left; height: 100%; text-align: center; line-height: 34px; margin: 0 10px; } .header-box .nav-box .nav-search .search .class-c{ cursor: pointer; display: none; width: 52px; height: 32px; border: 1px solid #dddddd; background-color: #ffffff; font-weight: bold; border-top:none; color: #333333; top:35px;left: -1px; z-index: 10; } .header-box .nav-box .nav-search .search .class-c:hover{ border: 1px solid #FF3030; background-color: #FF3030; color: #ffffff; } .header-box .nav-box .nav-search .search .class-c p{ float: left; width: 57px;height: 32px; text-align: center; line-height: 32px; margin: 0; margin-left: -7px; } /*.header-box .nav-box .nav-search .searchBg{ border: 1px solid #ff3030; } */ .header-box .nav-box .Rotate-Icon{ width: 200px; margin-right: 0; float: right; } .header-box .nav-box .Rotate-Icon .Directly-platform { width: 142px; margin:0 auto; } .header-box .nav-box .Rotate-Icon .Directly-platform p{ float: left; font-size: 14px; margin: 0 5px; } .carousel-container img { display: block; width: 50px; height: 69px; margin: 0 auto; margin-top: 15px; } .header-box .nav-box .Rotate-Icon .Directly-platform span{ float: left; margin-top: 9px; width: 38px; height: 1px; border-top: 1px solid #333333; } .carousel-container .demo888{list-style:none;padding:0;margin:15px auto;width:130px;height:35px;margin-top: 28px;} .carousel-container .demo888 li{height:58px;width:50px;text-align:center;cursor:default;line-height: 58px} .carousel-container .demo888 li.roundabout-in-focus{cursor:default;} .carousel-container .demo888 li a{ display: block;width: 100%;height: 100%;cursor:default; } .carousel-container .demo888 li a img{ width: 100%;height: 100%; } .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} .carousel-container p{ /* display: block;width: 100%;margin: 0 auto;text-align: center;font-weight: bold;color: #333333; */ display: block; width: 156px; margin: 0 auto; text-align: center; font-weight: bold; color: #333333; font-size: 14px; margin-top: -8px; } .header-box .Hot-search{ display: none; top: 38px; left: -1px; width: 538px; border: 1px solid #dddddd; z-index: 15; border-top:none; background-color: #ffffff; z-index: 500; } .header-box .Hot-search ul{ width: 100%; } .header-box .Hot-search ul li{ cursor: pointer; padding: 0 5px; width: 520px; height: 25px; text-align: center; line-height: 25px; } .header-box .Hot-search ul li:hover{ background-color: #eeeeee; } .header-box .Hot-search ul li:hover i{ color: #333333; } .header-box .Hot-search ul li i{ font-size: 12px; } .header-box .Hot-search ul li .i1{ float: left;height: 100%;line-height: 25px;color: #666666; } .header-box .Hot-search ul li .i2{ float: right;height: 100%;line-height: 25px;color: #999999; } .header-box .nav-box .fast-nav .navselect-box:hover .fast-nav-list{ display: block; } .fixedleft{ position: fixed; z-index: 999; width: 50px; height: 465px; top: 200px; left: 4px; overflow: hidden; display: none; } .fixedright{ position: fixed; z-index: 999; width: 50px; height: 465px; top: 200px; right: 4px; overflow: hidden; } .fixedleft a{ display: block; width: 26px; padding: 3px 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 .collocation1,.fixedleft .Nursing1,.fixedleft .road1,.fixedleft .beautiful1 { /* 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; } /* 右侧浮动导航 */ .rightfixed0{ position: fixed; top: 0px; right:-150px; bottom: 0px; width: 35px; background: #2a2a2a; z-index: 9966; } .rightfixed0 .Gotop{ position: absolute; width: 35px; height: 35px; bottom: 0; right: 0; background:#000000; background-position: 0 -280px; } .rightfixed0 .Rnavman{ width: 35px; padding-top: 20px; } .rightfixed0 .Rnavman .item{ width: 35px; height: 35px; position: relative; } .rightfixed0 .Rnavman .item a{ position: absolute; top: 0; left: 0; z-index:299; } .rightfixed0 .Rnavman .item .rightimg_box1{ width: 35px; height: 35px; position: absolute; display: block; left: 0; right: 0; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_Rnavbg.png") no-repeat; } .rightfixed0 .Rnavman .item1 .rightimg_box1{ background-position: 0 0; } .rightfixed0 .Rnavman .item2{ width: 140px; height: 150px; margin-left:-105px; position: relative; margin-bottom: 12px; } .rightfixed0 .Rnavman .item2 a{ display: block; width: 54px; background: #ff3030; padding:20px 0; height: 110px; position: absolute; top: 0; left:86px; z-index: 185; } .rightfixed0 .Rnavman .item2 .num{ display: none; position: static; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #ff3030; margin: 0 auto; margin-top: 5px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/yhzx_Number-red1.png") no-repeat center; } .rightfixed0 .Rnavman .item2 .bgns{ position: absolute; left: 86px; bottom: -12px; } .rightfixed0 .Rnavman .item2 .fixedrighttext2{ display: block; width: 16px; margin:0 auto; font-size: 16px; color: #ffffff; line-height: 18px; } .rightfixed0 .Rnavman .item2 #img2{ position: absolute!important; right: 0; top: 20px; z-index: 99; width: 102px } .rightfixed0 .Rnavman .item2 .rightimg_box1{ display: block; height: 35px; width: 35px; margin:0 auto; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_Rnavbg.png") no-repeat; background-position: 0 -350px; } .rightfixed0 .Rnavman .item2 a:hover{ background: #ff0000; } /*.rightfixed0 .Rnavman .item2:hover .rightimg_box1{ background-position: 0 -35px; width: 35px; margin-left: 0px; } .rightfixed0 .Rnavman .item2:hover .num{ }*/ .rightfixed0 .Rnavman .item3 .rightimg_box1{ background-position: 0 -70px; } .rightfixed0 .Rnavman .item4 .rightimg_box1{ background-position: 0 -105px; } .rightfixed0 .Rnavman .item5 .rightimg_box1{ background-position: 0 -140px; } .rightfixed0 .Rnavman .item6 .rightimg_box1{ background-position: 0 -175px; } .rightfixed0 .Rnavman .item7 .rightimg_box1{ background-position: 0 -210px; } .rightfixed0 .Rnavman .item8 .rightimg_box1{ background-position: 0 -245px; } .rightfixed0 .Rnavman .item .fixedrighttext2{ display: block; height: 35px; width: 90px; padding-right: 35px; line-height: 35px; text-align: center; margin-left:-145px; background: #ff3030; color: #ffffff; display: none; opacity: 0; } .Gotop .fixedrighttext2{ height: 35px; width: 90px; padding-right: 35px; line-height: 35px; text-align: center; margin-left: -145px; background: #ff3030; color: #ffffff; display: none; opacity: 0; } .Gotop .rightimg_box1{ width: 35px; height: 35px; position: absolute; display: block; left: 0; right: 0; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_Rnavbg.png") no-repeat; background-position: 0 -280px; } .rightfixed0_box{ margin-top: 0; height: 100%; /* position: relative; */ }