.ty-avatar {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: inline-block;
  text-align: center;
  background: #ccc;
  color: #fff;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ty-avatar__img {
    width: 100%;
    height: 100%; }
  .ty-avatar__icon {
    color: #fff; }
  .ty-avatar__text {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0 center;
            transform-origin: 0 center;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .ty-avatar_circle {
    border-radius: 50%; }
  .ty-avatar_square {
    border-radius: 2px; }
  .ty-avatar_clickable {
    cursor: pointer; }
