.titaui-photo-card-img {
  display: flex;
  flex-direction: row;
  height: 36px;
  align-items: center;
  cursor: pointer;
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
}

.titaui-photo-card-img .titaui-pc-avator-container {
  display: inline-flex;
}

.titaui-photo-card-img__name {
  height: 28px;
  font-size: 16px;
  font-weight: 600;
  color: #3f4755;
  line-height: 28px;
  margin-left: 8px;
}

.titaui-photo-card-img__img {
  margin-left: 7px;
  cursor: pointer;
  font-size: 20px;
  color: #89919f;
}

.titaui-photo-card-img__img:hover {
  color: #2879ff;
}

.titaui-photo-card-img__card-enter {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-play-state: paused;
}

.titaui-photo-card-img__card-enter-active {
  animation-name: titaPopupInLT;
  animation-play-state: running;
}

.titaui-photo-card-img__card-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-play-state: paused;
}

.titaui-photo-card-img__card-appear-active {
  animation-name: titaPopupInLT;
  animation-play-state: running;
}

.titaui-photo-card-img__card-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-play-state: paused;
}

.titaui-photo-card-img__card-leave-active {
  animation-name: titaPopupOutLT;
  animation-play-state: running;
}

@keyframes titaPopupInLT {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scale(0, 0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(1, 1);
  }
}

@keyframes titaPopupOutLT {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scale(0, 0);
  }
}
