



/* CSS Document */

/*顶部*/



.head{ position:fixed; top:0; left:0; height:60px; line-height:55px;  width: 100%; border-bottom:1px solid #d1d1d1; background:#FFF; font-size:16px; z-index:99;}



.head.on{ position:fixed; top:0;width: 100%; z-index:99;}



.head .topRegion { background: rgba(0,0,0,.6); color: #FFF; font-size: 14px; height: 30px; padding:0 30px 0 15px; border-radius: 40px; line-height: 30px; position: absolute; top: 7px; left: 10px; }



.head .topRegion:before { content: ' '; height: 12px; width: 15px; background: url(/m/assets/picture/icon_01.png) no-repeat; background-size:100% auto; display: block; position: absolute; right: 10px; top: 10px; }



.head .more{  -webkit-transition: .3s; transition: .3s; width:25px; height:20px; background:url(../image/menu_nav.png) no-repeat; position:absolute; top:20px; right:15px; overflow:hidden; line-height:100px;}



.head .more.on{-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}



/*文章内容*/



.Article{ padding-top:25px ; border-bottom:1px solid #c5c5c5;}



.Article .title{ background:#FFF; font-size:18px; padding-bottom:10px; color:#000; background:#FFF; padding: 10px 15px 0;}



.Article .gnxx{padding:0px 0px 10px 15px; background: #FFF;}



.Article .gnxx .ly{ display:inline-block;height:20px;margin:18px 6% 0px 0px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:12px;color:#b6b6b6;padding:0px 0px 0px 15px;position:relative;}



.Article .gnxx .ly:before{content:""; display:inline-block; position:absolute; top:3px; left:0;width: 15px;height: 15px;}



.Article .gnxx .ly a{color:#b6b6b6; text-decoration:none;LINE-HEIGHT: 160%;font-family:\5FAE\8F6F\96C5\9ED1;font-size:12px;}



.Article .gnxx .ly a:hover{color:#df8f1c; text-decoration:underline;}



.Article .gnxx .sj{ display:inline-block;height:20px;margin:18px 0px 0px 0px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:12px;color:#b6b6b6;padding:0px 0px 0px 0px; position:relative;}



.Article .gnxx .sj:before{content:""; display:inline-block; position:absolute; top:2px; left:0;width: 15px;height: 15px;}



.Article .gnxx .onclick{ display:inline-block;height:20px;margin:18px 30px 0px 0px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:12px;color:#b6b6b6;padding:0px 0px 0px 20px; position:relative;}



.Article .gnxx .onclick:before{content:""; display:inline-block; position:absolute; top:2px; left:0;width: 15px;height: 15px;}



/*.Article .author,.Article .time{ font-size:12px; color:#999; background:#FFF; padding: 0 15px;}*/



/*.Article .time{ padding-bottom:10px;}*/



.Article .content{ font-size:16px; line-height:24px; background:#FFF; padding: 5px 15px 20px;}
.Article .content img{ width:100%}
.Article .content a{ color:#09F}
.Article .content a:hover{ color:#F00; text-decoration: blink}


.Article .content table{ width:100% !important;}



.Article .content p{ padding-bottom:10px;}



.Article .content p img{ max-width:100% !important; width:100%}







.Article .Article-title{ padding:5px 10px; font-size:16px; font-weight:600; position:relative;}



.Article .Article-title:before{ content: ' '; display:block; width:4px; height:24px; background:#4F9CEE; position:absolute; top:4px; left:0;}



.Article .Article-title.title2{ padding:5px 10px; font-size:15px; font-weight:800;}



.Article .Article-title.title2:before{ display:none;}



/*对话列表*/



.dialogue{ padding:20px 0;}



.dialogue .Head-portrait{width: 15%; float:right; font-size:12px; text-align:center; margin-left:10px; display:inline;}



.dialogue .Head-portrait:before{margin: 0 auto;content: ' '; display:block; width:50px; height:50px;background-position:-58px -223px; border-radius:50px;}



.dialogue .dialogue-content{ width:60%; padding:10px; background:#fafafa; border:2px solid #e7e7e7; border-radius:5px; float:right;} 



.dialogue .dialogue-content a{border-bottom: 1px #f60 dashed;}



.dialogue .dialogue-content a:hover{ color:#f77766;}



.dialogue .dialogue-content img{padding:10px 0;  border: none; outline: none; margin: 0; vertical-align: middle;}



.dialogue.dialogue-fl .Head-portrait{ float:left; margin-right:10px; display:inline; position:relative;}



.dialogue.dialogue-fl .Head-portrait:before{content: ' '; display:block; width:50px; height:50px;background-position:-4px -223px; border-radius:50px;}



.dialogue.dialogue-fl .Head-portrait:after{content: " "; display:none; width:100px; height:20px;position:absolute; left:60px; bottom:75px;}



.dialogue.dialogue-fl .Head-portrait.adviser1:after { background-position:-123px -213px; display:block; }



.dialogue.dialogue-fl .Head-portrait.adviser2:after { background-position:-232px -213px; display:block; }



.dialogue.dialogue-fl .Head-portrait.adviser3:after { background-position:-341px -213px; display:block; }



.dialogue.dialogue-fl .Head-portrait.adviser4:after { background-position:-123px -234px; display:block; }



.dialogue.dialogue-fl .Head-portrait.adviser5:after { background-position:-232px -234px; display:block; }



.dialogue.dialogue-fl .Head-portrait.adviser6:after { background-position:-341px -234px; display:block; }



.dialogue.dialogue-fl .Head-portrait.adviser7:after { background-position:-123px -255px; display:block; }



.dialogue.dialogue-fl .Head-portrait.adviser8:after { background-position:-232px -255px; display:block; }



.dialogue.dialogue-fl .Head-portrait.adviser9:after { background-position:-341px -255px; display:block; }



.dialogue.dialogue-fl .dialogue-content{ background:#f6faff; border:2px solid #f1f7fe; float:left;}



.dialogue.dialogue-fl .dialogue-content img{ max-width:100%;}



/*医生信息*/



.essential-info{ padding:0 20px 20px; margin:10px 0; background:#FFF;}



.basic-info { *overflow: hidden;clear: both; background: url(/m/assets/picture/basicInfo-bg.png); font-size:12px; }



.basic-info a{color: #136ec2;}



.basic-info a:hover{ text-decoration:underline;}



.basic-info .basicInfo-block { width:100%; }



.basic-info .basicInfo-block .basicInfo-item { line-height: 26px; display: block; padding: 0; margin: 0; float: left }



.basic-info .basicInfo-block .basicInfo-item.name { width: 15%; padding: 0 5px 0 12px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; color: #999 }



.basic-info .basicInfo-block .basicInfo-item.value { zoom: 1; color: #333; width: 70%; float: left; position: relative }



.basic-info .toggle { cursor: pointer; display: block; position: absolute; z-index: 1; right: 0; bottom: 0; width: 40px; color: #999; text-align: right }



.basic-info .toggle:hover { text-decoration: none }



.basic-info .toggle .arrow { display: block; width: 0; height: 0; position: absolute; top: 3px; left: 0 }



.basic-info .toggle.toCollapse .arrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 4px solid #b4b4b4 }



.basic-info .toggle.toCollapse .arrow.arrow-border { top: 11px }



.basic-info .toggle.toCollapse .arrow.arrow-bg { border-bottom-color: #fff; top: 12px }



.basic-info .toggle.toExpand .arrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 4px solid #b4b4b4 }



.basic-info .toggle.toExpand .arrow.arrow-border { top: 12px }



.basic-info .toggle.toExpand .arrow.arrow-bg { border-top-color: #fff; top: 11px }



.basic-info .basicInfo-overlap { float: none; visibility: hidden; position: absolute; top: -1px; left: -80px; z-index: 1; border: 1px solid #d4d4d4; box-shadow: 0 1px 5px #ddd; padding: 0 4px 0 2px; background: #fff; overflow: hidden }



.basic-info .basicInfo-overlap .basicInfo-block.overlap { width: 322px; float: none; overflow: hidden; background: #fff url(/m/assets/picture/basicInfo-bg.png) }



.basic-info .basicInfo-overlap .basicInfo-block.overlap .name { padding-left: 2px }



/*文章列表*/



.Article-list{ background:#FFF; margin-top:10px;}



.Article-list li{ border-bottom:1px solid #f4f4f4; padding:5px 15px; line-height:24px; font-size:16px;}



.Article-list li .img{ margin:10px 0;}



.Article-list li .img img{ width:100%;}



.Article-list li .data{ font-size:12px;color:#999;}



.Article-list li .data span{ padding-right:10px;}



.Article-list li .data span.fr{ padding:0 0 0 20px; position:relative;}



.Article-list li .data span.fr:before { content: ' '; width:18px; height: 16px;display: block; position: absolute; left:0; top:4px; }



.recommend-lab{width: 100%; background-color: #f0f2f5; position: relative; padding-bottom: 12px;}



.recommend-lab a{height: 28px; line-height: 27px; float: left; display: block; width: 21.2%; margin-top: 12px; list-style: none; background-color: #fff; border-radius: 25px; margin-left: 3.1%; box-sizing: border-box; -webkit-box-sizing: border-box;font-size: 13px; text-align: center; position: relative;}



/*自定义内容*/



.u-header{ background:#FFF;border-bottom: 1px solid #c8c7cc; font-size:14px; margin-top:25px;}



.u-header img{ width:100%;}



.u-rule{ padding:15px;}



.u-rule p{ font-size: 15px;line-height: 1.695em;color: #585d64; text-align: justify;}



.u-rule img{margin: 16.95px 0;}



.u-content { position: relative; margin-top:10px; background:#FFF;border-top: 1px solid #c8c7cc; font-size: 15px; line-height: 1.13em;}



.u-content img{ width:100%;}



.u-title{ padding:10px 0; margin:0 15px;position: relative;border-bottom: 1px solid #c8c7cc;}



.u-entitle{padding: 0 0 0 3.39px; font-size: 18px;line-height: 1.13em; color: #000;border-left: 2px solid #5ac7d8;}



.u-chtitle{padding: 2.26px 0 0 3.39px;font-size: 12px;line-height: 1.13em;color: #cacaca; border-left: 2px solid #5ac7d8;}



/*精彩推荐*/



.Recommend{ background:#FFF; margin-top:10px; border-top:1px solid #c5c5c5;}



.Recommend .Recommend-title{ padding:0 15px 0 20px; font-size:16px; font-weight:700; line-height:45px; position:relative;}



.Recommend .Recommend-title:before { content: ' '; width: 2px; height: 18px; background:#111111; display: block; position: absolute; left:10px; top: 14px; }



.Recommend .Recommend-title a{ float:right; font-size:12px; font-weight:normal;}



.Recommend li{ border-bottom:1px solid #f4f4f4; padding:5px 15px; line-height:24px; font-size:16px;}



.Recommend li .data{ font-size:12px;color:#999;}



.Recommend li .data span{ padding-right:10px;}



/*导航*/



.footNav{ font-size:14px; height:21px;}



.footNav a{ display:inline-block; padding:0 10px; height:21px; line-height:21px; text-align:center; font-size:12px;  position:relative;}



.footNav a:after{ content: ' '; display:block; width:9px; height:21px;background-position:-216px -1px; position:absolute; top:0; right:-9px;}



.footNav a.home:before{ background:none;}



.footNav a i{position: absolute;right: -5px;top: 0;width: 12px;height: 21px;background: url(/m/assets/picture/sprite.gif) -203px 0 no-repeat;z-index: 2;}



/*.footNav a:last-child{ max-width: 23%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/



/*TAG-专题*/



.gatModularOne{ padding:10px 0;}



.gatModularOne .gatModularOne-Label a{ display:inline-table; padding:5px 8px; background:#f6f6f6; border-radius:6px; color:#898989; font-size:14px; margin:0 5px;}



.gatModularOne .gatModularOne-ContactInfo{ text-align:center; background:url(/m/assets/picture/content_bg.jpg) no-repeat; background-size:100% auto; margin-top:15px;}



.gatModularOne .gatModularOne-ContactInfo p.p1{ color:#383838; font-size:16px; font-weight:bold; padding-top:25%; padding-bottom:0.5em;}



.gatModularOne .gatModularOne-ContactInfo p.p2{ color:#a5a5a5; font-size:14px; padding-bottom:32%;}



.gatModularOne .gatModularOne-ContactInfo p.p2 i{ display:inline-block; width:2px; height:2px; background:#a5a5a5; border-radius:2px; margin:0 5px; position:relative; top:-4px; overflow:hidden; line-height:100px;}



/*焦点导航*/



.gatModularTwo{background-color: #f5f5f5;}



.gatModularTwo>ul{ padding:0 15px; height:35px;}



.gatModularTwo>ul li{ width:33.33%; height:34px; line-height:34px; float:left; font-size:14px; color:#555; text-align:center;}



.gatModularTwo>ul li.cur{color:#000; border-bottom:1px solid #000;}



.gatModularTwo .tg_nav_list{ display:none; padding:15px; background:#FFF;}



.gatModularTwo .tg_nav_list .list1 li{ width:25%; float:left; position:relative;}



.gatModularTwo .tg_nav_list .list1 li a{ font-size:14px; display:block; width:100%; line-height:35px; text-align:center;border-bottom:1px solid #eee;}



.gatModularTwo .tg_nav_list .list1 li a:last-child{border-bottom:0px;}



.gatModularTwo .tg_nav_list .list1 li:after{ position:absolute;content: " ";clear: both; top:0; right:0; height:100%; width:1px; border-right:1px solid #eee;}



.gatModularTwo .tg_nav_list .list1 li:last-child:after{ display:none;}



.gatModularTwo .tg_nav_move{ font-size:14px; height:20px; padding:10px 15px; background:#FFF; color:#999;}



.gatModularTwo .tg_nav_move a{ font-size:14px; display:inline-block; float:right; color:#666; }



.gatModularTwo .tg_nav_move a:after{ margin-left:5px; display:inline-block; width:13px; height:13px; background:url(/m/assets/picture/icon.png) no-repeat;content: " "; clear: both;}



/*列表-AD*/



.gatModularThree{ background:#FFF; padding:0 10px;}



.gatModularThree .channel-info { -webkit-box-flex: 2; -webkit-flex: 2 2 auto;  -ms-flex: 2 2 auto; flex: 2 2 auto;padding:8px 0; border-bottom: 1px solid #f5f7f9;}



.gatModularThree .channel-info  .title { color:#333; overflow: hidden; font-weight:400; line-height:24px; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-word}



.gatModularThree .channel-info .channel-pic img{ width:100%;}



.srtShow{ padding:31.5px 15px 18px; position: relative; background:#FFF;}

.srtShow .gradient{position: absolute; top: -79px;left: 0; height: 80px; width: 100%; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff)); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff); background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff) }

.srtShow .gradient .packupIcon {width: 16px; height: 16px;-webkit-animation: packupArrowFlow 1s ease infinite;animation: packupArrowFlow 1s ease infinite;background: url(https://m.icheruby.com/skin/images/packup_arrow.png) no-repeat 50%/contain; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -8px;}

.srtShow .openall { border: 1px solid #3c76ff;border-radius: 3px; text-align: center; height: 42px; width: 99.7%;font-size: .58rem;line-height: 42px;color: #3c76ff;display: inline-block;}

@keyframes packupArrowFlow {

	0%,to {

		bottom: 0

	}



	70% {

		bottom: 10px

	}

}



@-webkit-keyframes packupArrowFlow {

	0%,to {

		bottom: 0

	}



	70% {

		bottom: 10px

	}

}