@charset "utf-8";
/* CSS Document */
body, div, p, ul, li,  input, button, textarea,h1,h2,h3,h4 {margin:0; padding:0;  font-family:"Microsoft YaHei"; text-align:left; color:#333; line-height:24px; font-size: 16px;}
.clear{clear:both;}
body{ max-width:1024px; min-width:320px;  margin: auto; padding-bottom: 44px; }
ul,li{list-style: none;}
em{font-style: normal;}
a{ color:#404040; text-decoration: none;}
a:hover{ color:#2DB1EA; text-decoration: none;}
.border{border-bottom:10px solid #F4F4F4;}
.banner img{width: 100%; height: auto;}

/*---------首页---------*/
/*顶部导航*/
header{  background-color:#2DB1EA; height: 44px; display: block;}
header .left a{width: 15%;display: block; float: left; height: 44px;}
header .left a em{width: 20px; height: 20px; display: block; background: url("/dietitian/images/dietitian_question_master_custom.png") 0 0;  background-size: 210px 20px;margin: 12px 0 12px 10px;}
header .center{width: 70%;display: inline-block; float: left;font-size: 16px; text-align: center; line-height: 44px; height: 44px; color: #fff;}
header .center a{padding: 0 8px; color: #fff; }
header .right a{width: 15%;display:block; float: left; height: 44px;}
header .right em{width: 20px; height: 20px; display: block; background: url("/dietitian/images/dietitian_question_master_custom.png") -20px 0; background-size: 210px 20px; float: right; margin: 12px 10px 0 0;}

/*底部浮动导航*/
.navbtm{ background: #f2f2f2; height: 44px;  display: block; position: fixed; bottom: 0; width: 100%; z-index: 2;  max-width:1024px; box-shadow: 0px -3px 10px rgba(0,0,0,0.2);}
.navbtm ul{width: 88%; display: inline-block;float: left;}
.navbtm ul li{display: inline-block; line-height: 44px; padding-left: 15px;font-size: 15px;}
.navbtm span{width:12%; display: inline-block;float: right;}
.navbtm span a{ width: 20px; height: 20px; display: block; background: url("/dietitian/images/dietitian_question_master_custom.png") -40px 0; background-size: 210px 20px; float: right; margin: 12px 15px;}

.panel { display: none; background-color: #e4e4e4; color: #fff;  padding-top: 10px; height: auto; overflow: hidden;}
#left-panel {position: fixed; top: 0; height: 100%; z-index: 999998; left:0; right: auto; display: none; width: 80%; border-radius: 0;}
#right-panel {position: fixed; top: 0; height: 100%; z-index: 999999; left:auto; right:0; display: none; width:80%;border-radius: 0;}
.panel .title2{ line-height:30px;  color:#878787; padding-left: 10px; font-size:13px;}
.panel .title2 span{display:block; float:left; margin:8px 6px 0 0;width: 16px;  height: 16px; }
.panel .title2 .span1{background:url(/dietitian/images/dietitian_question_master_custom.png) -80px 0; background-size: 210px 20px;}
.panel .title2 .span2{background:url(/dietitian/images/dietitian_question_master_custom.png) -100px 0; background-size: 210px 20px;}
.panel .title2 .span3{background:url(/dietitian/images/dietitian_question_master_custom.png) -120px 0; background-size: 210px 20px;}
.panel .title2 .span4{background:url(/dietitian/images/dietitian_question_master_custom.png) -140px 0; background-size: 210px 20px;}
.panel .title2 .span5{background:url(/dietitian/images/dietitian_question_master_custom.png) -160px 0; background-size: 210px 20px;}
.panel .title2 .span6{background:url(/dietitian/images/dietitian_question_master_custom.png) -180px 0; background-size: 210px 20px;}
.panel .title2 .span7{background:url(/dietitian/images/dietitian_question_master_custom.png) -200px 0; background-size: 210px 20px;}
.panel .nav_tags{padding-left: 10px; font-size:13px; }
.panel .nav_tags a{width: 17.8%; height: 28px;  overflow: hidden; line-height: 26px;  text-align: center; float: left;margin-right: 1%;   margin-bottom: 4px;    display: block;    color: #404040;    background: #F8F8F8;    border: 1px solid #dcdcdc;    border-radius: 3px;}
.panel .nav_tags a:hover{ color:#3cac4c; background:#fff; border:1px solid #dcdcdc; border-radius:3px;}

@media(min-width: 768px)  {
    .navbar-form .form-group{ width: 88%;}
    #left-panel {width:40%;}
    #right-panel{width:40%;}
}

/*热门营养师推荐*/
.toplist_title{font-size: 20px; text-align: center; line-height: 70px; height: 70px; overflow: hidden;position: relative; padding-bottom: 10px;}
.toplist_title span{width: 40px; height: 3px; display: block; overflow: hidden;position: absolute; left: 50%; margin-left: -20px; border-radius: 4px; background: #FDAC09; bottom: 20px; }
.toplist{padding-bottom: 10px;}
.toplist ul li{width:33.3%; padding-top:80px; display: block; float: left; text-align: center; position: relative;}
.toplist ul li span{width: 70px; height: 70px; display: block; position: absolute; left: 50%; margin-left: -35px; border-radius: 70px; overflow: hidden; top: 0;}
.toplist ul li span img{width: 70px; height: auto; min-height: 70px;}
.toplist ul li h2{font-size: 16px; text-align: center;}
.toplist ul li p{color: #999; text-align: center; padding:5px 10px 10px 10px; line-height: 20px; font-size: 14px;}

/*营养师文章*/
.title{ border-bottom: 1px solid #f0f0f0; padding: 12px  0; position: relative;}
.title h2{font-size: 18px; border-left: 6px solid #2DB1EA; padding-left: 8px; height: 22px; line-height: 22px; color: #000;}
.article_list section{ padding:20px 15px; display: block; border-bottom: 1px solid #f0f0f0;} 
.article_list section h2{line-height: 26px;font-size: 18px; font-weight: normal;}
.article_list section p{font-size: 14px; color: #999; height: 40px; overflow: hidden; margin: 10px 0; line-height: 20px;}
.article_list section .btm{line-height: 40px; color: #bbb; font-size: 14px; text-align: right;}
.article_list section .btm span{ width: 40px; height:40px; display: block; float: left;border-radius: 20px; overflow: hidden; margin-right: 10px;}
.article_list section .btm span img{ width: 40px; height: auto; min-height: 50px;}
.article_list section .btm a{ color: #2DB1EA; padding-right: 20px; text-align: left; display: block; float: left;}
.article_list section .btm a:hover{ color: #2DB1EA; text-decoration: underline;}
.more a{text-align: center; display: block; line-height: 50px; font-size: 14px; color: #2DB1EA;}
.more a:hover{ color: #2DB1EA;text-decoration: underline;}

/*最新问答*/
.btmlist ul{padding: 0 15px;}
.btmlist ul li{line-height: 24px;  border-bottom: 1px solid #f0f0f0; background: url(/dietitian/dietitian_share_custom.png) no-repeat -200px 14px; background-size: 210px 20px; padding:12px 0 12px 15px;}

/*翻页*/
.paging{text-align:center; padding: 25px 0; }
.paging ul{text-align: center;height: 30px;}
.paging ul li{ height:30px; line-height: 30px; display:inline-block;font-size: 14px; overflow: hidden;}
.paging ul li a{ color:#888; background: #EBEBEB; display:block; padding:0 11px; margin: 0 1px;}
.paging ul li a:hover{ color:#fff; background:#2DB1EA; }
.paging .selected a{background: #2DB1EA; color: #fff;}



/*------------营养师页面--------------*/
.topbox{text-align: center; position: relative; padding: 160px 0 25px 0; background: #F7F7F7;}
.topbox h2{ font-size: 18px; color: #333;padding-bottom: 10px; text-align: center;}
.topbox span{position: absolute; left: 50%; _left: 0%; margin-left: -60px; top: 30px; width: 120px; height: 120px; display: block; overflow: hidden; border-radius:60px;}
.topbox span img{width: 100%; height: auto; min-height: 120px;}
.topbox p{text-align: center; padding: 0px 20px; color: #999; font-size: 14px; line-height: 22px;}

/*选项卡*/
.tabs{width: 100%;} 
.tabs .TabTitle{ border-bottom: 1px solid #EAEAEA; height: 50px; padding-left: 15px;}
.tabs .TabTitle li{display: block; float: left;}
.tabs .TabTitle li a{color: #777; display:block; float: left; font-size: 18px; line-height: 50px; margin-right: 20px; }
.tabs .TabTitle .ui-state-active a{border-bottom: 3px solid #2DB1EA; line-height: 48px; color: #333;}
.tabs .TabTitle span{color: #bbb;}
.tabs .TabTitle em{color:#fa9c0d; font-family: Arial;}

/*选项卡内容*/
.tabs_con section{padding:20px 15px; display: block; float: left; border-bottom: 1px solid #ECECEC;}
.tabs_con section h2{ font-size: 18px;  line-height: 26px; font-weight: normal; margin-bottom: 15px;}
.tabs_con section p{font-size: 14px; color: #999; height: 45px; overflow: hidden; position: relative; padding-left: 20px; line-height: 22px;} 
.tabs_con section p span{ font-family: Arial; font-size: 40px; display: block; float: left; padding: 5px 6px 0 0; position: absolute; top: 0; left: 0; color: #FDAC09;}

/*详细资料*/
.tabs_con .details{padding:20px 15px;}
.tabs_con .details h3{ height: 18px; line-height: 18px; font-size: 16px; }
.tabs_con .details h3 em{width: 8px; height: 8px; display: block; float: left; border-radius: 5px; background: #FDAC09; margin: 5px 8px 5px 0;}
.tabs_con .details p{color: #888;margin:10px 0 25px 0;}
.tabs_con .details ul li{display: block; float: left; white-space: nowrap;}
.tabs_con .details ul li a{padding: 5px 12px; margin:10px 5px 0 0; display: block; background: #82CAEC; border-radius: 30px; color: #fff;}
.tabs_con .details ul li a:hover{background:#2DB1EA;}




/*---------- 内容页 -----------*/
/* 内容 */
h1{font-size:24px; line-height: 32px; padding-bottom: 10px; }
.Title{ padding:15px 0; margin: 0 15px;  border-bottom: 1px solid #ECECEC; margin-bottom: 15px; }
.Title small{border-bottom: 1px solid #ECECEC;}
.Title small .left,.Title small .right{height: 40px; overflow: hidden;display: block; width: 50%; float: left; color: #bbb; font-size: 14px; line-height: 40px;}
.Title small span{ width: 40px; height:40px; display: block; float: left;border-radius: 20px; overflow: hidden; margin-right: 10px;}
.Title small span img{ width:100%; height: auto; min-height: 40px;}
.Title small .left a{color: #999;}
.Title small .left a:hover{color: #28A0E4;}
.Title small .right a{padding: 0px 10px; line-height: 28px; margin-top: 5px; border: 1px solid #ECECEC; color: #0092d1; border-radius: 15px; margin-left: 5px; display: block; float: right;}
.Title small .right a:hover{background: #28A0E4; color: #fff;border: 1px solid #28A0E4;}

.mainBox{padding: 0 15px 10px 15px;}
.mainBox p {padding-bottom:20px; line-height:28px; font-size: 16px;}
.mainBox p a{color:#2DB1EA; text-decoration: underline;padding: 0 5px; }
.mainBox p a:hover{color:#fff; background:#2DB1EA; text-decoration: none; }
.mainBox img{width: 100%; height: auto;}
.mainBox strong{font-size:18px; font-weight: bold; padding-bottom: 10px; display: block; }
.mainBox ul{padding-bottom: 10px;}
.mainBox ul li{margin-left: 30px; list-style: disc; padding-bottom: 15px; font-size: 16px;}
.mainBox .page{padding: 0;}

/*热门文章*/
.list ul{padding:15px;}
.list ul li{ display: block;height: 40px; line-height: 40px; overflow: hidden; font-size: 16px;}
.list em{color: #bbb; padding-right: 6px;font-size: 14px;}
.list .em1{color: #ff9000;}

.position{font-size:12px; color:#bbb;  text-align:left; line-height: 30px; padding-left: 10px; }
.position a{ color: #888; padding: 0 4px;}
.position a:hover{ color: #2DB1EA; }