/**
 * PC版
 * 最小到768px
 */
.component--header-sub-msunhealth { display: flex; align-items: center; justify-content: space-between; height: 4em; font-size: 20px; position: fixed; padding: 0 2.1em; z-index: 300; width: 100%; left: 0; top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); opacity: 1; transition: all 0.3s; }
/* 白色背景 */
.component--header-sub-msunhealth.white { background: #FFFFFF; }
/* 去掉链接下划线 */
.component--header-sub-msunhealth a:hover { text-decoration: none; }
/* logo */
.component--header-sub-msunhealth .logo-wrapper {  display: flex; align-items: center; position: relative; }
.component--header-sub-msunhealth .logo { width: 9.9em; display: block; transition: all 0.6s; }
.component--header-sub-msunhealth .logo-red { display: block; opacity: 1; }
.component--header-sub-msunhealth .logo-white { position: absolute; width: 100%; opacity: 0; z-index: 2; left: 0; top: 0; }
/* 回到主站 */
.component--header-sub-msunhealth .gohome { display: flex; align-items: center; justify-content: center; padding: 0.7em 1.8em; background: #005FE6; color: #FFFFFF; border-radius: 200px; }
.component--header-sub-msunhealth .home-icon { margin-right: 0.3em; }
/* 主题A */
.component--header-sub-msunhealth[theme="a"] .logo-red { opacity: 0; }
.component--header-sub-msunhealth[theme="a"] .logo-white { opacity: 1; }
/* 主题B */
.component--header-sub-msunhealth[theme="b"] { border-color: #EFEFEF; }
.component--header-sub-msunhealth[theme="b"] .logo-red { opacity: 1; }
.component--header-sub-msunhealth[theme="b"] .logo-white { opacity: 0; }
/* 主题C */
.component--header-sub-msunhealth[theme="c"] { border-color: #EFEFEF; background: #FFFFFF; }
.component--header-sub-msunhealth[theme="c"] .logo-red { opacity: 1; }
.component--header-sub-msunhealth[theme="c"] .logo-white { opacity: 0; }


/* 1400 */
@media screen and (max-width: 1400px) {
  .component--header-sub-msunhealth { font-size: 18px; padding: 0 1.5em; }
  .component--header-sub-msunhealth .logo-wrapper { flex-shrink: 0; flex: 0; }
  .component--header-sub-msunhealth .logo { width: 9em; }
}

/* 1200 */
@media screen and (max-width: 1200px) {
  .component--header-sub-msunhealth { font-size: 16px; padding: 0 1em; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .component--header-sub-msunhealth { font-size: 14px; padding: 0 10px; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .component--header-sub-msunhealth { font-size: 12px; padding: 0 10px; }
}