/*设置浮动之后元素脱离文档流  产生高度塌陷问题*/
.clear::after,
.clear:before{
    content:'';
    display:table;
    clear:both;
}
.clear a span:hover{
    color:red;
}
/*设置外部容器*/
.out_wapper{
    width:100%;
    background-color:#e3e4e5;
    height:30px;
    line-height:30px;
}
/*设置内部容器*/
.inner_wapper{
    width:1190px;
    margin:0px auto;
}
/*设置左边浮动*/
.location{
    float:left;
    position:relative;
}
/*将列表右浮动*/
.list{
    float:right;
}
/*列表下的li向左边浮动*/
.list li{
    float:left;
}
/*清除a的下划线 以及设置字体颜色*/
.inner_wapper a,.inner_wapper i,.list span{
    text-decoration:none;
    color:#a6a6a6;
}
.list .line{
    height:14px;
    border:solid 0.5px #a6a6a6;
    margin:10px 10px;
}
/*设置鼠标移入效果*/
.inner_wapper a:hover{
    color:#f10215;
}
/*设置城市列表*/
.location .city_list{
    width:323px;
    height:465px;
    background-color:white;
    display:none;
    border:solid 1px #cccccc;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    position:absolute;
    top:30px;
    z-index:9999;
}
/*移入的效果绑定到location上 因为location包含这current-list和city-list这两个快*/
.location:hover .city_list{
    display:block;
}
.current-city{
    line-height:28px;
    height:28px;
    padding:0 10px;
    border:solid 1px transparent;
    border-bottom:none;
    margin-top:1px;
    position:relative;
    z-index:9999;
}
.location:hover .current-city{
    background-color:white;
    border:solid 1px #cccccc;
    border-bottom:none;
}
ul li{
    margin-top:1px;
}
/*我的京东下拉框部分*/
.my_jd{
    position:relative;
}
.my_jd .wdjd{
    line-height:29.5px;
    height:29.5px;
    border:solid 1px transparent;
    padding:0px 10px;
    position:relative;
    z-index:9999;  
}
.my_jd .jd_down{
    width:330px;
    height:164px;
    background-color:white;
    display:none;
    border:solid 1px #cccccc;
    border-top:white;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    position:absolute;
    top:30px;
    z-index:999;
}
.my_jd:hover .jd_down{
    display:block;
}
.my_jd:hover .wdjd{
    background-color:white;
    border:solid 1px #cccccc;
    border-bottom:white;
}
.jd_down .jd_down_top{
    width:100%;
    height:100%;
    border-bottom:solid 1px #cccccc;
    padding:8px 10px;
}
.jd_down_top a{
    display:block;
    height:25px;
    line-height:25px;
    width:140px;
    margin-right:5px;
    margin-top:3px;
    float:left;
}
/*企业采购下拉框*/
.business_buy{
    line-height:29.5px;
    height:29.5px;
    border:solid 1px transparent;
    padding:0 10px;
    z-index:9999;
}
.business_wapper:hover .business_buy{
    border:1px solid #cccccc;
    background-color:white;
    border-bottom:white;
}
.business_down{
    width:280px;
    height:130px;
    background-color:white;
    display:none;
    border:solid 1px #cccccc;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    position:absolute;
    top:30px;
    z-index:999;
    border-top:white;
    padding:5px 5px;
}
.business_down a{
    display:block;
    height:25px;
    line-height:25px;
    width:120px;
    margin-right:5px;
    margin-top:3px;
    float:left;
}
.business_wapper:hover .business_down{
    display:block;
}
.custom_wapper{
    position:relative;
}
.custom_service{
    line-height:29.5px;
    height:29.5px;
    border:solid 1px transparent;
    padding:0 10px;
    position:relative;
    z-index:9999;
}
.custom_down{
    width:230px;
    height:90px;
    background-color:white;
    display:none;
    border:solid 1px #cccccc;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    position:absolute;
    top:30px;
    right:0px;
    z-index:999;
    float:right;
    border-top:white;
    padding:8px 8px;
}
.custom_down a{
    display:block;
    height:25px;
    line-height:25px;
    width:100px;
    margin-right:5px;
    margin-top:3px;
    float:left;
}
.custom_wapper:hover .custom_service{
    background-color:white;
    border:solid 1px #cccccc;
    border-bottom:white;
}
.custom_wapper:hover .custom_down{
    display:block;
}
.navgation_wapper{
    position:relative;
}
.navgation{
    height:29.5px;
    line-height:29.5px;
    border:solid 1px transparent;
    padding:0 10px;
    position:relative;
    z-index:9999;
    border-bottom:white;
}
.navgation_wapper:hover .navgation{
    border:solid 1px #cccccc;
    border-bottom:none;
    background-color:white;
}
.navgation_down{
    width:1190px;
    height:180px;
    border:solid 1px #cccccc;
    background-color:white;
    display:none;
    position:absolute;
    right:-105px;
    top:30px;
    border-top:white;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    z-index:9999;
}
.navgation_down a{
    display:block;
    height:25px;
    line-height:25px;
    width:80px;
    margin:10px 10px;
    float:left;
    text-align:center;
    border:solid 1px lightgray;
}
.navgation_wapper:hover .navgation_down{
    display:block;
}
.shopping_cart a:hover{
    color:red;
}
/* 免费注册多余部分用省略号表示 */
.list .free{
    color:#f10215;
    width:70px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    float:right;
    padding:0px 4px;
    text-align:center;
}