@charset "utf-8";
/* CSS Document */
::-webkit-input-placeholder { /* WebKit browsers */
color: #bcbcbc;
font-family:Arial, Helvetica, sans-serif;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #bcbcbc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #bcbcbc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #bcbcbc;
}
body{ background:#f5f5f5;font-family:Arial, Helvetica, sans-serif;width:100%;min-width:1288px; }
.top-list .right-list li i,.header .head-box .select-box i,.content-nav .left-menu dl dd a,.banner-content .banner .number li,.buy-leads dt a,.trending-products .tab-dots a,.link span a,.product-img .prev a,.product-img .next a, .main-search .select-box i{background:url(http://res.goldsupplier.com/img/env2/main/index/icon-group.png) 0 0 no-repeat;}

.header{ width:100%; height:120px; background:#fff;}
.header .head-box{ width:1190px; margin:0 auto;}
.header .head-box a.logo{ float:left; margin:40px 0 0 0;}
.header .head-box a.logo > img { height: 49px; width: auto; }
.header .head-box .search{ float:right; padding:30px 9px 0 0;position:relative; width:800px; height: 42px;}
.header .head-box .search ul{ position:absolute; right:9px;}
.header .head-box .search ul li{ float:left;}
.header .head-box .search ul li.select{ position:relative;}
.header .head-box .select-box{ width:132px; height:40px; display:block; background:#f5f5f5; border:solid 1px #ddd; text-align:left; line-height:40px; padding-left:12px; border-radius:3px 0 0 3px;cursor:pointer;}
.header .head-box .select-box span{ color:#333; font-size:14px; float:left;}
.header .head-box .select-box i{ width:14px; height:7px; display:block; background-position:0 -290px; float:right; margin:16px 10px 0 0;}
.header .head-box .select-box i.current{ background-position:0 -298px;}
.header .head-box .selectMenu{ position:absolute; top:41px; left:0; width:144px; border:solid 1px #ddd; background:#fff; border-radius:0 0 3px 3px; z-index:99;}
.header .head-box .selectMenu a{ display:block; padding-left:12px; height:30px; line-height:30px; color:#747474; font-size:14px;}
.header .head-box .selectMenu a:hover{ color:#333; background:#f5f5f5;}
.header .head-box li .txt{ width:394px; height:40px; border:solid 1px #ddd; margin-left:-1px; padding-left:12px; outline:none; color:#666; line-height:40px\9;}
.header .head-box li a.search-btn{ width:140px; height:42px; display:block; background:#d41313; text-align:center; line-height:42px; color:#fff; font-size:20px; border-radius:0 3px 3px 0; margin-left:-1px;}
.header .head-box li a.search-btn:hover{ background:#c60000;}
.header .head-box p{ margin:52px 0 0 2px; font-size:12px; color:#666; width:599px; height:14px; overflow:hidden; position:absolute; right:102px;}
.header .head-box p label{ margin-right:3px;}
.header .head-box p a{ margin-right:10px; color:#666;}
.header .head-box p a:hover{ color:#333; text-decoration:underline;}

.header .head-box .search .keywords-box{ position:absolute; right:-5px; top:78px; width:100px; background:#fff; border:solid 1px #fff; z-index:2;}
.header .head-box .search .keywords-box.current{ height:auto; border:solid 1px #ddd;}
.header .search span.more{ color:#999; cursor:pointer; font-size:12px; display:block; height:20px; line-height:20px; padding-left:5px;}
.header .search span.more i{ width:8px; height:6px; display:inline-block;background:url(http://res.goldsupplier.com/img/env2/main/classify.png) -192px -59px no-repeat; margin-left:5px;}
.header .search span.more i.current{ background-position:-192px -83px;}
.header .head-box .search .keywords-box ul{ display:none; position:static; right:0;}
.header .head-box .search .keywords-box ul li{line-height:20px;}
.header .head-box .search .keywords-box ul li a{ color:#999; font-size:12px; padding:0 5px; max-height:40px; display:block; width:90px;word-wrap:break-word;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.header .head-box .search .keywords-box ul li a:hover{ background:#f5f5f5; color:#666;}

/*搜索记录 2017.7.17 add by dulixia*/
.header .head-box .searchcache{
    width:406px;
    border: 1px solid #ddd;
    border-top:0;
    background: #fff;
    position: absolute;
    right: 148px;
    top: 72px;
    z-index: 2;

    /*display: none;*/

}
.header .head-box .recent{
    font-size: 14px;
    color:#999;
    margin: 10px;
}
.header .head-box .search ul.searchlog{
    position:relative;
    right:0;
}
.header .head-box .searchlog li{
    height: 30px;
    line-height: 30px;
    width:386px;
    border-top:1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    padding:0 10px;
}
.header .head-box .searchlog li:hover{
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
}
.header .head-box .searchlog li span{
    width:298px;
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor: pointer;
    margin-right: 45px;
}
.header .head-box .searchlog li a{
    position: relative;
    top:-10px;
    color:#666;
    display:none;
}
.header .head-box .clearlog a{
    color:#666;
    font-size: 14px;
    margin:10px 13px 15px 0;
    float: right;
}
/*搜索记录*/

.content{ padding-bottom:30px; overflow:inherit;}
.content-nav{width:1190px; margin:0 auto; }
.content-nav .left-menu{ width:220px; float:left; overflow:inherit; position:relative; }
.content-nav .left-menu dl{ width:220px; border-bottom:solid 1px #ddd;border-radius:0 0 3px 3px; overflow:inherit;}
/*.content-nav .left-menu dl dt{background:url(//res.goldsupplier.com/img/env2/main/index/dl-bg.png) 0 0 no-repeat;}*/
.content-nav .left-menu dl dt{ height:46px;line-height:46px; font-size:16px;background:#d41313 url(http://res.goldsupplier.com/img/env2/main/index/dl-bg.png) 16px 0 no-repeat;color:#fff;padding-left:42px; border-radius:3px; cursor:pointer; }
.content-nav .left-menu dl dt.border{ border-radius:3px 3px 0 0;}
.content-nav .left-menu dl dt h2{font-weight:bold;}
.content-nav .left-menu dl dd{ height:40px; line-height:40px;border-right:solid 1px #dddddd;border-left:solid 1px #dddddd; font-size:14px;background:#fff url(http://res.goldsupplier.com/img/env2/main/index/dl-bg.png) 16px 0 no-repeat; overflow:inherit;}
.content-nav .left-menu dl dd em{ width:8px; height:40px;height:38px; border:solid 1px #ddd; border-left:none; border-right:none; background:#f5f5f5; position:relative; left:209px; top:-41px; z-index:9999; display:none;}
.content-nav .left-menu dl dd.dd1{ background-position:16px -46px;}
.content-nav .left-menu dl dd.dd2{ background-position:16px -86px;}
.content-nav .left-menu dl dd.dd3{ background-position:16px -126px;}
.content-nav .left-menu dl dd.dd4{ background-position:16px -166px;}
.content-nav .left-menu dl dd.dd5{ background-position:16px -206px;}
.content-nav .left-menu dl dd.dd6{ background-position:16px -246px;}
.content-nav .left-menu dl dd.dd7{ background-position:16px -286px;}
.content-nav .left-menu dl dd.dd8{ background-position:16px -326px;}
.content-nav .left-menu dl dd.all{ background-position:16px -367px;}
.content-nav .left-menu dl dd a{ color:#414141; display:block; height:40px; padding-left:42px;  background-position:200px -308px; width:165px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.content-nav .left-menu dl dd.current{background-color:#f5f5f5;padding-left:8px; background-position:24px -46px; height:38px; border:solid 1px #ddd; border-right:none;}
.content-nav .left-menu dl dd.dd8.current{ border-bottom:none; height:39px;}
.content-nav .left-menu dl dd.dd2.current{ background-position:24px -86px;}
.content-nav .left-menu dl dd.dd3.current{ background-position:24px -126px;}
.content-nav .left-menu dl dd.dd4.current{ background-position:24px -166px;}
.content-nav .left-menu dl dd.dd5.current{ background-position:24px -206px;}
.content-nav .left-menu dl dd.dd6.current{ background-position:24px -246px;}
.content-nav .left-menu dl dd.dd7.current{ background-position:24px -286px;}
.content-nav .left-menu dl dd.dd8.current{ background-position:24px -326px;}
.content-nav .left-menu dl dd.current a{ background-image:none;}
.content-nav .left-menu dl dd.all{ height:45px;border-top:solid 1px #ddd;  line-height:44px; font-weight:bold; border-radius:0 0 3px 3px;}
.content-nav .left-menu dl dd.all:hover{ background-color:#fff;}
.content-nav .left-menu dl dd.all.current{background-color:#fff;padding-left:0; background-position:16px -367px; height:45px;border-bottom:none; border-top:solid 1px #ddd; border-right:solid 1px #ddd; }
.content-nav .left-menu dl dd.all a{ background-position:200px -348px;}
.content-nav .left-menu dl dd.all a:hover{ text-decoration:underline;}
.content-nav .left-menu dl dd.all.current a{ background-image:url(http://res.goldsupplier.com/img/env2/main/index/icon-group.png);background-position:200px -348px; background-repeat:no-repeat;}

.hover-box{ position:absolute; left:225px; top:47px;overflow:inherit; padding:0 0 0 30px; height:364px; border:solid 1px #ddd; background:#f5f5f5; z-index:999; border-radius:3px;display:none;}
.hover-box .list-menu{ float:left;  padding-top:8px;}
.hover-box span{ color:#ff6935; font-size:16px; font-weight:bold; display:block;padding-right:10px;}
.hover-box span i{ width:16px; height:16px; display:inline-block;background:url(http://res.goldsupplier.com/img/env2/main/index/dt-bg.png) right center no-repeat; margin:0 0 0 10px; vertical-align:-2px; }
.hover-box ul{ font-size:12px; color:#666; width:206px; float:left;}
.hover-box ul li{ line-height:16px; height:auto;margin-bottom:14px; width:206px;}
.hover-box ul li.title-pro{ color:#333; font-weight:bold;}
.content-nav .left-menu dl dd .hover-box ul li a{ background-image:none; padding:0; line-height:16px; height:auto;width:207px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block;}
.content-nav .left-menu dl dd .hover-box ul li a:hover{ color:#333; text-decoration:underline;}
.hover-box .hot-search{ float:left; width:233px; height:347px; background:#F9F9F9;padding:17px 0 0 20px;}
.hover-box .hot-search span{ font-size:16px; color:#333; font-weight:bold; line-height:18px;}
.content-nav .left-menu .hover-box .hot-search .search-option{ height:294px; overflow:hidden; margin-top:13px;}
.content-nav .left-menu .hover-box .hot-search a{ height:30px; padding:0 15px; border:solid 1px #ddd; background:none; background-color:#fff; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; display:block; float:left; width:auto; line-height:30px; margin:0 10px 10px 0; border-radius:3px;}
.content-nav .left-menu .hover-box .hot-search a:hover{ background:#f5f5f5;}

.slide-box{ position:absolute; left:0; top:46px; width:220px; display:none; z-index:999;}
.content-nav .left-menu .slide-box dd.all,.content-nav .left-menu .slide-box dd.all.current{ border-bottom:solid 1px #ddd;}
.content-nav .left-menu .slide-box .hover-box{ top:0;}

.content-nav .nav-content{ width:964px; margin-left:6px; float:left;}
.content-nav .nav-content .nav{ height:46px; background:#d41313; line-height:46px; border-radius:3px; padding-left:13px; width:951px;}
.content-nav .nav-content .nav li{ float:left; margin:0 22px; display:block;}
.content-nav .nav-content .nav li.li1{ width:45px; margin:0 24px 0 24px;}
.content-nav .nav-content .nav li.li2{ width:140px; margin:0 18px}
.content-nav .nav-content .nav li.li3{ width:147px;margin:0 18px}
.content-nav .nav-content .nav li.li4{ width:145px;margin: 0 16px 0 22px;}
.content-nav .nav-content .nav li.li5{ width:125px;}
.content-nav .nav-content .nav li.li6{ width:100px;}
.content-nav .nav-content .nav li a{ color:#fff;}
.content-nav .nav-content .nav li a.current,.content-nav .nav-content .nav li a:hover{ font-weight:bold;}

.crumb{ width:1190px; height:39px; line-height:39px; margin:0 auto;}
.crumb p{ font-size:12px; color:#999; float:left;}
.crumb p a{ color:#999; margin:0 4px;}
.crumb p a:hover{ color:#666;}
.crumb h1{ color:#666; margin-left:4px; font-size:12px; float:left;}
.crumb span{color:#666; margin-left:4px; font-size:12px;}

.main-content{ width:1190px; margin:0 auto;}

