/* 
Project:JINKE
Author : hipoit.com
*/
body{ background-color:#fafafa; }

/**栏目分类**/
.ow-page-cate{ padding-bottom:10px; }
.ow-page-cate h1.title{ font-size:32px; font-weight:bold; margin:0px 0px; text-align:center;}
.ow-page-cate h1.title span{ border-bottom:2px solid #e6e6e6; display:inline-block; padding:0px 15px 0px 15px;}
.ow-page-cate ul{ padding:10px 0px; zoom:1; overflow:auto; text-align:center;}
.ow-page-cate ul li{  display:inline; padding:0px 5px;}
.ow-page-cate ul li a{ background-color:#fff; border:0px solid #d6d6d6; display:inline-block; font-size:16px; height:24px; line-height:24px; padding:6px 25px;}
.ow-page-cate ul li a:hover{ background-color:#0b2b98; border-color:#0b2b98; color:#fff; text-decoration:none;}
.ow-page-cate ul li.current a{ background-color:#0b2b98; border-color:#0b2b98; color:#fff; text-decoration:none;}

/**列表**/
.member-list{}
.member-list .section{ padding:20px 0px 0px 0px;}
.member-list .section ul{ padding:0px;}
.member-list .section ul li{ box-sizing:border-box; float:left; height:270px; width:224px; margin:0px 20px 20px 0px; position:relative;}
.member-list .section ul li.li5,
.member-list .section ul li.li10,
.member-list .section ul li.li15,
.member-list .section ul li.li20,
.member-list .section ul li.li25,
.member-list .section ul li.li30,
.member-list .section ul li.li35,
.member-list .section ul li.li40,
.member-list .section ul li.li45,
.member-list .section ul li.li50{ margin-right:0px;}
.member-list .section ul li .thumb a{ box-sizing:border-box; display:block; height:120px; width:224px; text-align:center; overflow:hidden;}
.member-list .section ul li .thumb a img{ background:#fff; box-sizing:border-box; border:1px solid #eee; height:120px; width:224px; }
.member-list .section ul li .title{ font-size:16px; height:24px; line-height:24px; padding:15px 0px 0px 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.member-list .section ul li .title a:hover{ text-decoration:none;}
.member-list .section ul li .grade{ color:#666; font-size:14px;}
.member-list .section ul li .desc{ color:#888; display:inline-block; font-size:13px; padding:5px 0px 0px 0px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.member-list .section ul li:hover img{ background:#eee; transform:scale(0.90,0.90); transition-duration:500ms; transition-timing-function:ease-out; }
.member-list .pager{ padding:10px 0px 80px 0px; text-align:center;}
@media (min-width:1500px) {
	.member-list .section ul li{ height:300px; width:278px;}
	.member-list .section ul li .thumb a{ height:148px; width:278px; border-radius: 5px 5px 0 0;}
	.member-list .section ul li .thumb a img{ height:148px; width:278px; }
}

/**详细页**/
.mbody-content{ background:#f0f0f0;}
.ow-page-left-section{ background:#fcfcfc; border:1px solid #e6e6e6; float:left; margin-bottom:30px; width:298px; }
.ow-page-left-section .ow-left-container{}
.ow-page-right-section{ background:#fff; border:1px solid #e6e6e6; float:right; margin-bottom:30px; width:898px; }
.ow-page-right-section .ow-content-container{ min-height:800px; padding:15px 30px;}
@media (min-width:1500px) {
	.ow-page-left-section{ width:348px;}
	.ow-page-right-section{ width:1118px;}
	.ow-page-right-section .ow-content-container{ padding:15px 35px;}
}

/**内容详细**/
.ow-content-container{}
.ow-content-container h1.title{ font-size:26px; }
.ow-content-container .website{ color:#888; font-size:16px; }
.ow-content-container .website a{ color:#888;} 
.ow-content-container .logo img{ background:#fff; box-sizing:border-box; border:1px solid #eee; margin:10px 0px 0px 0px;} 
.ow-content-container .byline{ color:#aaa; line-height:12px; font-size:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ow-content-container .byline span{ border-right:1px solid #bbb; display:inline-block; height:12px; line-height:12px; margin:0px 8px 0px 0px; padding:0px 8px 0px 0px;}
.ow-content-container .byline span.views{ border-right:none; }
.ow-content-container .byline a,.ow-content-container .byline a:visited { color:#aaa;}
.ow-content-container .byline a:hover{ color:#333; text-decoration:none;}
.ow-content-container .content{ font-size:16px; line-height:200%; margin:0px 0px 0px 0px; padding:15px 0px 20px 0px; word-break:break-all; word-wrap:break-word;}
.ow-content-container .content p{ margin-bottom:1.8%;}
.ow-content-container .content img{}
.ow-content-container .tags { font-size:14px; padding:5px 0px;}
.ow-content-container .tags a{ margin:0px 5px 0px 0px;}
.ow-content-container .pager { margin:0px 0px 0px 0px; padding:30px 0px 30px 0px; text-align:center;}
.ow-content-container .prev-next{ border-top:1px dotted #ddd; font-size:14px; margin:20px 0px 10px 0px; padding:10px 0px;}
.ow-content-container .prev-next .prev{ height:24px; padding:4px 0px;}
.ow-content-container .prev-next .next{ height:24px; padding:4px 0px;}

/*相关内容*/
.related-content{ padding:0px 0px 20px 0px;}
.related-content .hd{ font-size:16px; font-weight:bold; padding:10px 0px 5px 0px;}
.related-content ul{}
.related-content ul li{ box-sizing:border-box; border-bottom:1px solid #fafafa; display:block; float:left; padding:8px 0px; width:50%;}
.related-content ul li a{ display:block; float:left; font-size:15px; font-weight:normal; padding-left:10px; position:relative; max-width:calc(100% - 50px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.related-content ul li a:hover { color:#0b2b98; }
.related-content ul li a::before { content:''; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}

/*侧边分类*/
.ow-sider-cates{ margin-bottom:50px; padding:20px; }
.ow-sider-cates .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px;}
.ow-sider-cates ul{}
.ow-sider-cates ul li{}
.ow-sider-cates ul li a{ border-bottom:1px solid #eee; display:block; font-size:16px; height:24px; line-height:24px; padding:10px 10px;}
.ow-sider-cates ul li a span.raquo{ color:#fc0000; float:right; font-size:14px; margin-top:2px; max-width:20px;}
.ow-sider-cates ul li a:hover{ background-color:#0b2b98; color:#fff; text-decoration:none;}
.ow-sider-cates ul li a:hover span.raquo{ color:#fff; }

/*侧边广告*/
.sider-hero{}
.sider-hero a{ display:block;}
.sider-hero a img{ margin-bottom:15px; width:100%;}
@media (min-width:1500px) {
	.sider-hero{ }
}

/*tags*/
.ow-sider-tags{ margin-bottom:30px; padding:10px 20px; }
.ow-sider-tags .hd{ font-size:16px; font-weight:bold;}
.ow-sider-tags .section{ padding:5px 0px;}
.ow-sider-tags .section a{ display:inline-block; font-size:14px; height:24px; line-height:24px; margin:0px 10px 5px 0px;}
.ow-sider-tags .section a:hover{}

/*slist*/
.ow-sider-content-list{ margin-bottom:30px; padding:10px 20px; }
.ow-sider-content-list .hd{ font-size:16px; font-weight:bold;}
.ow-sider-content-list .section{ padding:5px 0px;}
.ow-sider-content-list ul{}
.ow-sider-content-list ul li{ border-bottom:1px dotted #eee; font-size:14px; font-weight:normal; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}