.win100{ width: 100%; background:#ffffff; margin-bottom:-1px; } .top-strip{ width: 100%;height: 40px;background-color: #000000;font-size: 12px; } .top-strip .strip-ul{ background-color: #000000; } .top-strip ul{ height: 100%; color: #ffffff; /* background-color: #000000; */ } .top-strip ul li{ height: 39px; line-height: 40px; text-align: 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/mfzxcn/img/mfzx-mall/front/header/dsxq_b-jt1.png") no-repeat center; width: 8px;height: 4px; margin-top: 18px;margin-left: 5px; } .top-strip ul li a{ float:left; color: #ffffff; } .top-strip ul li a span{ margin-top: 12px; margin-right: 5px; width: 16px; height: 16px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_home-icon.png") no-repeat center ; float: left; } .top-strip ul li a span.sp1{ background: url("/staticbjmfbfcom/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-bottom: none; background: #ffffff; color: #ffffff; } .top-strip ul .bk_red:hover{ z-index: 999; border-bottom: none; background: #000; color: #ffffff; } .top-strip ul .bk_red:hover a{ color: #ff3030!important; text-decoration: none; } .top-strip ul li.top00_cart em{ float: left; } .top-strip ul li.top00_cart .icon{ height: 38px; width: 20px; padding:0; float: left; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/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/mfzxcn/img/mfzx-mall/front/header/top_cart_1.png") no-repeat center; } .top-strip ul .bk:hover .fl{ color: #333333; } .top-strip ul .bk:hover .top-jt{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_b-jt2.png") no-repeat center; } .top-strip ul .bk:hover .dis{ display: block; } .top-strip ul .bk:hover .co33{ color:#333333; } .header .top-strip ul .bk.Settimeout{ z-index: 999; border: 1px solid #dddddd; border-bottom: none; background-color: #fff; color: #333333; } .header .top-strip ul .bk.Settimeout .top-jt{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_b-jt2.png") no-repeat center; } .header .top-strip ul .bk.Settimeout .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/mfzxcn/img/mfzx-mall/front/header/dsxq_card.png") no-repeat center; width: 70px; height: 18px; line-height: 18px; text-align: center; color: #ffffff; margin-bottom: 10px; cursor: default; } .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; float: none; } .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;display: block; } .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: 5px auto; height: 1px; } .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: 125px; 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: 100px;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: 6px 0; width: 198px; } .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/mfzxcn/img/mfzx-mall/front/header/dsxq_nav-bottom.png") no-repeat center; } .header-box .nav-box .fast-nav .navselect-box .navavtives{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_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 .fast-nav .navselect-box:hover .fast-nav-list{ display: block; } .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/mfzxcn/img/mfzx-mall/front/header/dsxq_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; } .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 img{ display: block; width: 50px; height: 69px; margin: 0 auto; margin-top: 15px; } .carousel-container p{ display: block; width: 156px; text-align:center; margin: 0 auto; font-weight: bold; color: #333333; font-size: 14px; margin-top: -8px; } /* .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:pointer;line-height: 58px} .carousel-container .demo888 li.roundabout-in-focus{cursor:pointer;} .carousel-container .demo888 li a{ display: block;width: 100%;height: 100%; } .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; }*/ .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; } .home_top{ height: 50px; width: 1200px; margin: 0 auto; overflow:hidden; } .home_top .good{ float: left; width: 268px; height: 50px; background: #ff3030; } .home_top .good .itemimg{ width: 89px; height: 47px; float: left; } .home_top .good .itemimg .imgbox{ height: 25px; width: 18px; margin: 0 auto; margin-top: 2px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/sanicon.png") no-repeat; } .home_top .good .itemimg .imgbox1{ background-position: 0 0px; } .home_top .good .itemimg .imgbox2{ background-position: 0 -30px; } .home_top .good .itemimg .imgbox3{ background-position: 0 -60px; } .home_top .good .itemimg .textbox{ text-align: center; font-size: 12px; color: #ffffff; } .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_nav{ height: 493px; width: 1200px; overflow: hidden; } .home_nav_left{ width: 268px; height: 493px; float: left; z-index: 66; } .home_cart{ position: relative; float: right; width: 50px; cursor: pointer; height: 50px; background:url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_home_cart.png") no-repeat center #2a2a2a; } .home_cart_number{ height: 14px; width: 14px; position: absolute; top: 3px; right: 4px; line-height: 14px; text-align: center; font-size: 12px; color: #ffffff; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_home_cart_number_bg.png") no-repeat center; display: none; } .second_level{ height: 50px; margin-top: 1px; } .second_list{ float: left; padding: 0 20px; height: 35px; line-height: 35px; font-size: 12px; color: #424242; cursor: pointer; } .second_list:hover{ color: #ff3030; } .second_all{ float: left; width: 268px; text-align: center; height: 50px; line-height:50px; font-size: 12px; color: #ffffff; cursor: pointer; background: #ff3030; position: relative; z-index: 120; } .topnav2{ position: absolute; width: 1200px; height: 350px; top: 100%; left: 0; display: none; } .second_all:hover .topnav2{ display: block; } .topnav2 .tnav_1{ width: 268px; height: 350px; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_bg_2.1.png") repeat center; position: relative; } .topnav2 .tnav_1 .tnav_2{ margin-left:2px; } .topnav2 .tnav_1 .tnav_2 p{ height: 35px; line-height: 35px; padding:0 20px; font-size: 12px; overflow: hidden; text-align: left; } .topnav2 .tnav_1 .tnav_2:hover{ margin-left: 0; border-left:2px solid #ff3030; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/header/dsxq_bg_2.2.png") repeat; } .topnav2 .tnav_1 .tnav_2 .tnav_3{ position: absolute; left: 100%; top: 2px; width: 930px; height: 346px; background: #ffffff; border: 1px solid #dddddd; display: none; } .topnav2 .tnav_1 .tnav_2:hover .tnav_3{ display: block; text-align: center; font-size: 30px; color: red; } .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; */ } /* 分类菜单 */ .header-nav .menu{ width:268px; float:left;height: auto; /* position:absolute; */} .header-nav .menu:hover .subpage{ display: block; } .header-nav .menu h2{cursor:pointer; height:50px; line-height:50px; width:100%; color:#fff; background-color:#ff3030;text-align: center; font-size:16px;} .header-nav .menu h2 i{ font-size:20px; float:left; margin-right:10px;line-height:50px; color:#fff; margin-left:20px;} .subpage{ width:268px; position:absolute;z-index: 9999;margin-top:0px;display:none;} .list_details{ position: absolute; top: 0; left:268px; left:266px\9; background: #ffffff; height: 490px; width: 931.5px; width: 933.5px\9; z-index: 19; overflow: hidden; border-top: 1px solid #ff3030; border-bottom: 1px solid #ff3030; border-right: 1px solid #ff3030; display: none; } .list_details_left{ float: left; padding-right: 30px; padding-left: 35px; width: 621px; height: 492px; } .list_details_right{ float: right; width: 240px; height: 492px; border-left: 1px solid #f4f4f4; } .list_details_right a{ width: 120px; height: 80px; float: left; overflow: hidden; } .list_details_right a img{ width: 100%; height: 100%; } .list_details_title{ margin: 19px 0 12px 0; height: 26px; overflow: hidden; } .list_details_title a{ float: left; padding: 0 18px; height: 24px; line-height: 24px; border: 1px solid #f4f4f4; font-size: 12px; color:#666666; font-size: 12px; width: auto; margin-right: 10px; margin-bottom: 2px; } .list_details_left p{ height: 39px; line-height: 39px; color: #666666; overflow: hidden; border-bottom: 1px solid #f4f4f4; } .list_details_left p a{ display: inline-block; padding:0 10px; color: #666666; font-size:14px; width: auto; } .list_details_left p .firstchild{ font-weight: bold; } .Shopping_class ul li:hover{ background: #ffffff; color: #333333; } .Shopping_class ul li:hover a{ color: #333333; } .Shopping_class ul li .list_details_left p a:hover{ color: #ff3030; } .Shopping_class ul li .list_details_left p .firstchild:hover{ color: #666666; } .list_details_title a:hover{ color:#ff3030!important; border:1px solid #ff3030; } .Shopping_class ul li:hover .list_details{ display: block; } .Shopping_class{ width: 268px; height: 492px; background: #2a2a2a; margin-top: 1px; position: relative; z-index: 66; padding-top: 1px; } .Shopping_class ul{ padding-top: 15px; } .Shopping_class ul li{ padding: 0 0 0 2px; color: #ffffff; font-size: 16px; height: 42px; line-height:42px; z-index: 66; } .Shopping_class ul .first-childs{ /*padding-top: 10px;*/ } .Shopping_class ul li .Division{ display: inline-block; vertical-align: top; padding: 0 4px; } .Shopping_class span{ display: inline-block; vertical-align: top; width: 46px; height: 42px; background-repeat:no-repeat; background-position: center; } .Shopping_class a{ display: inline-block; vertical-align: top; color: #ffffff; font-size: 16px; } /* 登录后,退出样式 */ .top-strip ul li .Member-box>a { cursor: pointer; font-size: 12px; color: #999999; margin: 5px 10px; float: right; } .top-strip ul li .Member-box>a:hover { color: #ff3030; }