.component--trait-list-musnhealth { display: flex; flex-wrap: wrap; font-size: 20px; margin: 0 -14px; }
.component--trait-list-musnhealth .trait-item { width: 33.33%; position: relative; padding: 14px; align-self: stretch; }
.component--trait-list-musnhealth .trait-cont { background: #FFFFFF; height: 100%; padding: 1em 1.8em; display: flex; flex-direction: column; align-items: flex-start; border-radius: 5px; overflow: hidden; position: relative; }
.component--trait-list-musnhealth .trait-cont::before { content: ""; width: 0.3em; height: 60%; background: #005FE6; position: absolute; left: 0; top: 20%; }
.component--trait-list-musnhealth .inner-name { color: #333333; margin-bottom: 0.2em; width: 100%; display: block; text-align: left; }
.component--trait-list-musnhealth .inner-name-icon { margin-right: 0.4em; }
.component--trait-list-musnhealth .inner-desc { color: #999999; line-height: 1.6; min-height: 4.8em; text-align: left; text-align: justify; }





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

/* >1680 */


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

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

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

/* 1200 */
@media screen and (max-width: 1200px) {
  .component--trait-list-musnhealth { font-size: 16px; margin: 0 -10px; }
  .component--trait-list-musnhealth .trait-item { padding: 10px; }
  .component--trait-list-musnhealth .trait-cont { padding: 1.6em; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .component--trait-list-musnhealth { font-size: 14px; margin: 0 -8px; }
  .component--trait-list-musnhealth .trait-item { padding: 8px; }
  .component--trait-list-musnhealth .trait-cont { padding: 1.2em; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .component--trait-list-musnhealth { justify-content: center; flex-direction: column; align-items: center; margin: 0 -6px; }
  .component--trait-list-musnhealth .trait-item { width: 100%; padding: 6px; }
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
  
}

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

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