.appBar.component{width:100%;height:50px;position:fixed;top:0;left:0;right:0;z-index:999;box-sizing:border-box;padding:0 8px;background-size:100% auto!important}.appBar.component+*{padding-top:50px}.appBar.component .back{width:26px;font-family:iconfont;font-size:18px;font-weight:600}.appBar.component .back img{width:100%}.appBar.component .title{line-height:1;flex-grow:1}.appBar.component .func{min-width:26px;min-height:1px}.page[data-v-631f78e0]{height:100%;background-image:url(../img/bg.dcafd4cd.png);background-size:contain;background-color:#f3f3f3}.page .serach[data-v-631f78e0]{padding-right:15px;height:25px}.page .serach img[data-v-631f78e0]{width:25px;height:25px}.page .friend-block[data-v-631f78e0]{margin:15px;padding:5vw;background-color:#fff;border-radius:1px}.page .friend-block .friend-num[data-v-631f78e0]{padding-bottom:18px;border-bottom:1px solid #dbdbdb}.page .friend-list[data-v-631f78e0]{height:calc(100vh - 200px);overflow:auto}.page .friend-list .friend-list-item[data-v-631f78e0]{padding:16px 0;border-bottom:1px solid #dbdbdb}.page .friend-list .friend-list-item[data-v-631f78e0]:last-child{border-bottom:none}.page .friend-list .friend-list-item .head[data-v-631f78e0]{border-radius:50%;margin-right:8px}.page .friend-list .no-res[data-v-631f78e0]{margin-top:40px}.page .friend-list .no-res .text[data-v-631f78e0]{color:#303030;font-size:16px}