.qg-hotrecommend {
  color: #444444;
  padding: 20px 0 10px 0;
    position: relative;
    z-index: 4;
    background-color: #fff;
}
.qg-hotrecommend h2 {
  color: #101010;
  font-size: 18px;
  margin-bottom: 18px;
}
.qg-hotrecommend h2 a {
  color: #333333;
}
.qg-hotrecommend h2 a:hover {
  color: #ff7300;
}
.qg-hotrecommend .offerList li {
  width: 15.1057%;
  padding-right: 1.5%;
  float: left;
  display: inline;
  margin-bottom: 15px;
}

.qg-hotrecommend .offerList li.last{
  padding-right: 0;
}

.qg-hotrecommend .offerList li dl .description {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  margin-bottom: 5px;
}
.qg-hotrecommend .offerList li dl .description a {
  color: #101010;
}
.qg-hotrecommend .offerList li dl .description a:hover {
  color: #ff7300;
}
.qg-hotrecommend .offerList li dl .orignalPrice {
  color: #888888;
}
.qg-hotrecommend .offerList li dl .price {
  color: #888888;
  margin-bottom: 3px;
}
.qg-hotrecommend .offerList li dl .price .value {
  color: #cc0000;
  font-size: 18px;
  font-weight: bold;
}
.qg-hotrecommend .offerList li dl .company a {
  color: #444444;
}
.qg-hotrecommend .offerList li dl .company a:hover {
  color: #ff7300;
}
.qg-hotrecommend .offerList li dl {
  width: 100%;
}
.qg-hotrecommend .offerList li dl dt {
  border: 1px solid #ededed;
  margin-bottom: 6px;
  width:150px;
  height:150px;
}
.qg-hotrecommend .offerList li dl dt:hover{
  border: 1px solid #ff7300;
}
.qg-hotrecommend .offerList li dl .description {
  height: 36px;
}
.qg-hotrecommend .offerList li dl .company {
  color: #606060;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}