/*
 * @Descripttion: 热门推荐css
 * @Author: JW
 */
 .hotWrap {
   margin-top: 20px;
   position: sticky;
   top: 125px;
 }
 .hotTitle{
  width: 166px;
  border-bottom: 1px solid #F7B500;
 }
.hotTitle .hotH3{
  font-size:16px;
  font-weight:400;
  color:rgba(51,51,51,1);
  width: 94px;
  border-bottom: 4px solid #F7B500;
}

.hotClass{
  width: 100%;
}
.hotClass .bannerBox{
  position: relative;
  width: 100%;
}
.hotClass .bannerBox .banThem{
  font-size:14px;
  font-weight:500;
  color:rgba(254,254,254,1);
  position: absolute;
  top: -7px;
  left: 17px;
  padding: 4px 6px;
  border-radius: 2px;
  background: #6236FF;
  max-width: 180px;
}
.hotClass .bannerBox .banThem:nth-child(2) .banThem{
  font-size:14px;
  font-weight:500;
  color:rgba(254,254,254,1);
  position: absolute;
  top: -7px;
  left: 17px;
  padding: 4px 6px;
  border-radius: 2px;
  background: #71BD1A;
}
    
.hotClass .bannerBox .banThem:nth-child(3) .banThem {
  font-size:14px;
  font-weight:500;
  color:rgba(254,254,254,1);
  position: absolute;
  top: -7px;
  left: 17px;
  padding: 4px 6px;
  border-radius: 2px;
  background: #2B90F7;
}
.hotClass  .banPic{
  display: block;
  width: 100%;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
}