.myfriend[data-v-9c902b78]{position:relative;background:-webkit-gradient(linear,left top,right top,from(#7c93ac),to(#1f5480));background:linear-gradient(90deg,#7c93ac,#1f5480);height:100%;min-height:100vh}.bg[data-v-9c902b78],.myfriend[data-v-9c902b78]{width:100%;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bg[data-v-9c902b78]{position:absolute;height:37.6875rem;background-image:url(http://assets.rurushishi.com/activies/aj-dzp/friend-bg.png?t=2);background-size:100% 100%;background-repeat:no-repeat;position:relative}.friend-box[data-v-9c902b78]{position:absolute;width:92%;height:72%;background:#fff;border-radius:.5rem;margin-top:8rem;margin-bottom:1.375rem;overflow-y:scroll;overflow-x:hidden}.f-item[data-v-9c902b78],.friend-box[data-v-9c902b78]{padding:.625rem .625rem;-webkit-box-sizing:border-box;box-sizing:border-box}.f-item[data-v-9c902b78]{width:100%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:.0625rem solid #e1e1e1}.item-index[data-v-9c902b78]{min-width:2.1875rem;font-size:1.125rem;font-family:PingFang SC;font-weight:500;color:#666}.avatar[data-v-9c902b78]{width:2.25rem;height:2.25rem;border-radius:50%;margin-right:.625rem}.item-name[data-v-9c902b78]{font-size:.875rem;font-family:PingFang SC;font-weight:500;color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-box-none[data-v-9c902b78]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}