#hot-share-container{
  text-align:center;
  margin-top:50px;
}
#hot-share-ul{
  display:inline-block;
}
#hot-share-ul>div{
  float:left;
  margin:15px;
  text-align:center;
}
#hot-share-ul>div>div{
  font-family:sans-serif;
  font-weight:700;
}
@media only screen and (max-width:500px){
  #hot-share-ul>div{
    margin:0;
    width:40px;
  }
  #hot-share-ul>div>div{
    font-size:1em;
  } 
}
@media only screen and (max-width:400px){
  #hot-share-ul{
    width:100%;
  }
  #hot-share-ul>div{
    margin:0;
    width:20%;

  }
  #hot-share-ul>div>div{
    font-size:0.6em;
  } 
}
@media only screen and (max-width:317px){
  #hot-share-ul>div>div{
    font-size:0.2em;
  } 
  #hot-share-ul>div{
    margin:0;

  }
}
@media only screen and (max-width:253px){
  #hot-share-ul>div>div{
    font-size:0.1em;
  } 
  #hot-share-ul>div{
    margin:0;
    width:40px;
  }
  #hot-share-ul img{
    width:25px;
  }
}