.compontent--tabs-musnhealth { font-size: 20px; border-bottom: 2px solid #F3F3F3; }
.compontent--tabs-musnhealth a { text-decoration: none; }
.compontent--tabs-musnhealth .tabs-content { display: flex; align-items: center; flex-wrap: wrap; }
.compontent--tabs-musnhealth .tab-item { flex: 1; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 0.9em; padding: 1.5em 0.2em; position: relative; transition: all 0.3s; }
.compontent--tabs-musnhealth .tab-item:hover { color: #BD1A2D; }
.compontent--tabs-musnhealth .tab-item::after { content: ""; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; z-index: 2; background: #BD1A2D; transition: all 0.3s; transform: scaleX(0); opacity: 0; }
.compontent--tabs-musnhealth .tab-item.active::after { transform: scaleX(1); opacity: 1; }
.compontent--tabs-musnhealth .tab-icon { width: 1.6em; height: auto; margin-right: 0.75em; display: block; }



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

/* >1680 */


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

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

/* 1400 */
@media screen and (max-width: 1400px) {
  .compontent--tabs-musnhealth { font-size: 18px; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .compontent--tabs-musnhealth { font-size: 16px; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .compontent--tabs-musnhealth { font-size: 15px; }
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
  .compontent--tabs-musnhealth { font-size: 14px; }
}

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

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