.friend-page .f-banner{background:url(../images/friend/f-ban.png) no-repeat 50%/100% 100%;height:520px;position:relative;width:100%}.friend-page .f-banner .container{box-sizing:border-box;font-size:var(--friend-banner-title-size);font-weight:500;height:100%;line-height:1.5;padding-top:80px}.friend-page .f-banner .f-ban-text{margin-bottom:50px;text-align:left;width:50%}.friend-page .f-banner .f-ban-img{width:50%}.friend-page .f-banner .f-ban-img img{max-height:100%}@media screen and (max-width:768px){.friend-page .f-banner{height:500px}.friend-page .f-banner .container{flex-direction:column}.friend-page .f-banner .f-ban-text{margin:0;width:100%}.friend-page .f-banner .f-ban-img{width:100%}.friend-page .f-banner .f-ban-img img{width:300px}}.friend-page .partner .pc ul{display:flex;flex-wrap:wrap;margin:30px auto;text-align:center}.friend-page .partner .pc li{border:1px solid #e7e7e7;border-radius:8px;box-sizing:border-box;display:block;height:150px;margin:10px calc(12.5% - 130px);overflow:hidden;position:relative;text-align:center;transition:all .5s;width:260px}.friend-page .partner .pc li a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.friend-page .partner .pc li img{display:block;height:auto;width:150px}@media screen and (max-width:768px){.friend-page .partner .pc li img{width:80px}.friend-page .partner .pc li{height:78px;margin:10px calc(16.66667% - 56px);width:112px}}.friend-page .partner .pc li span{display:none;height:0;position:absolute;width:0}.friend-page .partner .pc 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%}
