.marquee-effect-friend[data-v-ec8510e2]{margin-top:.32rem}.marquee-effect-friend .friend-list[data-v-ec8510e2],.marquee-effect-friend[data-v-ec8510e2]{width:100%;overflow:hidden;position:relative}.marquee-effect-friend .friend-list .friend-horizontal-scroll[data-v-ec8510e2]{display:inline-block;white-space:nowrap;position:relative;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform}.marquee-effect-friend .friend-list-double[data-v-ec8510e2]{overflow:hidden;position:relative;width:100%}.marquee-effect-friend .friend-list-double .friend-list[data-v-ec8510e2]{margin-bottom:.10667rem}.marquee-effect-friend .friend-list-double .friend-list[data-v-ec8510e2]:first-child{padding-left:1.06667rem}.marquee-effect-friend .friend-list-double .friend-list.friend-list-second[data-v-ec8510e2]{margin-bottom:0}.marquee-effect-friend .friend-list-columm[data-v-ec8510e2]{height:2.13333rem;overflow:hidden;position:relative}.marquee-effect-friend .friend-list-columm .friend-scroll-content[data-v-ec8510e2]{position:relative;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform}.marquee-effect-friend .friend-list-columm .friend-scroll-content .friend-list-columm-wrapper[data-v-ec8510e2]{margin-bottom:.10667rem}.marquee-effect-friend .friend-list-columm .friend-scroll-content .friend-list-columm-wrapper .friend-item[data-v-ec8510e2]{max-width:100%;margin-right:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.marquee-effect-friend .friend-list-columm .friend-scroll-content .friend-list-columm-wrapper .friend-item-text[data-v-ec8510e2]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.marquee-effect-friend .friend-list-columm-4[data-v-ec8510e2]{height:1.17333rem}.marquee-effect-friend .friend-item[data-v-ec8510e2]{background:rgba(254,102,0,.1);-webkit-border-radius:.64rem;border-radius:.64rem;padding:.05333rem .29333rem .05333rem .05333rem;margin-right:.37333rem;color:#fe6600;font-size:.34667rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:.64rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.marquee-effect-friend .friend-item .user-name[data-v-ec8510e2]{font-weight:700}.marquee-effect-friend .friend-item .user-avatar[data-v-ec8510e2]{height:.53333rem;width:.53333rem;-webkit-border-radius:50%;border-radius:50%;margin-right:.13333rem}.marquee-effect-friend .mask[data-v-ec8510e2]{position:absolute;bottom:0;left:0;width:100%;height:.64rem;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,247,242,0)),color-stop(97%,#fff7f2));background:-o-linear-gradient(top,rgba(255,247,242,0) 0,#fff7f2 97%);background:linear-gradient(180deg,rgba(255,247,242,0),#fff7f2 97%)}@-webkit-keyframes marquee-scroll-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes marquee-scroll-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes marquee-scroll-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes marquee-scroll-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}