.component--friend-list-musnhealth { display: flex; flex-wrap: wrap; font-size: 20px; margin: 0 -13px; }
.component--friend-list-musnhealth .friend-item { width: 25%; padding: 13px; }
.component--friend-list-musnhealth .friend-link { border-radius: 0.5em; overflow: hidden; padding-bottom: 39.39%; position: relative; background: #FFFFFF; display: flex; width: 100%; transition: all 0.3s; }
.component--friend-list-musnhealth .friend-logo { display: block; position: absolute; max-width: 70%; max-height: 70%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.component--friend-list-musnhealth .friend-link:hover { box-shadow: 10px 20px 20px rgba(100, 100, 100, 0.1); }

/**
 * PC优先的响应尺寸
 */

/* >1680 */


/* 1680 */
@media screen and (max-width: 1680px) {
  
}

/* 1440 */
@media screen and (max-width: 1440px) {
  
}

/* 1400 */
@media screen and (max-width: 1400px) {
  .component--friend-list-musnhealth { font-size: 18px; margin: 0 -10px; }
  .component--friend-list-musnhealth .friend-item { padding: 10px; }
}

/* 1400 */
@media screen and (max-width: 1200px) {
  .component--friend-list-musnhealth { font-size: 16px; margin: 0 -8px; }
  .component--friend-list-musnhealth .friend-item { padding: 8px; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .component--friend-list-musnhealth { font-size: 14px; margin: 0 -6px; }
  .component--friend-list-musnhealth .friend-item { padding: 6px; width: 33.33%; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .component--friend-list-musnhealth { font-size: 12px; margin: 0 -5px; }
  .component--friend-list-musnhealth .friend-item { padding: 5px; width: 33.33%; }
  /* .component--friend-list-musnhealth .friend-item:nth-child(odd) { display: none; } */
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
  .component--friend-list-musnhealth .friend-item { width: 50%; }
}

/* 375 - iPhoneX、iPhone6 7 8 */
@media screen and (max-width: 375px) {
  
}

/* 320 - iPhone5 */
@media screen and (max-width: 320px) {
  
}