@charset "utf-8";
/* CSS Document */
/*共用css*/
body{margin:0;padding:0; font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; color:#666;}
ul,li{ list-style:none; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
*{ margin:0; padding:0;}
a{ text-decoration:none;}
img{ border:0 none; max-width:100%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; line-height:0; font-size:0px;}/*清除浮动*/
.clearfix{*zoom:1}
input,em,i,a{ font-family:"Microsoft Yahei";}
em,i{ font-style:normal;}
.body-f8f8f8{ background:#f8f8f8;}
input,select,textarea{ box-sizing:content-box;-webkit-box-sizing:content-box;}

/*shortcut*/
.shortcut{ width:100%; height:30px; background:#f4f4f4; line-height:30px; position:relative; z-index:8;  font-size:12px!important; border-bottom:1px solid #e5e5e5;}




.w{ width:1200px; margin:0 auto; font-family:"microsoft yahei";}
.fl{ float:left;}
.fr{ float:right;}
.shortcut .spacer{ width:1px; height:14px; background:#424242; margin:13px 0px;}
.shortcut .spacerspace {width:5px; height:14px
}


.shortcut .fl .spacer{ margin:13px 10px;}
.shortcut .fl .city {
    color: #666;
    background: url(../images/localgps.png) no-repeat left 8px;
    padding-left:15px;
   

}
.shortcut .fl .city a{ margin-left:5px; color:#333}
    .shortcut .fl .city a:hover {
        color: #61bb37
    }


.shortcut li { float:left;line-height:30px; height:30px;}
.shortcut li a{ color:#666; font-size:12px; cursor:pointer; font-family:"microsoft yahei";}
    .shortcut li a:hover {
        color: #61bb37;
    }
.style-hover{color:#ff4f39}
.shortcut .dorpdowm .dt{padding:0 10px; height:30px;/* border-left:1px solid #333; border-right:1px solid #333;*/ box-sizing:border-box}
.shortcut .dt div{ float:left;}
.shortcut .dt_ico{ width:9px; height:12px; float:left; margin-top:12px; margin-left:10px;}
.shortcut .dt_ico span{ width:9px; height:12px; display:block; background:url(../images/short_down.png) no-repeat;}
.dorpdowm:hover .dt div a {
    color: #61bb37;
}
.dorpdowm:hover .dt_ico span{ background:url(../images/short_up.png) no-repeat;}
.site-header_main .dt a{ float:left; height:30px; float:left; display:block; margin-right:6px;}
.dorpdowm{ position:relative; z-index:2}
.dorpdowm:hover .dt{ border:0 none; position:relative; height:30px; border-bottom:0 none; z-index:4;border-top:0 none; line-height:22px;
/*border-left:1px solid #bbb; border-right:1px solid #bbb;*/ }
    .dorpdowm:hover .dt a {
        line-height: 30px;
        color: #61bb37
    }
.dorpdown-layer {
    min-height: 50px;
    background: #f4f4f4;
    width: auto;
    position: absolute;
    top: 31px;
    left: 0px;
    border: #e5e5e5 solid 1px;
    border-top: 0 none;
    height: auto;
    width: 150px;
    display: none;
    z-index: 999;
}
li.fore6  div.dorpdown-layer{ min-height:30px; background:#fff; width:auto; position:absolute; top:40px;  border:#ddd solid 1px;border-top:0 none;  height:auto;width:120px; display:none; clear:both;left:auto; right:0px; background:#FFFFFF; }
.dorpdown-layer ul { height:auto;overflow:hidden }
.dorpdown-layer ul li{ height:20px; line-height:20px; display:block;padding-left:12px; margin:4px 0px;}
.dorpdown-layer ul li a{ color:#666; }
    .dorpdown-layer ul li a:hover {
        color: #61bb37;
    }

 .shortcut   .fore1{

     padding-left:8px!important;
     background:url(../images/tag_order.png) no-repeat left 9px
 }


.dorpdowm:hover{ /*background:#fff;*/}
.dorpdowm:hover .dorpdown-layer{ display:block;  }
.fore6:hover  div.dorpdown-layer{ display:block; }
.fore3 div.dorpdown-layer{ width:290px; height:200px;}
.t_weixin{ width:82px; height:80px; padding:8px 3px;}
.fore3 div.dorpdown-layer .title{ padding:0 10px; font-size:16px; color:#262626; line-height:16px; padding-top:20px; padding-bottom:5px;}
.fore3 div.dorpdown-layer .upload-pic{ width:270px; padding:0 10px;}
.fore3 div.dorpdown-layer .upload-pic .pic{ width:115px; float:left; margin:0 10px;}
.fore3 div.dorpdown-layer .upload-pic .pic .dpic{ width:90px; height:90px; padding:10px; margin:0 auto;}
.fore3 div.dorpdown-layer .upload-pic .pic .dpic img{ width:90px; height:90px;}
.fore3 div.dorpdown-layer .btn-inphone{ width:115px; height:28px; display:block; margin:0 auto; background:#333333; text-align:center;}
.fore3 div.dorpdown-layer .btn-inphone span{ font-size:14px; color:#fff; display:inline-block; line-height:28px; vertical-align:top;
background:url(../images/icon_inphone.png) left center no-repeat; padding-left:23px;}
.fore3 div.dorpdown-layer .btn-android{ width:115px; height:28px; display:block; margin:0 auto; background:#1B9902; text-align:center;}
.fore3 div.dorpdown-layer .btn-android span{ font-size:14px; color:#fff; display:inline-block; line-height:28px; vertical-align:top;
background:url(../images/icon_android.png) left center no-repeat; padding-left:23px;}


.w .fx-logo{ width:365px; height:80px; float:left;display:table; line-height:90px; margin-top:11px;}
.w .fx-logo a{text-align:left;vertical-align:middle; line-height:64px; display:table-cell ; float:left; padding-right:20px;}
.w .fx-logo a i { display:inline-block; height:100%; vertical-align:middle } 
.w .fx-logo img{ max-height:100%; max-width:100%; vertical-align:middle; }
.w .fx-search{ float:left; width:auto; padding:25px 0px; padding-bottom:15px; padding-left:0px}
    .w .fx-search .search-div {
        width: 382px;
        background-color: #fff;
        float: left;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        height: 40px;
        line-height:40px;
        border: 1px solid #61bb37;
        border-right: none;
        border-left:none;
        padding-left: 40px;
        background-image: url(../images/tag_searchbg.jpg);
        background-repeat:no-repeat;
        background-position:12px 8px
    }


.w .fx-search .search-div input{ width:100%; height:38px; line-height:38px; outline:none; border:0 none; font-size:12px; color:#666; vertical-align:top;box-sizing:border-box}


    .w .fx-search .btn-search {
        width: 40px;
        height: 40px;
        display: block;
        float: left;
        background: #61bb37; /*url(../images/icon_search.png) center center no-repeat;*/
        color: #fff;
        width: 83px;
        line-height: 40px;
        text-align: center
    }
    .w .fx-search .hotwords {
        color: #535353;
        font-size: 12px;
    }
.w .fx-search .hotwords span{ line-height:35px;}
        .w .fx-search .hotwords a {
            margin-right: 12px;
            cursor: pointer;
            color: #535353;
            font-size: 12px;
        }
            .w .fx-search .hotwords a:hover {
                color: #61bb37;
            }
    .w .fx-search .search-list {
        width: 94px;
        height: 40px;
        float: left;
        background: #61bb37;
        position: relative;
        z-index: 3;
        box-sizing: border-box;
      
    }
.w .fx-search .search-list ul{ position:absolute; left:0px; top:40px; width:100%; background:#fff;}
.w .fx-search .search-list ul li{ text-align:center; line-height:30px; font-size:14px; color:#666; cursor:pointer;}
    .w .fx-search .search-list ul li:hover {
        color: #61bb37
    }
.w .fx-search .search-list a{ font-size:14px; color:#fff; display:block; height:100%; line-height:38px; text-align:center; cursor:pointer; letter-spacing:1px}
.w .fx-search .search-list a span{ background:url(../images/w_row_down.png) right center no-repeat; padding-right:25px;}
.w .shopping_cart{ float:right; margin:25px 0px; width:148px;}
.w .shopping_cart a{ background:#fff; display:inline-block;}
.w .shopping_cart i{ background:url(../images/icon_cart.png) left center no-repeat;
font-size:16px; color:#444; padding-left:46px; line-height:38px; height:38px; display:inline-block; margin:0 8px;}
.w .shopping_cart em{ width:38px; height:38px ; display:inline-block; background:#ff4f39; vertical-align:top; color:#fff; font-size:16px; text-align:center;
line-height:38px;}

#shelper {overflow: hidden;position: absolute;top: 38px;left: 0;width:594px;border: 1px solid #CCC;background: #fff;  color:#888; font-size:15px;}
#shelper  li{ display:block; padding:0 15px; line-height:25px;}
#shelper  li a{ font-size:15px; color:#888;}
#shelper  li:hover{ background:#fca398}
#shelper .num{ float:right;}


/*footer*/
.footer{ width:100%; font-family:"microsoft yahei"; padding-top:42px;background-color:#f8f8f8}
    .footer .service {
        width: 100%;
        background-color: #eaeaea;
        border-bottom: 1px solid #dedede;
        background: url(../images/x_footer_servicebg.jpg) repeat-x left top;
        padding-top: 7px;
    }
    .footer .copyright {
        text-align: center;
        font-size: 12px;
        color: #fff;
        height: 47px;
        background: url(../images/x_footercopybg.jpg) repeat-x;
        line-height: 47px;
    }

    .footer .service .solgen {
        padding: 36px 0px;
        background: #eaeaea;
    }
        .footer .service .solgen .item {
            float: left;
            color: #6e6e6e;
            font-size: 21px;
        }
    .footer .service .solgen .item a {
        color: #6e6e6e;
        font-size: 21px;
    }
.footer .service .solgen .item i{ margin-right:22px;}
.footer .service .solgen .item em{ display:inline-block; vertical-align:top; line-height:52px;}
.footer .service .solgen .item.fore1,.footer .service .solgen .item.fore2,.footer .service .solgen .item.fore3,.footer .service .solgen .item.fore4{ padding-right:100px;}
.footer .service .solgen .item.fore1 i{ background:url(../images/service_intro01.png) center center no-repeat; height:52px; width:51px; display:inline-block;}
.footer .service .solgen .item.fore2 i{ background:url(../images/service_intro02.png) center center no-repeat; height:52px; width:52px; display:inline-block;}
.footer .service .solgen .item.fore3 i{ background:url(../images/service_intro03.png) center center no-repeat; height:52px; width:54px; display:inline-block;}
.footer .service .solgen .item.fore4 i{ background:url(../images/service_intro04.png) center center no-repeat; height:52px; width:56px; display:inline-block;}
.footer .service .solgen .item.fore5 i{ background:url(../images/service_intro05.png) center center no-repeat; height:52px; width:51px; display:inline-block;}
    .footer .service-list {
        width: 100%;
        background: #eaeaea;
        padding-bottom: 8px;
        padding-top: 12px;
    }
.footer .service-list .s-list{ width:1200px; margin:0 auto;}
.footer .service-list .item{ float:left;}
    .footer .service-list .item dt {
        color: #131313;
        font-size: 18px;
        line-height: 42px;
    }
.footer .service-list .item dd{ line-height:30px;}
.footer .service-list .item dd a{ color:#555; font-size:14px;}
    .footer .service-list .item dd a:hover {
        color: #61bb37;
    }
.footer .service-list .item1{ width:200px;}
.footer .service-list .item2{ width:200px;}
.footer .service-list .item3{ width:196px;}
.footer .service-list .item4{ width:176px;}
.footer .service-list .item5{ padding-right:100px;}
.footer .service-list .item5 .text,.footer .service-list .item6 .text{ font-size:12px; color:#989898; text-align:center; line-height:28px;}
.footer .service-list .item6 .pic,.footer .service-list .item5 .pic{ width:124px; height:124px; background:#F1F1F1; padding:20px; margin-top:7px;}

.mt12{ margin-top:12px;}


/*r_toolbar start*/
.r_toolbar{ /*width:100px;*/ height:100%; position:fixed; right:0px; top:0px; z-index:99;}
.r_toolbar .toolbars_box{ width:100%; height:100%; position:relative;}
.r_toolbar .toolbars_box .toolbar_top{ background:url(../images/bg_back_up.png) left center no-repeat;
position:absolute; bottom:50px; width:100px; right:0px}
.r_toolbar .toolbars_box .toolbar_top i{ width:53px; float:left; display:block; height:40px;
background:url(../images/icon_arrow_up.png) center center no-repeat; }
.r_toolbar .toolbars_box .toolbar_top em{ color:#fff; font-size:18px; line-height:40px;
width:38px; display:block; float:left; padding-right:9px; text-align:right;}
.r_toolbar .toolbars_box .toolbar_col { position:absolute; top:180px; right:0px;}
.r_toolbar .toolbars_box .toolbar_col a{ margin-bottom:4px;}
.r_toolbar .toolbars_box .toolbar_col a i{ width:53px; height:40px; display:block; float:left;}
.r_toolbar .toolbars_box .toolbar_col a.a-shopcart{ background:url(../images/bg_shopping_cart.png) left center no-repeat; display:block;}
.r_toolbar .toolbars_box .toolbar_col a.a-shopcart i{ background:url(../images/icon_shopcart.png) center center no-repeat;}
.r_toolbar .toolbars_box .toolbar_col a.a-collect{ background:url(../images/bg_collect.png) left center no-repeat; display:block;}
.r_toolbar .toolbars_box .toolbar_col a.a-collect i{background:url(../images/icon_collect.png) center center no-repeat;}

.r_toolbar .toolbars_box .toolbar_col a.a-footprint{ background:url(../images/bg_footprint.png) left center no-repeat; display:block;}
.r_toolbar .toolbars_box .toolbar_col a.a-footprint i{background:url(../images/icon_footprint.png) center center no-repeat;}

/*r_toolbar end*/