.component-header-search-msunhealth { position: fixed; z-index: 900;  width: 100%; height: 100%; left: 0; top: -100vh; opacity: 0; font-size: 20px; transition: all 0.6s; }
.component-header-search-msunhealth.show { top: 0; opacity: 1; }
.component-header-search-msunhealth .search-mask { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; }
.component-header-search-msunhealth .search-content { background: #FFFFFF; border-radius: 0 0 10px 10px; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; }
.component-header-search-msunhealth .search-bar { display: flex; align-items: center; color: #666666; padding: 2em 0 1em; position: relative; margin: 2em 0 7em; }
.component-header-search-msunhealth .search-bar::after { content: ""; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #999999; transition: all 0.5s linear; }
.component-header-search-msunhealth .search-bar .search-icon { flex-shrink: 0; font-size: 1.2em; margin: 0 1em; cursor: pointer; }
.component-header-search-msunhealth .search-bar .search-icon:hover { color: #000000; }
.component-header-search-msunhealth .search-bar .search-ipt { flex: 1; padding: 1em 2em; font-size: 0.8em; border: none; outline: none; }
.component-header-search-msunhealth .search-bar .close-icon { font-size: 1.2em; cursor: pointer; transition: all 0.3s; }
.component-header-search-msunhealth .search-bar .close-icon:hover { color: #bd1a2d; }
.component-header-search-msunhealth .search-bar:focus-within::after { background: #333333; }
.component-header-search-msunhealth .category-wrapper { font-size: 0.8em; padding-right: 1em; position: relative; flex-shrink: 0; }
.component-header-search-msunhealth .category-wrapper::after { content: ""; width: 2px; height: 1em; position: absolute; right: -1px; top: 50%; margin-top: -0.5em; z-index: 0; background-color: #999999; }
.component-header-search-msunhealth .header-search--el-dropdown { font-size: inherit; }



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

/* >1680 */


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

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

/* 1400 */
@media screen and (max-width: 1400px) {
  .component-header-search-msunhealth { font-size: 18px; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .component-header-search-msunhealth { font-size: 16px; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .component-header-search-msunhealth { font-size: 14px; }
  .component-header-search-msunhealth .search-content { height: 100vh; border-radius: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .component-header-search-msunhealth .content { width: 100%; padding: 0 20px; }
}

/* 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) {
  
}