@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,Helvetica,STHeiti,Droid Sans Fallback; text-align:left; color:#333; line-height:1.75em;}
body{padding-bottom: 40px;}
.clear{clear:both;}
em{font-style: normal;}
ul,li{list-style: none;}
a{ color:#333; text-decoration: none;}
a:hover{ color:#3cac4c; text-decoration: none;}
.border{border-bottom: 10px solid #f3f3f3;}
/*顶部栏*/
header{  background-color:#46b53b; 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("custom.png") 0 0;  background-size: 240px 20px;margin: 12px 0 12px 15px;}
header .center{width: 70%;display: inline-block; float: left;font-size: 18px; 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: 16px; height: 16px; display: block; background: url("custom.png") -30px 0; background-size: 240px 20px; float: right; margin: 14px 15px 0 0;}

/*正文内容*/
.content{padding: 0 17px;background:#fff; display: block; position: relative;}
.content h1{font-size:24px;color:#333;font-weight:bold;line-height:1.3em ;overflow:hidden; padding-top: 16px;}
.source{padding:5px 0 15px 0;text-align:left;font-size:13px;color:#999; line-height: 20px;}
.source span{color:#999;padding-right:8px}
.source span a{color:#666; padding-right: 8px;}
.content p{font-size:16px;color:#333;line-height:1.75em;padding-bottom:20px;text-align:left}
.content p .em1,.content p .em2 { height: 22px; display: inline-block; background: #68ba8a; color: #FFF; line-height: 22px; padding: 0 8px; margin-right: 10px; border-radius: 3px;}
.content p .em2{background: #4bb9e1;}
.content .more a{ display: block; line-height: 40px; background: #F6F6F6; color: #666; font-size: 14px; text-align: center; border-radius: 3px; margin-bottom:20px;}
.content ul{padding-bottom:20px;}
.content h2{ padding-bottom: 0; font-weight: bold; font-size: 16px;}
.content h2 em{color:#7BCA0B; padding-right: 5px; font-size: 18px;}
.catalog li{line-height: 44px; border-bottom: 1px solid #f4f4f4;}
.catalog li em{ font-size: 12px; width: 20px; height: 20px; display: block; float: left; background: #7BCA0B; color: #fff; margin: 12px 8px 12px 0; line-height: 20px; text-align: center; border-radius: 2px;}

/* 标题 */
.title{ border-bottom: 1px solid #f3f3f3; padding: 12px  0;}
.title h2{font-size: 18px; border-left: 6px solid #7BCA0B; padding-left: 8px; height: 22px; line-height: 22px; color: #333; font-weight: normal;}

/* 相关问答 */
.list ul{padding:15px 15px 10px 15px;}
.list ul li{ display: block;height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.list em{color: #bbb; padding-right: 6px;font-size: 14px;}
.list .em1{color: #FF9000;}

/*相关词条*/
.list_box{padding: 0 17px; background:#fff; margin-bottom: 10px;}
.list_box ul{ display: block; padding:15px 0 5px 0;}
.list_box li{ width:48%;height: 38px; display: block; float: left;  background: #F6F6F6; margin: 0 1% 10px 1%; font-size: 14px; line-height: 38px; text-align: center; border-radius:3px;}
.list_box li a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/*浮动导航*/
.navbtm{ background: #f2f2f2; height: 44px; display: block; position: fixed; bottom: 0; width: 100%; z-index: 2; box-shadow: 0px -3px 10px rgba(0,0,0,0.2);}
.navbtm ul{width: 90%; display: inline-block;float: left;}
.navbtm ul li{display: inline-block; line-height: 44px;padding-left: 10px; font-size: 15px;}
.navbtm span{width:10%; display: inline-block;float: left;}
.navbtm span a{ width: 20px; height: 16px; display: block; background: url("custom.png") -70px 0; background-size: 240px 20px; float: right; margin: 14px 10px 0 0;}

/*侧边栏*/
.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: 14px; font-size:13px;}
.panel .title2 span{display:block; float:left; margin:8px 6px 0 0;width: 16px;  height: 16px; }
.panel .title2 .span1{background:url(custom.png) -120px 0; background-size: 240px 20px;}
.panel .title2 .span2{background:url(custom.png) -142px 0; background-size: 240px 20px;}
.panel .title2 .span3{background:url(custom.png) -160px 0; background-size: 240px 20px;}
.panel .title2 .span4{background:url(custom.png) -176px 0; background-size: 240px 20px;}
.panel .title2 .span5{background:url(custom.png) -192px 0; background-size: 240px 20px;}
.panel .title2 .span6{background:url(custom.png) -208px 0; background-size: 240px 20px;}
.panel .title2 .span7{background:url(custom.png) -224px 0;  background-size: 240px 20px;}
.panel .nav_tags{padding-left: 10px; font-size:13px; }
.panel .nav_tags a{ width:17.5%; height:28px; overflow: hidden; line-height:28px;text-align:center; float:left; margin:0 .6% 4px .6%; 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)  {
	.navbtm ul li{padding-left: 30px;}
	.navbar-form .form-group{ width: 88%;}
    #left-panel {width:60%;}
	.panel .nav_tags a{width: 18%;}
}

/*返回顶部*/
.cd-top {  display: inline-block;  height: 40px;  width: 40px;  position: fixed;  bottom: 90px;  right: 15px;  border-radius: 3px;  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background: rgba(0, 0, 0, 0.4);  visibility: hidden;  opacity: 0;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;}
.cd-top em{ width: 18px; height: 20px; display: block; background: url("custom.png") -50px 0; background-size: 240px 20px; margin: 10px 11px;}
.cd-top.cd-is-visible {visibility: visible;  opacity: 1;}
.cd-top.cd-fade-out {  opacity: .5;}
.no-touch .cd-top:hover {  background-color: #333;  opacity: 1;}