.f-banner{background:url(/_nuxt/img/f-ban.fa84db9.png) no-repeat 50%/100% 100%;color:#fff;height:520px;position:relative;width:100%}.f-banner .wcenter{box-sizing:border-box;font-size:var(--friend-banner-title-size);font-weight:500;height:100%;line-height:1.5;padding-top:80px}.f-banner .f-ban-text{margin-bottom:50px;text-align:left;width:50%}.f-banner .f-ban-img{width:50%}.f-banner .f-ban-img img{max-height:100%}@media screen and (max-width:992px){.f-banner .wcenter{flex-direction:column;height:500px}.f-banner .f-ban-text{margin:50px 0;width:100%}.f-banner .f-ban-img{width:100%}.f-banner .f-ban-img img{width:300px}}.f-link{background:linear-gradient(90deg,#fdf5ff,#f5fbff 34%,#f3fcfa 69%,#f5f7ff);padding:50px 0}.f-link .friend-list{display:flex;flex-wrap:wrap;justify-content:flex-start}.f-link .friend-list>li{align-items:center;background-color:#fff;border:1px solid #e7e7e7;border-radius:8px;box-shadow:3px 3px 3px #c8d6ff,3px 3px 3px #f0c8ff;box-sizing:border-box;display:flex;height:82px;justify-content:center;margin:10px calc(10% - 108px);overflow:hidden;position:relative;text-align:center;transition:all .5s;width:216px}@media screen and (max-width:992px){.f-link .friend-list>li{height:78px;margin:10px calc(16.66667% - 56px);width:112px}}.f-link .friend-list>li img{height:80px;width:100%}.f-link .friend-list>li a{display:block;width:100%}.f-link .friend-list>li span{line-height:1.4}.f-link .friend-list>li:hover span{align-items:center;background-color:#165fff;border-radius:2px;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;position:absolute;top:0;transition:all .5s;width:100%}