.avatarep_online_row{text-align:center;width:60px;display:inline-block; margin: 10px}
.avatarep_online_row_nor{width:auto;display:inline-block;padding:0px 1px;}
.avatarep_image{display:block;width:50px;height:50px; object-fit: cover; border-radius: 100%;  object-position: top center;}
.avatarep_span{text-align:center; font-size: 10px;margin-top: 2px;}
.avatarep_span img{display: none;}
.ot_offline{border: 0;}
.ot_online{border: 0;}

@media screen and (max-width:650px){
.avatarep_span{display:none;}
.avatarep_online_row_nor{width:auto;display:inline-block;}
.avatarep_span_nor{font-size: 8px;}
.avatarep_image{width:28px;height:20px;padding:3px;border-radius:2px;}
.avatarep_online_row{width:30px;}
.ot_offline{border-left: 2px solid #bf5656;}
.ot_online{border-left: 2px solid #399c3a;}
}