.friendLinkBox{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.friendTitleBox{display:flex;align-items:center;margin-bottom:12px}.friendTitleIcon{width:24px;height:24px;background:url(/static/images/firendLinkIcon.png);background-size:100% 100%;margin-right:6px}.friendTitle{font-size:18px;font-weight:600;color:#fff}.friendLinks{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px}.friendLinkItem{width:112px;height:34px;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:3px;background:rgba(255,255,255,7%);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:768px){.friendLinkBox{padding:24px 0}.friendTitleBox{margin-bottom:32px}.friendTitleIcon{width:56px;height:56px;margin-right:9px}.friendTitle{font-size:36px;font-style:normal;font-weight:600}.friendLinks{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.friendLinkItem{width:152px;height:42px;border:none}}