@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:#53BE4B; text-decoration: none;}
.border{border-bottom:10px solid #F4F4F4;}
.banner img{width: 100%; height: auto;}

/*---------首页---------*/
/*顶部导航*/
header{  background-color:#53BE4B; 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%;}
}

/*标题*/
.title{ border-bottom: 1px solid #f0f0f0; padding: 12px  0; height: 22px; text-align: right; padding-right: 20px; font-size: 14px;}
.title h2{ display: inline-block; float: left;font-size: 18px; border-left: 6px solid #53BE4B; padding-left: 8px; height: 22px; line-height: 22px; color: #000; }
.title a{color: #999;}
.title a:hover{color: #53BE4B;}

/*最新问答*/
.article_list section{padding:20px 15px; display: block; float: left; border-bottom: 1px solid #f3f3f3;}
.article_list section h2{ font-size: 18px;  line-height: 26px; font-weight: normal; margin-bottom: 15px;}
.article_list section p{font-size: 14px; color: #999; height: 45px; overflow: hidden; position: relative; padding-left: 20px; line-height: 22px;} 
.article_list 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:#FF7E00;}

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



/*翻页*/
.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:#53BE4B; }
.paging .selected a{background: #53BE4B; color: #fff;}



/*---------- 内容页 -----------*/
/* 内容 */
h1{font-size:22px; line-height: 32px; padding-bottom: 20px; }
.main{padding: 20px 20px 30px 20px;}
.main .top{border-left: 3px solid #DBDBDB; padding-left: 18px; margin-bottom: 50px;}
.main .top p { line-height:30px; font-size: 16px; color: #666; padding-bottom: 5px; }
.main .top a{color:#FF7E00; padding: 3px 15px; font-size: 14px; border: 1px solid #eee; border-radius: 20px; margin:10px 6px 0px 0; display: inline-block;}
.main .top a:hover{color:#fff; background:#FF7E00; border: 1px solid #FF7E00; }
.main .btm{border: 1px solid #ccc; border-radius: 5px; position: relative; padding: 40px 20px 5px 20px;}
.main .btm h3{font-weight: bold;  text-align: center; color: #fff; background: #121212; display: inline-block;  position: absolute; left: 50%; top: -15px; width: 110px; height: 30px; line-height: 30px; margin-left:-55px; }
.main .btm  ul li{position: relative; display: block; list-style: disc; padding: 0 0 30px 50px;}
.main .btm  ul li span{width: 40px; height: 40px; display: block; border-radius: 30px; overflow: hidden; position: absolute; left: 0; top: 0px;}
.main .btm  ul span img{width: 100%; height: auto; min-height: 40px;}
.main .btm  ul .p1{padding-bottom: 8px; color: #888; font-size: 14px;}
.main .btm  ul .p1 a{color:#3CAC4C; }
.main .btm  ul .p1 a:hover{color:#3CAC4C; text-decoration: underline;}
.main .btm  ul .time{ color: #bbb; text-align: right; font-size: 14px; }
/*相关问答*/
.btmlist ul{padding: 0 15px;}
.btmlist ul li{line-height: 24px;  border-bottom: 1px solid #f0f0f0; background: url(/dietitian/images/dietitian_question_master_custom.png) no-repeat -200px 14px; background-size: 210px 20px; padding:12px 0 12px 15px;}

/*当前位置*/
.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; }