﻿/*筛选*/
.style-width-content{border:1px solid #eee;padding:0 20px;margin-top:30px;background:#fff;}
.select-top-box{border-bottom:1px dotted #ccc;}
.keycho{position:relative;z-index:7;margin-top:20px;}
.yixz{float:left;font-size: 12px;color:#333;margin-right:19px;display:inline-block;height:24px;line-height:24px;width:60px;text-align:right;}
.key_allbox-width{width:820px;position:relative;}
.keyWord{height:24px; float:left;margin-bottom:20px;white-space:nowrap;margin-right:10px;*padding-bottom:20px;}
.keyWord>a{font-size: 12px;color:#fff;padding:0 10px;height:22px;line-height:22px;background:#d8b056;position:relative;border:none;}
.keyWord a.auto_sx{padding-right:25px;background:#fff;color:#333;border:1px solid #e2e2e2;height:22px;line-height:22px;}
.keyWord a.auto_sx>span{display:inline-block;vertical-align:middle;margin-top:-2px;max-width:210px;overflow:hidden;}
.keyWord_downlist{position:relative;}
.keyWord_downlist:hover .keyW{
border-color:#d8b056;

}
.Zindex4{z-index:8;}
.keyWord_downlist em.downlist_icon{background:url(../images/neiyeList.png) no-repeat -26px -591px;display:inline-block;width:9px;height:7px;margin-left:10px;vertical-align:middle;*margin-top:1px;}
.keyWord_downlist .downlist{position:absolute;width:100%;background:#fff;top:22px;display:none;left:0;z-index:10;border:none;}
.keyWord_industry .downlist{width:155px;}
.keyWord_downlist .downlist a{display:block;height:30px;line-height:30px;cursor:pointer;font-size: 12px;color:#000;padding:0 10px;}
.keyWord_downlist .downlist a:hover{background:#d8b056;color:#fff;}
.column-nav-downlist>a{background:#333;border-color:#333;min-width:97px;}
.style-width-content .paixu{width:1000px;}
/*选中条件*/
.keyWord>i,.delefilter>i{background:url(../images/select_new.png) no-repeat 0 0;}
.keyWord i{background-position:-34px -54px; width:7px;height:7px;cursor: pointer;position:absolute;right:9px;top:8px;}
.keyWord a.auto_sx.cur{border-color:#d8b056;}
.keyWord i.cur{background-position:-34px -63px;z-index:12;}
.delefilter{font-size: 12px;float:left;margin-bottom:15px;color:#333;height:24px;line-height:24px;margin-left:10px;}
.delefilter>i{background-position:-45px -54px;width:12px;height:12px;display:inline-block;vertical-align:middle;margin-right:5px;}
.delefilter:hover{color:#d8b056;}
.delefilter:hover i{background-position:-60px -54px;}



.clear{clear:both;}
.common{margin:10px auto;position:relative;}

.common ul{marign:0 auto;}

/* summary */
.summary{background:#333;}
.listbox{float:left;margin-bottom:10px;margin-right:10px;display:inline;padding:20px;_padding:20px 20px 8px 20px ;background:#f6f6f6;width:280px;height:482px;position:relative;}
.listimg{float:left;width:260px;height:363px;position:relative;overflow:hidden;}

.listimg img{background:#333;width:240px;height:363px;top:0;left:0;position:absolute;}

.summary{width:240px;height:363px;top:400px;left:0;position:absolute;}
.summarytxt{margin:5px 10px;width:230px;height:auto;line-height:22px;font-size:12px;color:#cfcfcf;}

.listinfo{_margin-bottom:3px;padding-left:10px;width:240px;line-height:22px;font-size:12px;}
.listinfo a{font-size:12px;}
.listtitle{float:left;margin-top:8px;_margin-top:-2px;width:240px;font-size:14px;}
.listtitle a{font-size:14px;}
.listtitle a:hover{color:#f55555;}
.listtag{float:left;padding-left:18px;background:url(../images/taglist.gif) 0 5px no-repeat;width:232px;color:#999;}
.listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;}
.listtag a:hover{color:#2ad2bb;}
.listdate{float:left;margin-right:13px;padding-left:18px;background:url(../images/time.gif) 0 5px no-repeat;color:#999;}
.listview{float:left;margin-right:13px;padding-left:24px;background:url(../images/view.gif) 0 5px no-repeat;color:#999;}
.listcomment{float:left;margin-right:13px;padding-left:20px;background:url(../images/comment.gif) 0 5px no-repeat;color:#999;}
.listdemo a{float:left;margin-top:0;margin-top:2px\9;_margin-top:0;color:#999;white-space:nowrap;}
.listdemo a:hover{color:#2ad2bb;}












.style-width-content {
  border: 1px solid #eee;
  padding: 10px 20px;
  margin-top: 0px;
  background: #fff;
}


.select-title {
  height: 31px;
  line-height: 31px;
  color: #333;
  font-size: 12px;
  width: 60px;
  text-align: right;
  margin-right: 19px;
  margin-top: 19px;
}







.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}


.single-pic{
  padding: 0 10px;
}


.dropdown-brand {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #f9f9f9;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown:hover .dropdown-brand {
  display: block;
}


.dropdown-cat {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #f9f9f9;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown:hover .dropdown-cat {
  display: block;
}





.showbox {border: 1px solid #e2e2e2;border-radius:0 0 3px 3px;background:url(../images/white_opcity.png) repeat;cursor:default;}



.showPro, .paixu .showPro {


    padding: 10px 20px;
}

.showPro .allred a{ width: 80px; height: 34px; background: #d20e19; line-height: 34px; border-radius: 6px; margin: 10px 0; color:#fff; text-align: center; padding: 0; display: inline-block;font-size: 14px;}
.showPro .allred a:hover{ background: #d20e19; color:#fff;}
.showPro .brands_ca,.showPro .label_ca{ width:690px;height: 30px; margin: 0;  border-left:1px solid #e7e7e7;position: relative; }
.showPro .brands_ca .items,.showPro .label_ca .items{  color: #333; float: left; height: 28px;width: auto; }
.showPro .brands_ca .items .letter,.showPro .label_ca .items .letter{ font-size: 12px; line-height: 28px; color: #333;padding: 0 6px; float: left; height:28px; width: auto; border:0;border: 1px solid #e7e7e7; border-left:0;font-family:"微软雅黑";}
.showPro .label_ca .items .letter{width: 9px;text-align: center;}
.showPro .label_ca .items .letter[name='OTHER']{width: 40px;}
.showPro .brands_ca .items.on .letter,.showPro .label_ca .items.on .letter{background-color: #d8b056; color: #fff;cursor: pointer; }
.showPro .brands_ca .items.hot_on .letter,.showPro .label_ca .items.hot_on .letter{background-color: #333; color: #fff;cursor: pointer;}
.showPro .brands_ca .brandslist,.showPro .label_ca .labellist{ position: absolute;top:30px; left: 0; padding: 0;display: block; height: auto;}
.showPro .brands_ca .brandslist div.inputBox,.showPro .label_ca .labellist div.inputBox{width: 685px; position: relative; border:1px solid #e7e7e7; height: 35px; margin-top: 10px; }
.showPro .brands_ca .brandslist input,.showPro .label_ca .labellist input{ border:none 0; width: 640px; height: 33px;line-height: 33px;  padding-left: 10px;  color: #949393; }
.showPro .brands_ca .brandslist span,.showPro .label_ca .labellist span{width: 35px;height: 35px; background-position: 0 -23px;cursor: pointer;padding:0;}
.showPro .brands_ca .brand_result,.showPro .label_ca .brand_result{max-height:320px;margin-top: 10px;width:690px;position: relative;overflow: hidden;}
.showPro .brand_result li{width: 25%;float: left; text-align: center;padding: 5px 0;height: 22px;overflow: hidden;margin: 0;border:none;}
.showPro .brand_result li:hover{border:none;}
.showPro .brand_result li a{display: inline;line-height: 21px;margin:0; font-size: 12px;padding-right: 8px;color:#949393;cursor:pointer;}
.showPro .brand_result li a:hover{color: #aa7a21;}
.showPro .brand_pfb{border:none;height: auto;}
.showPro .brand_pfb .brandslist{position: relative;top:0;}













.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container1:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 0px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.9;
    filter: alpha(opacity = 0);
   /* -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;  */
    background-color: #e4e4e4;
    opacity: 1;
    filter: alpha(opacity = 100);
}

.ps-container1:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container1 .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail {
    background-color: #e4e4e4;
    opacity: 1;
    filter: alpha(opacity = 100);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling1 {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #9f9f9f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
   /* -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;*/
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container1 .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #9f9f9f;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
  /*  visibility: hidden;  */
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}





.category_box .allred a{ width: 84px; height: 36px; background: #d20e19; line-height: 36px; border-radius: 3px; margin-bottom: 10px; color:#fff; text-align: center; padding: 0; display: inline-block;font-size: 14px;}
.category_box .category_div{ max-height: 330px;width: 460px;position: relative;overflow:hidden;}
.category_box .category_dl{ padding: 5px 0;}
.region_box .category_dl{border-top:1px dotted #cfcdcc;}
.category_box .category_dl dt {  width: 80px;margin-top:2px;text-align: right;border-right: 1px solid #d7d7d7;float: left; cursor: pointer; padding-right: 10px; }
.trend_box .category_dl dt{cursor:default;}
.category_box .category_dl dt a{font-size: 12px; line-height: 22px; color: #323232; font-weight: bold;}
.category_box .category_dl dt a:hover{color: #aa7a21;}
.trend_box .category_dl dt a{color: #323232;}
.trend_box .category_dl dt a:hover{color: #323232;cursor:default;}
.category_box .category_dl dd{float: left; width:500px; overflow: hidden;  padding: 2px 0;padding-left: 10px;}
.category_box .category_dl dd a{font-size: 12px; line-height: 22px; padding-right:8px; color:#535353; float: left; cursor: pointer;  display: inline-block;white-space:nowrap;}
.category_box .category_dl dd a:hover{color: #aa7a21}
.category_box .category_dl dd a.default_cur{cursor:default;}
.category_box .category_dl dd a.default_cur:hover{color:#535353;}
.category_box .category_dl.border-bottom{border-bottom: 1px dotted #cfcdcc;}

.category_box .category_div{width:632px;}
.category-img>.category_div{width:496px;max-height: 290px;}
.category-img .category_dl dd{width: 378px;border-left: 1px solid #d7d7d7;} 
.category-img .category_dl dt{border: 0 none;}
.region_box{padding: 10px 0;width:720px;}

dl {
    margin-top: 0;
    margin-bottom: 0;
}




.mingc{height:46px;line-height: 46px; background-color:#eaeaea;padding:0 20px;margin-top: 5px;}
.mingc .fl{color: #333; font-size: 14px;}
.mingc .fl span{ font-weight: bold;}
.mingc .fl a{margin:0 3px;color: #333;padding:3px 7px;}
.mingc .fl a.on{color:#fff;background:#d8b056;}
.mingc div.fr{width:225px;line-height:28px;height:28px;border: 1px solid #d1d1d1;background-color: #fff;margin-top:9px;}
.mingc div.fr input{border:none 0;height: 28px;line-height: 28px;width:188px;padding-left: 10px; color: #979797; color: #d1d1d1;}
.mingc div.fr input.button {width: 25px;background-position: 0 -26px;cursor: pointer;padding: 0 10px;}
