.ff-area-scroll{
  clear: both;
  width: 1176px;
  /*padding: 0 16px 0 8px;*/
  position: relative;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
}

.ff-area-box{
  display: flex;
  box-sizing: content-box;
  width: 100%;
  width: calc(100% - 8px);
  height: 100%;
  font-size: 16px;
  color: #4a4a4a;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  cursor: pointer;
  }
.ff-area-box:hover{
  width: 100%;
  overflow-x: auto;
}
.ff-area-item{flex:1;padding: 0 10px;}
.on{font-weight: bold;}

.ff-six-column {
  padding: 1em;
  -moz-column-count: 6;
  -moz-column-gap: 1em;
  -webkit-column-count: 6;
  -webkit-column-gap: 1em;
  column-count: 6;
  column-gap: 1em;
}

.ff-min-h216{min-height:216px;}

.ff-search-box{display: flex;font-size: 14px;padding: 10px;}
.ff-search-k{width:80px;}
.ff-search-v{flex: 1;}
.ff-search-v a{display: inline-block;margin: 0 10px 10px 0;padding: 0 5px;}
.ff-search-c {background: rgba(245,245,245,1);padding-top: 10px;}
.on1{background: rgba(255,235,231,1);color: #ff6600;}

.ff-head-box{display:flex;padding:0 6px 10px 6px;line-height:28px;}
.ff-head-box b {font-size:18px;}
.ff-shadow{box-shadow: inset 0px -10px 0px 0px rgba(0, 0, 205,0.2);}
.ff-head-l {width:60px;}
.ff-head-r {flex:1;background: rgba(245,245,245,1);}
.ff-head-r a{font-size: 14px;padding:0 4px;}

.ff-head-txt {padding:0 6px 10px 6px;line-height:28px;border-bottom:#DDDDDD 1px solid;margin-bottom:20px;clear:both;}
.ff-head-txt strong {font-size:18px;}
.ff-head-txt span {float:right;font-size:14px;color:#999999;}
.ff-head-txt i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}

.ff-sh-list{padding: 15px;display: flex;flex-wrap: wrap;}
.ff-sh-list li{
  width: 20%;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  background:url('image/li_dot.gif') no-repeat 6px center;
  padding:0 16px 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*search1*/
.ff-search1-box {display: flex;}
.ff-s-item {display: flex;}
.ff-s-item div{flex: 1;height:150px;overflow-x:hidden;overflow-y: auto;}
.ff-s-item li{overflow: hidden;font-size: 14px;}
.list-txt1 {height: 270px;overflow: hidden;}
.list-txt1 li{width: 25%;display: inline-block;height:30px;line-height:30px;font-size:14px;float: left;}
/*search1*/

#products {border:#DDDDDD 1px solid;border-top:none;height:220px;overflow:hidden;}
#products td {height:21px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;}

.list-area2 {padding:0 0 20px 0;}
.list-area2:after {content:"";display:block;clear:both;}
.list-area2 li {width:50%;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;}
.list-area2 li:hover {background:#EEEEEE;}

.ff-list{display: flex;border-bottom: 1px solid #eee;}
.ff-list-l{width: 100px;height: 100px;}
.ff-list-l img {border:#DDDDDD 1px solid;}
.ff-list-c{flex: 1;}
.ff-list-r{width: 100px;}

.ff-head_search {float:left;width:710px;}
.ff-head-search-box {display: flex;margin-top: 24px;}
.ff-head-search-start,.ff-head-search-end {width: 180px;height:30px;border:1px solid #ddd;}
.ff-head-search-img {width: 30px;height: 30px;line-height:30px;overflow: hidden;}
.ff-head-search-btn {width: 60px;height: 30px;text-align:center;}
.ff-head-search-btn button{width: 50px;height: 30px;}
#ff-companys,#ff-wulius {height:600px;overflow:hidden;}