.user-box{
  display:flex;
  align-items:center;
  flex:none;
  cursor:pointer;
}
.user-avatar-box{
  position:relative;
  flex:none;
  width:52px;
  height:52px;
}
.user-avatar-border{
  position:relative;
  z-index:10;
}
.user-avatar{
  border-radius:50%;
  display:none;
  width:100%;
  height:100%;
}
.user-avatar[src^="http"]{
  display:block;
}
.user-avatar-tip{
  width:18px;
  position:absolute;
  right:-3px;
  bottom:3px;
  z-index:99;
}
.user-name{
  flex:none;
  font-size: 16px;
  margin-left:13px;
}
.vohk-share-box{
  width: 91px;
  height: 31px;
  border: solid 1px #e20413;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  cursor:pointer;
  position:relative;
}

.vohk-share-icon{
  width:14px;
  flex:none;
  position:relative;
  z-index:10;
}
.vohk-share-text{
  color: #c80505;
  font-size: 16px;
  margin-left:3px;
  position:relative;
  z-index:10;
}
.look-box,.good-box{
  flex:none;
  display:flex;
  align-items:center;
}
.look-icon,.good-icon{
  flex:none;
  height:15px;
}
.look-count,.good-count{
  color: #999999;
  font-size: 14px;
  margin-left:6px;
}
.good-box{
  cursor:pointer;
}
.vohk-share-list{
  transition:0.5s;
  transform:scaleX(0) scaleY(0);
  transform-origin:50% 50%;
  background-color:#ffffff;
  position:absolute;
  right:0;
  top:calc( 100% );
  width:220px;
  box-shadow: 0px 4px 4px 0px 
    rgba(202, 2, 15, 0.29);
  border-radius: 4px;
}
.vohk-share-list .share-weixin-box{
  background-color:rgba(202, 2, 15, 0.29);
}
.vohk-share-box:hover .vohk-share-list{
  transform:scaleX(1) scaleY(1);
}
.vohk-share-list-unit{
  box-sizing:border-box;
  width:100%;
  padding-left:12px;
  display:flex;
  align-items:center;
  height:50px;
  position:relative;
  cursor:pointer;
}
.vohk-share-list-unit-icon{
  flex:none;
  width:22px;
}
.vohk-share-list-unit-title{
  font-size: 16px;
  margin-left:11px;
}
.vohk-share-list-unit:hover .share-weixin-box{
  transform:scaleX(1) scaleY(1) translateY(-50%);
  opacity: 1;
}
@media (max-width:1099px){
  .user-name{
    font-size:1.6vw;
  }
  .vohk-share-text{
    font-size:1.6vw;
  }
  .vohk-share-box{
    width: 8vw;
    height: 3vw;
  }
  .look-count,.good-count{
    font-size:1.6vw;
  }
}
@media(max-width:767px){
  .vohk-share-box{
    width: 19vw;
    height: 7vw;
  }
  .vohk-share-text{
    font-size:3.2vw;
  }
  .user-name{
    font-size:3.73vw;
  }
  .user-avatar-box{
    width: 15vw;
    height: 15vw;
  }
  .user-avatar-tip{
    right: -1vw;
    bottom: 1vw;
    width: 4.5vw;
  }
  .look-count,.good-count{
    font-size:3.2vw;
  }
}