.component--product-module-list-musnhealth { display: flex; flex-wrap: wrap; font-size: 20px; margin: 0 -14px; }
.component--product-module-list-musnhealth .product-module-item { width: 25%; position: relative; padding: 14px; align-self: stretch; }
.component--product-module-list-musnhealth .product-module-cont { background-color: #F3F4F8; height: 100%; padding: 1.2em 1.3em; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; position: relative; border-radius: 0.5em; background-image: url(./images/bg01.png); background-position: right 1em bottom; background-repeat: no-repeat; background-size: auto 75%; cursor: pointer; transition: all 0.5s; }
.component--product-module-list-musnhealth .product-module-cont:hover { background-color: #005FE6; background-image: url(./images/bg02.png); }
.component--product-module-list-musnhealth .product-module-icon { color: #005FE6; transition: all 0.5s; }
.component--product-module-list-musnhealth .product-module-cont:hover .product-module-icon { color: #FFFFFF; }
.component--product-module-list-musnhealth .product-module-name { color: #4c4c4c; transition: all 0.5s; }
.component--product-module-list-musnhealth .product-module-cont:hover .product-module-name { color: #FFFFFF; }





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

/* >1680 */


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

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

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

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

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

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .component--product-module-list-musnhealth { font-size: 12px; margin: 0 -6px; }
  .component--product-module-list-musnhealth .product-module-item { width: 50%; 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) {
  
}