/************栏目列表页共用的样式****************/


/*栏目列表页-大标题介绍栏*/
.b-toper{ height:54px; line-height: 54px; width: 100%; border-left: 1px solid #202025; border-bottom: 1px solid #202025;  background: #1d1d22; /** background: linear-gradient(90deg,#f3cca1,#dbaf7d);background: -ms-linear-gradient(180deg,#f3cca1,#dbaf7d);**/}
.b-toper .b-top-center{ padding: 0px 24px; }
.b-toper .left-title{ color: #d3d3d3; }
.b-toper .left-title .iconfont{ font-size: 28px;  vertical-align: top; color: #d3d3d3; }
.b-toper .left-title a{ font-size: 18px; font-weight: 500;  padding-left: 8px; vertical-align: top;  color: #d3d3d3; }
.b-toper .left-title .slogan{ font-size: 16px; padding-left: 8px; vertical-align: top;  }
.b-toper .right-how{ text-align: right; }
.b-toper .right-how a{ font-size: 14px; padding-left: 8px; vertical-align: top; color: #8c8c8c  }
.b-toper .right-how a .iconfont{ font-size: 18px; padding-right: 5px; vertical-align: top;}


 /****列表页板块导航******/
.mtop-nav{ position: fixed; top: 67px; width: 100%; z-index: 99999999999; }
.col-nav{  border-bottom: 1px solid #202025;  background: #1d1d22; position: relative;display: block;box-sizing: border-box;}
.col-nav .col-warp{height: 45px; text-align: center;}
.col-nav .col-warp ul{  display: inline-block; }
.col-nav .col-warp ul li{position: relative; display: inline-block; width: 140px; height: 44px; line-height: 44px; float: left; list-style: none;background:#16161a;text-align: center; border-right: 1px solid #202025; cursor: pointer; }
.col-nav .col-warp ul li:hover{ opacity: 0.8 }
.col-nav .col-warp ul li a{ color: #666; font-size: 15px; display: block; } 
.col-nav .col-warp ul .cur{ background-color: #0c0c0c; border-left: none; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.col-nav .col-warp ul .cur a{ color: #f3bb6c;}
.col-nav .col-warp ul .cur:after {content: '';position: absolute;display: block;bottom: -2px; width: 100%; height: 2px; background:#0c0c0c;   }
.col-nav .fm-publish{ position:absolute; top: 5px; right: 0; display: inline-block; }
.col-nav .fm-publish .layui-btn{ height:34px; line-height: 34px; padding: 0 12px; border-radius:20px; background-color: #ea6f5a;}
.col-nav .fm-publish .layui-btn em{vertical-align: top; font-style: normal; padding-left: 4px;}

  

/****左侧导航******/
.left-nav{  margin-right: 24px; background: #F7F7F7;   }
.left-nav .site-leftnav{} 
.left-nav .site-leftnav .lfmenu li{ height: 48px; line-height: 48px; padding: 0 12px; margin-top: 10px;margin-bottom: 10px;}
.left-nav .site-leftnav .lfmenu li:first-child{margin-top: 0;}
.left-nav .site-leftnav .lfmenu li a{ display: block; color: #333 }
.left-nav .site-leftnav .lfmenu li:hover{ background: #fff; }
.left-nav .site-leftnav .lfmenu li .lm-icon{ margin-top:12px;}
.left-nav .site-leftnav .lfmenu li em {font-style: normal;font-size: 15px;padding-left: 12px;vertical-align: top;}
.left-nav .site-leftnav .lfmenu li .layui-badge-dot{ float: right; margin-top: 20px;}
.left-nav .site-leftnav .lfmenu .cur{ background:#fff; border-radius: 2px; }
.left-nav .site-leftnav .lfmenu .cur a{ color: #000; font-weight: 500; }





/**右侧功能**/
 
.func-content{ margin-left: 24px; }
.detail-right{ margin-left: 24px; } 

	/****0、面包屑导航****/ 
.site-crumb{ margin-bottom: 12px; }
.site-crumb a:hover{ color: #f3bb6c!important}
.site-crumb .layui-breadcrumb a{ font-size: 12px; }

.site-crumb .go-join{ float: right; }
.site-crumb .go-join a{ color: #fff; font-size: 12px; font-weight: 300; } 
.site-crumb .go-join span{vertical-align:middle;display:inline-block}
.site-crumb .go-join .iconfont{ font-size: 12px; } 

	/****1、栏目介绍****/
.lm-intro{ background: #16161a; border-radius:4px; margin-bottom: 24px; padding-top: 18px; }
.lm-intro .layui-field-title{ margin: 0; margin-bottom: 12px; }
.lm-intro .layui-elem-field .leftlegend{ margin-left: 4px; font-size: 14px; font-weight: 500; color: #d3d3d3; }
.lm-intro .layui-elem-field .rightlegend{ margin-right:5px;margin-top: -18px; float: right; padding: 0 4px; background: #f7f7f7; font-size: 14px; font-weight: 500; }
.lm-intro .team-binfo{ font-size: 13px; color: #d3d3d3; padding: 0px 14px 10px; text-align: justify;  margin-bottom: 24px}
.lm-intro .team-binfo p{ margin-bottom: 8px; font-weight: 300; line-height: 22px }

	/****2、APP下载****/ 
.appDownload{background: #16161a; border-radius: 4px;padding: 10px 12px; margin-bottom: 24px;}
.appDownload img{ height: 62px; }
.appDownload .info {display: inline-block;vertical-align: middle;margin-left: 7px;color:#d3d3d3;}
.appDownload .info .description {margin-top: 4px;font-size: 13px;color:#d3d3d3;}

	/****3、热门资讯列表****/ 
.hot-news{ background: #16161a; padding: 15px 0px 10px; border-radius: 4px;}
.hot-news .layui-field-title{ margin: 0; }
.hot-news .layui-elem-field .leftlegend{ margin-left: 0; font-size: 14px; font-weight: 500;  color: #d3d3d3; }
.hot-news .layui-elem-field .rightlegend{ margin-right:5px;margin-top: -18px; float: right; padding: 0 4px; background: #16161a; font-size: 14px; font-weight: 500; }
.hot-news .news-title{ font-size: 14px; font-weight: 500; color: #000; text-align: center; }
.hot-news .list_hot{ margin-top: 8px; }
.hot-news .list_hot li{ border-bottom: 1px dashed #202025;font-size: 12px; padding: 8px 10px; } 
.hot-news .list_hot li:last-child{ border-bottom: none; }
.hot-news .list_hot li:hover{ background: #25252c; }
.hot-news .list_hot li span{ float: left; display: block; width: 20px; }
.hot-news .list_hot li a{ display: block;line-height: 20px; max-height: 40px; text-align: justify;color:#d3d3d3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;  -webkit-box-orient: vertical; }
.hot-news .list_hot li .icon-huo{ color: #f00; }
.hot-news .list_hot li .icon-enterinto{ color: #d3d3d3; font-size: 14px; margin-top: 4px;}

.hot-news .loadmore {display: block;height: 30px;line-height: 30px;text-align: center;}
.hot-news .loadmore .more{position: relative;background-color:#25252c; color: #737373; height: 14px;line-height: 14px; font-size: 12px; padding: 4px 8px;border-radius: 3px;text-decoration: none;zoom: 1;}
.hot-news .loadmore .D_new {position: absolute;top: 0;right: -1px;width: 6px;height: 6px;display: inline-block;border-radius: 3px;background: #fa7d3c;overflow: hidden;}
 
	/****4、详情页正文末尾提示APP下载****/  
.tt-app{ padding: 20px 0; background: #16161a}
.tt-app p{ color: #666; text-align: center; }
.tt-app a{ font-weight: 600;color:#CE9940;  }
.tt-app a:hover{  color:#CE9940; opacity: 0.8  }

	/****5、右侧广告****/   
.right-ad{vertical-align: bottom; height: 280px; margin-bottom: 10px; overflow: hidden; border-radius: 4px; position: inherit;  }
.right-ad img{ width: 100%; border-radius: 4px;  }
.right-ad img:hover{opacity: 0.8;transform: scale(1.03); transition: all 0.8s; opacity: 0.9;border-radius: 4px;}
.right-ad .size_icon {position: absolute;right: 8px;bottom: 6px;top: auto;width:auto; padding-left: 4px; height: 20px;line-height: 20px;text-align: center;font-size: 10px;
font-weight: 300;border-radius: 2px;background: rgba(0,0,0,.8); color:#fff; text-shadow: none;}
.right-ad .size_icon a{ color: #fff; }

	/*右侧广告*/
.team-photo{ position: relative; box-shadow: 0 0 1px rgba(0,0,0,0.2); overflow: hidden; border-radius: 4px;background: #fff; max-width: 1140px; margin: 0 auto; }
.team-photo img{ width: 100%;border-radius: 2px; transition: all 0.8s;} 
.team-photo img:hover{ transform: scale(1.03); transition: all 0.8s; opacity: 0.9;border-radius: 2px;}
 



	/****6、通栏横条广告****/  
.tt-ad-wrapper{ display: none; position: relative; box-shadow: 0 0 1px rgba(0,0,0,0.2); overflow: hidden; border-radius: 6px;background: #fff; max-width: 1140px; margin: 0 auto;  margin-bottom:24px; }
.tt-ad-wrapper img{ width: 100%;border-radius: 2px; transition: all 0.8s;}
.tt-ad-wrapper .size_icon {position: absolute;right: 8px;bottom: 6px;top: auto;width:auto; padding-left: 4px; height: 20px;line-height: 20px;text-align: center;
	font-size: 10px;color: #fff;font-weight: 300;border-radius: 2px;background: rgba(0,0,0,.2);text-shadow: none;}
.tt-ad-wrapper img:hover{ transform: scale(1.03); transition: all 0.8s; opacity: 0.9;border-radius: 2px;}