body,html{ background: #ffffff; min-width: 1200px; } .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 .lio:hover{ background-color: #000000; } .top-strip ul .lio:hover a{ color: #ff3030!important; text-decoration: none; } .top-strip ul li.top00_cart em{ float: left; } .top-strip ul li.top00_cart .icon{ padding-bottom: 38px; padding-left: 20px; 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 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/announcement/dsgg_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/mfzxcn/img/mfzx-mall/front/announcement/dsgg_home-icon.png") no-repeat center ; float: left; } .top-strip ul li a span.sp1{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_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 .fl{ color: #333333; } .top-strip ul .bk:hover .top-jt{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_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; *height: 180px; 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/announcement/dsgg_card.png") no-repeat center; width: 70px; height: 18px; text-align: center; color: #ffffff; cursor: default; 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{ 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: 156px; 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; } html,body{ background: #ffffff; } .logn_head{ width: 100%; height: 117px; margin: 0 auto; border-bottom:2px solid #eeeeee; overflow: hidden; } .logn_head .conterns{ width: 1200px; margin: 0 auto; margin-top: 20px; } .logn_head .conterns img { float: left; width: 198px; } .logn_head .conterns h2{ float: left; padding: 36px 0 0 40px; color: #666666; font-size: 22px; font-weight: 400; } /*进度条*/ .jindu{ width: 420px !important; margin-top: 20px; float: right; } .jindu .tiao{ float: left; /*width: 120px;*/ } .jindu .center{ /*width: 180px;*/ } .jindu .tiao .text{ width: 40px; float: left; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #ffffff; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_no.jpg") no-repeat center; } .jindu .tiao .text .textone{ position: absolute; top: 20px; width: 100px; left: -30px; font-size: 12px; color: #000000; text-align: center; } .jindu .tiao .text .onebraer{ position: absolute; left: 8px; top: 0; width: 24px; height: 24px; } .jindu .tiao .bur{ width: 70px; margin-top: 10px; border-bottom: 3px solid #d3d3d3; } .jindu .tiao .lefttiao{ float: left; } .jindu .tiao .righttiao{ float: left; } .jindu .over .bur{ border-bottom: 3px solid #8bc53f; } .jindu .over .text .onebraer{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_overactive.png") no-repeat center ; } .jindu .now .bur{ border-bottom: 3px solid #3b9d1b; } .jindu .now .text .onebraer{ background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_arbaeg.png") no-repeat center ; } /* .logofoot{ width: 1200px; height: 181px; margin: 0 auto; border-top:2px solid #eeeeee; overflow: hidden; } .logofoot .item1{ height: 20px; line-height: 20px; padding-top: 15px; width: auto; margin: 0 auto; text-align: center; } .logofoot .item1 a{ color: #666666; font-size: 12px; } .logofoot .item1 a:hover{ color:#ff3030; } .logofoot .item1 span{ padding: 0 9px; color: #666666; } .logofoot .item2{ height: 20px; line-height: 20px; text-align: center; } */ .inportant-foot{ /*margin-left:121px;*/ height: 145px; width: 100%; line-height: 145px; text-align: center; font-size: 19px; font-weight: 600; } .foot{ background-color: #272727; border-top: 2px solid #ff3030; } .footer{ margin-bottom: 30px; position: relative; } /*.footer-som{*/ /*width: 80px;*/ /*margin-top: 60px;*/ /*}*/ .footer>div{ height: 175px; width: 300px; } .footer>div>span{ font-size: 14px; font-weight: 900; color: #fff; } .footer .footer-som{ /*position: relative;*/ } .foot .footer-one{ width: 61px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_jlt1.png") 0 -91px no-repeat; left: 6px; top: 58px; } .footer .footer-som span{ display: inline-block; width: 80px; float: left; margin-left: -59px; margin-top: 125px; } .footer .footer-som1 span{ display: inline-block; width: 80px; float: left; margin-left: 15px; margin-top: 125px; } .footer-som1{ position: relative; } .foot .footer-two{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_jlt1.png") -67px -91px no-repeat; left: 75px; top: 58px; } .footer .footer-som2{ position: relative; } .footer .footer-three{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_jlt1.png") -139px -91px no-repeat; left: 134px; top: 58px; } .footer .footer-som2 span{ display: inline-block; width: 80px; float: left; margin-left: 81px; margin-top: 125px; } .footer .footer-som3{ position: relative; } .footer .footer-som3 span{ display: inline-block; width: 105px; float: left; margin-left: 128px; margin-top: 125px; } .footer .footer-free{ width: 64px; height: 65px; position: relative; background: url("/staticbjmfbfcom/static/mfzxcn/img/mfzx-mall/front/announcement/dsgg_jlt1.png") -210px -90px no-repeat; left: 208px; top: 58px; } .footer-content{ height: 240px; } .footer-content>div{ width: 80px; height: 240px; position: relative; } .footer-content>div>ul{ margin-top: 17px; } .footer-content>div>ul>li:not(:first-child){ margin-top: 3px; } .footer-content>div span{ font-size: 17px; color: #ffffff; font-weight: 900; line-height: 20px; position: relative; } .footer-content>div span>i{ height: 2px; width: 40px; background-color: #FF3030; position: absolute; left: 0px; top: 30px; } .footer-content>div i{ position: absolute; } .footer-content>div>ul>li>a{ color: #ddd; } .footer-content>div>ul>li>a:hover{ color: #ff3030; } .footer-content .soms{ margin-left: 123px; } .foot .footer-right{ margin-left: 127px; } .foot .footer-right .somss{ margin-left: 40px; } .foot .footer-right>div>p{ margin-top: 6px; color: #ddd; text-align: center; } .footer-right p{ margin-top: 10px; color: #ddd; } .footer-right .foot-font{ color: #ddd; margin-top: 135px; } .foot .footer-content .footer-right{ width: 380px; } .foot .footer-navs{ height: 53px; /*position: relative;*/ } .foot .footer-navs ul{ height: 100%; /*text-align: center;*/ padding-left: 340px; } .foot .footer-navs>ul li{ color: #919191; float: left; line-height: 53px; margin-left: 5px; } .foot .footer-navs>ul li a{ color: #DDDDDD; } .foot .footer-navs>ul li a:hover{ color: #FF3030; } .yqlj-box{ /*width: 100%;*/ } .yqlj-box .yqlj{ display: block; margin: 0 auto; width: 276px; color: #ffffff; font-size: 14px; /*font-weight: 500;*/ /*color: #ddd;*/ /*position: absolute;*/ } .yqlj-box .yqlj>s{ display: inline-block; width: 90px; height: 1px; margin: 4px 10px; background-color: #ddd; /*position: absolute;*/ /*left: -98px;*/ /*top: 8px;*/ } .foots{ background-color: #202020; } .foots .foot-bottom{ /*background-color: blue;*/ height: 81px; } .foots .foot-bottom a{ color: #ddd; margin: 10px 7px; } .foots .foot-bottom a:hover{ color: #ff3030; } .foots .foot-bottom>div{ text-align: center; padding-top: 20px; } .foots .foot-bottom p{ text-align: center; color: #ddd; margin-top: 5px; } .foots .foot-bottom span{ display: inline-block; height: 12px; width: 1px; border-right: 1px solid #ddd; margin: -1px 5px; }