._common-friend_1ypva_1{width:calc(33.3333333333% - 15px);height:90px;display:flex;border-radius:8px;line-height:17px;align-items:center;cursor:pointer;margin-right:15px;padding:0 15px;box-sizing:border-box;position:relative;overflow:hidden;margin-bottom:20px;transform:translateZ(0)}._common-friend_1ypva_1:before{transform:scale(0);background:var(--primary-hover-color, #49b1f5);transition:transform .3s ease-out;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:""}._common-friend_1ypva_1:hover:before{transform:scale(1)}._common-friend_1ypva_1:hover ._avatar_1ypva_32{transform:rotate(var(--pimary-avatar-hover, 360deg))}@media screen and (max-width: 1024px){._common-friend_1ypva_1{width:calc(50% - 15px)}}@media screen and (max-width: 600px){._common-friend_1ypva_1{width:calc(100% - 15px)}}._common-friend_1ypva_1 ._avatar_1ypva_32{width:60px;height:60px;border-radius:50%;transition:transform .3s ease-out}._common-friend_1ypva_1 ._avatar_1ypva_32 img{width:60px;height:60px;border-radius:50%}._common-friend_1ypva_1 ._information_1ypva_56{display:flex;flex-direction:column;margin-left:20px;justify-content:space-between;height:60px;overflow:hidden;flex:1;text-align:center}._common-friend_1ypva_1 ._information_1ypva_56 ._information-title_1ypva_66{color:#4c4948;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}._common-friend_1ypva_1 ._information_1ypva_56 ._information-desc_1ypva_73{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}._card-friend_f4c04_1{width:calc(25% - 15px);height:130px;position:relative;display:block;margin:15px 7px;float:left;overflow:hidden;border-radius:3px;transition:all .3s ease 0s,transform .6s cubic-bezier(.6,.2,.1,1) 0s;box-shadow:0 14px 38px #00000014,0 3px 8px #0000000f;cursor:pointer}@media screen and (max-width: 1024px){._card-friend_f4c04_1{width:calc(50% - 15px)}}@media screen and (max-width: 600px){._card-friend_f4c04_1{width:calc(100% - 15px)}}._card-friend_f4c04_1 ._wrapper_f4c04_24{position:relative}._card-friend_f4c04_1 ._wrapper_f4c04_24 img{position:absolute;top:0;left:0;width:100%;transform:scale(1);transition:transform .8s!important}._card-friend_f4c04_1:hover ._info_f4c04_35{transform:translateY(-100%)}._card-friend_f4c04_1:hover ._wrapper_f4c04_24 img{transform:scale(1.2)}._card-friend_f4c04_1 ._info_f4c04_35{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:3px;background-color:#ffffffb3;transition:transform .5s cubic-bezier(.6,.2,.1,1) 0s!important}._card-friend_f4c04_1 ._info_f4c04_35 img{position:relative;top:22px;width:66px;height:66px;border-radius:50%;box-shadow:0 0 10px #0000004d;z-index:1}._card-friend_f4c04_1 ._info_f4c04_35 span{font-size:16px;width:100%;text-align:center;box-shadow:0 0 10px #0000004d;background-color:#ffffffb3;color:var(--font-color);line-height:45px;position:relative;top:10px}@keyframes link-custom{0%{box-shadow:0 0 5px var(--primary-color, grey),inset 0 0 5px var(--primary-color, grey),0 1px 0 var(--primary-color, grey)}to{box-shadow:0 0 20px var(--primary-color, grey),inset 0 0 10px var(--primary-color, grey),0 1px 0 var(--primary-color, grey)}}@keyframes borderFlash{0%{border-color:transparent}to{border-color:var(--primary-color, grey)}}@keyframes link-custom1{0%{box-shadow:0 0 4px #ca00ff}25%{box-shadow:0 0 16px #00b5e5}50%{box-shadow:0 0 4px #00f}75%{box-shadow:0 0 16px #b1da21}to{box-shadow:0 0 4px red}}@keyframes auto-rotate-left{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes auto-rotate-right{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.friend-container[data-v-291d99db]{display:flex;flex-wrap:wrap;justify-content:space-between}.friend-container[data-v-291d99db]:after{content:"";width:30%}.loading{text-align:center}