.page.page-friends[data-v-3f953bd2]{padding:90px 0 150px}.page.page-friends .container[data-v-3f953bd2]{width:940px;margin:auto}.page.page-friends .container h1[data-v-3f953bd2]{color:#303659;font-size:24px;text-align:center;line-height:3}.page.page-friends .container .exchange[data-v-3f953bd2]{margin:30px auto;display:block;width:100px;text-align:center;padding:5px 0;color:#3464e0}.page.page-friends .container .links[data-v-3f953bd2]{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.page.page-friends .container .links[data-v-3f953bd2]:after{content:"";width:300px;display:block;height:0}.page.page-friends .container .links .link[data-v-3f953bd2]{width:300px;background:#fff;display:-webkit-box;display:flex;box-shadow:0 1px 5px rgba(180,195,255,.3);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-align:center;align-items:center;padding:15px 10px;margin-bottom:20px}.page.page-friends .container .links .link[data-v-3f953bd2]:hover{box-shadow:0 2px 10px rgba(180,195,255,.5)}.page.page-friends .container .links .link img[data-v-3f953bd2]{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-right:20px}.page.page-friends .container .links .link .info[data-v-3f953bd2]{width:230px}.page.page-friends .container .links .link .info a[data-v-3f953bd2],.page.page-friends .container .links .link .info p[data-v-3f953bd2]{display:block;text-align:left;line-height:1.8}.page.page-friends .container .links .link .info a[data-v-3f953bd2]{font-weight:700}.page.page-friends .container .links .link .info p[data-v-3f953bd2]{font-size:12px;color:#888ea2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}@media (min-width:320px) and (max-width:480px){.page.page-friends[data-v-3f953bd2]{padding-bottom:46px}.page.page-friends .container[data-v-3f953bd2]{width:100%}.page.page-friends .container .links[data-v-3f953bd2]{width:90%;margin:auto}.page.page-friends .container .links .link[data-v-3f953bd2]{width:100%}}