*{
  margin:0;
  padding:0;
}
.s-soft
{ 
 position: fixed;
 top: 220px ;
 left: 10;
 z-index: 1000; transition:all linear 0.2s ;
}
.s-soft a:first-child{ border-radius: 0 5px 0 0;
}
.s-soft a:last-child{ 
  border-radius: 0 0 5px 0;
}
.s-item { 
  display:block; 
  width: 30px;
  height: 35px;
  color: white;
  font-size: 15px;
  line-height: 40px;
  text-align:center;
  transition:all linear 0.2s ;}
  .s-item:hover 
  { 
    width:40px;
    border-radius:0px 20px 20px 0px;  
  }
  #so-open { 
    position: fixed;
    top: 100px ;
    left: -90px;
    border-radius:0 30px 30px 0;
    transition:all linear 0.2s ;
  }
  .facebook 
  {
    background-color:  #001163db;
    /*transform: rotate(90deg); */ 
  }
.youtube {
    background-color: #f70000;
}
  .twitter {background-color: #3AAFD6;}
  .pinterest{background-color: #BD081C;}
  .so-collapse{left: 40px; }