.hot-city-trade {
  border-top: 1px solid #eee;
}
.trade-container {
  padding:20px;
  width:100%;
  margin:0 auto;
  font-size:12px;
  color:#666;
}
.hot-city-trade .trade-title{
  display: flex;
  justify-content: space-between;
  color:#333;
  font-size:12px;
  line-height: 27px;
  font-weight:bold;
  margin-bottom: 15px;
  padding-right: 10px;
}
.hot-city-trade .trade-title span:nth-of-type(2) {
  cursor: pointer;
  font-weight: 400;
}
.hot-city-trade .trade-title span:nth-of-type(2):hover {
  color: #ff6900;
}
.hot-city-trade .trade-content {
  width: 100%;
  overflow: hidden;
  line-height: 24px;
  max-height: 105px;
}
.hot-city-trade .trade-content a{
  display:inline-block;
  padding:0 10px;
  line-height: 27px;
}
.hot-city-trade .trade-content a.active{
  color:#FF6900;
}
.area-select-container {
  border:1px solid #F1F1F1;
  font-size:12px;
  color:#666;
  margin-bottom:20px;
}
.area-select-container .city, .area-select-container .province {
  padding:10px 0 8px 0;
} 
.area-select-container .province {
 border-bottom:1px solid #F1F1F1;
}
.area-select-container .label {
 color:#333;
 padding:0 20px;
 line-height: 28px;
}
.area-select-container .area-list {
  width:900px;
  overflow: hidden;
}
.area-select-container .children-hide {
  display: none;
}
.area-select-container .area-list.one-show {
  height: 30px;
}
.area-select-container .area-list a{
 line-height: 28px;
 display: inline-block;
 padding:0 10px;
}
.area-select-container .area-list a.active{
  color:#FF6900;
}
.area-select-container .more {
  padding-right:35px;
  line-height: 28px;
  cursor: pointer;
}
.area-select-container .more.active {
  color:#FF6900;
}
.area-select-container .more .icon{
  display: inline-block;
  width:10px;
  height: 6px;
  background: url(../images/down-icon.png) no-repeat center;
  margin-left:5px;
}
.area-select-container .more .icon.up {
  background: url(../images/up-icon.png) no-repeat center;
}