
.header {position: relative; z-index: 12; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.3rem; height: 1rem; background: #fff; }

.header .go-back { display: block; width: 0.5rem; height: 1rem; line-height: 1rem; }

.header .icon-back { display: inline-block; border-width: 0 0 2px 2px; width: 0.2rem; height: 0.2rem; border-style: solid; border-color: transparent transparent #666 #666; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.header .title { padding: 0 0.2rem; font-size: 0.36rem; color: #040000; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

.header .search_btn { width: .4rem; }

.header a.search_btn { background: url(../images/search.png) no-repeat left/0.34rem auto; }

.footer { font-size: 0.28rem; color: #999; background: #f4f5f6; text-align: center; height: 0.9rem; line-height: 0.9rem; }

.fcg{color: #09c7a5 !important;}

.header-sub-wrap { display: none; position: absolute; right: 0; top: 1rem; padding:0 .4rem; /*width: 100%;*/ background-color: #23c6a5; z-index: 1100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header-sub-wrap-mask { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 9; }

.header-sub-wrap:before { content: ''; position: absolute; top: -0.1rem; right: 0.4rem; width: 0; height: 0; border-left: 0.1rem solid transparent; border-right: 0.1rem solid transparent; border-bottom: 0.1rem solid #23c6a5; }

.header-sub-nav { position: relative; width: 100%; line-height: 1rem; border-bottom:1px solid #23c6a5; /*padding: 0 0.3rem;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header-sub-nav:last-of-type { border-bottom: none; }

/*.header-sub-nav:after { content: ''; position: absolute; right: 0.3rem; top: 0.4rem; display: inline-block; border-width: 0 0 2px 2px; width: 8px; height: 8px; border-style: solid; border-color: transparent transparent rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.4); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); margin-right: 2px; }*/

.icon-nav { margin-left: 0.1rem; margin-right: 0.2rem; width: 0.3rem; height: 0.3rem; vertical-align: middle; }

.icon-tag { margin-right:.2rem; width: .4rem; height: .4rem;  vertical-align: middle;}
.ico-index {background: url(../images/ico-index.png) center center no-repeat; background-size: contain}
.ico-doctor {background: url(../images/ico-doctor.png) center center no-repeat; background-size: contain}
.ico-video {background: url(../images/ico-video.png) center center no-repeat; background-size: contain}
.ico-audio {background: url(../images/ico-audio.png) center center no-repeat; background-size: contain}
.ico-article {background: url(../images/ico-article.png) center center no-repeat; background-size: contain}
.ico-ask {background: url(../images/ico-ask.png) center center no-repeat; background-size: contain}
.ico-jibing {background: url(../images/ico-dise.png) center center no-repeat; background-size: contain}
.ico-hospital {background: url(../images/ico-hospital.png) center center no-repeat; background-size: contain}
.ico-live {background: url(../images/ico-live.png) center center no-repeat; background-size: contain}

.header-nav-title { display: inline-block; line-height: 1rem; font-size: 0.3rem; color: #fff;
  vertical-align: middle;}

.header-sub-box { overflow: hidden; }


.top_menus {position: absolute; top: 1rem; left: 0; width: 100%; display: none; box-sizing: border-box; background: #fff; border-top: 1px solid #eee; z-index: 12; padding:.48rem .3rem 0; }

.top_menus .cell { width: 25%; margin-bottom: .4rem; padding-top: .8rem; font-size: .3rem; text-align: center; background: url(../images/home.png) no-repeat center top/0.64rem 0.64rem; }

.top_menus .cell.zhibo { background-image: url(../images/zhibo.png); }

.top_menus .cell.jibing { background-image: url(../images/jibing.png); }

.top_menus .cell.yisheng { background-image: url(../images/yisheng.png); }

.top_menus .cell.yidian { background-image: url(../images/yidian.png); }

.top_menus .cell.shipin { background-image: url(../images/shipin.png); }

.top_menus .cell.yuyin { background-image: url(../images/yuyin.png); }

.top_menus .cell.wenzhang { background-image: url(../images/wenzhang.png); }

.top_menus .cell.xinwen { background-image: url(../images/xinwen.png); }

.top_menus .cell.zixun { background-image: url(../images/zixun.png); }

.top_menus .cell.wenda { background-image: url(../images/wenda.png); }

.top_menus .cell.zhidao { background-image: url(../images/zhidao.png); }
.top_menus .cell.dshipin { background-image: url(../images/duanshipin.png); }

.top_menus:before { position: absolute; right: .36rem; top: -.13rem; content: ''; width: .2rem; height: .2rem; border-top: 1px solid #eee; border-left: 1px solid #eee; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }