.component-box .avatar{height:100%;width:100%}.component-box .avatar .avatar-img{overflow:hidden;height:100%;width:100%}.component-box .avatar .round{border-radius:50%}.page .search-btn[data-v-03f291c0]{color:#a758f1}.page .friend[data-v-03f291c0]{background:#fff;border-top:1px solid #f0f0f0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2.133vw 2.667vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:6.667vw;color:#9d4eef}.page .friend[data-v-03f291c0]:hover{cursor:pointer}.page .friend .avatar[data-v-03f291c0]{width:10.667vw;height:10.667vw;margin-right:2.667vw}.page .friend .content[data-v-03f291c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:3.733vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.page .friend .content .num[data-v-03f291c0]{color:#a758f1;font-weight:bolder}.page .friend .content .info[data-v-03f291c0]{margin-bottom:-.533vw;color:#7c7c7c}.page .friend .content .time[data-v-03f291c0]{position:absolute;top:0;right:0;font-size:3.2vw}