body{background: #f4f4f4 url(../images/blog_bg.jpg) no-repeat 0 60px; padding-top:60px!important;  font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
.blog-map{width:1216px; margin: 20px auto 0; font-size: 14px; color:#999;}
.blog-map a{color: #999;}
.blog-map span{font-family: "宋体"; color: #999; margin: 0 10px;}
.blog-content{width:1216px; padding: 20px 0; margin: 0 auto;}

.jinghua{background-color: #249d66;border-radius: 3px;padding: 3px 8px;font-size: 12px;color: #fff;}
.remen{background-color: #f05400;border-radius: 3px;padding: 3px 8px;font-size: 12px;color: #fff;}
.tuijuan{background-color: #186AF2;border-radius: 3px;padding: 3px 8px;font-size: 12px;color: #fff;}

/*知识库*/
.doc-list li { width: 289px; height: 335px; margin: 0 20px 30px 0; float: left; overflow: hidden; background-color: white;border-radius: 6px;box-shadow:0 0 0 #fff; -webkit-transition:all .3s ease; transition:all .3s ease; opacity:1}
.doc-list li:nth-child(4n) { margin-right: 0; }
.doc-list li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.2);box-shadow:0 15px 30px rgba(0,0,0,.2);}

.doc-title { width: 100%; max-height: 60px; display: block; padding: 0 15px;box-sizing: border-box;}
.doc-title-text { width: 100%; }
.doc-title-text h3 {font-size: 16px; height:36px; line-height:36px; overflow:hidden;}
.doc-title-text p {color: #999; font-size: 14px; }
.doc-title-text p time { color: #666; margin-right:12px;}

.doc-img { display: block; margin-bottom: 8px; }
.doc-img img { width: 100%; height: 222px; }

.doc-desc{ color: #2c3e50; font-size: 14px; height:60px; overflow:hidden; text-align: left; padding: 0 15px;box-sizing: border-box;}
.doc-view{text-align:center; padding:15px 0}
.doc-view a {width: 136px;line-height: 39px;font-size: 16px; display: inline-block; background-color: #186AF2; color: #fff;border-radius: 3px;}
.doc-view a:hover{opacity:0.8;}
.doc-viewed{ color:#999;height:30px;line-height: 24px; font-size:14px;border-top:1px solid #d1d1d1;margin-top:10px;padding:5px 10px;}
.doc-viewed i{font-size:18px;vertical-align: text-bottom;}

.content{background-color:#fff}
.content-text{padding-left:350px;background-color:#fff}
.content-text-div{min-height:900px; padding-right:200px;}
.content-catalog{width:200px; height:200px; position:fixed; top:60px; right:0; border-left:1px solid #ddd; display:none}

.article-content{padding:20px; margin:0 auto; font-size:16px; line-height:1.8em;}
.article-content-title{line-height:2em;padding:10px 20px}
.article-content-title h1{font-size:24px;}

.content-chapter{width: 330px; padding:20px 10px; position: fixed;z-index: 10; margin: 0; top: 60px; left: 0; bottom: 0; box-sizing: border-box; border-right: 1px solid #eaecef; overflow-y: auto;}
.content-chapter h3{font-size:20px; line-height:2; padding:6px;}
.sidebar-links{padding:3px 0; margin:5px 0;line-height:1.68;font-size:14px;font-weight:400;display:inline-block;color:#2c3e50;transition:color .15s ease;width:100%;box-sizing:border-box}

.sidebar-a{width:100%;color:#2c3e50;cursor:pointer;padding:5px 0;}
.sidebar-link{border-left:4px solid transparent; padding:3px 0; display:inline-block; box-sizing:border-box}
.sidebar-a .sidebar-link{padding-left:24px;font-size:16px; font-weight:800;}
.sidebar-b .sidebar-link{padding-left:36px;font-size:15px; font-weight:400;}
.sidebar-c .sidebar-link{padding-left:48px;font-size:14px; font-weight:400;}
.sidebar-d .sidebar-link{padding-left:60px;font-size:13px; font-weight:400;}

a.sidebar-link:hover,a.sidebar-link.active{color:#3eaf7c;}
.sidebar-b .sidebar-link.active{border-left:4px solid #3eaf7c;}
.sidebar-c .sidebar-link.active{border-left:4px solid transparent;}
.sidebar-d .sidebar-link.active{border-left:4px solid transparent;}

/*单页面*/
.detail{background-color: #fff; padding:30px; width:1150px; margin:30px auto; border-radius:4px; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.detail-title{font-size: 24px; color: #333; font-weight: 400; word-break: break-all;}
.detial-ops{line-height: 30px; color:#999; font-size: 12px; padding: 12px 0;}
.detial-ops span{margin-right: 20px;}
.detial-ops a{margin-right:10px;}
.detial-content{padding: 16px 0; color:#333; word-break: break-all; border-top:1px solid #f2f2f2;font-size: 16px!important; line-height: 1.72!important;}
.detial-content li,.detial-content p{padding: 8px 0;word-break: break-all;}
.detial-content img{max-width:98%!important; height:auto; margin:0 auto; display:block; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); border-radius: 4px;}
.detial-content .gougu-video{width: 640px!important; height: 410px!important; margin:10px auto!important; border: 12px solid #F7F7F7; border-radius: 6px;}
.detial-content h1,.detial-content h2,.detial-content h3,.detial-content h4,.detial-content h5{margin-top:10px;}
.detial-content a{color:#186AF2; font-style:italic;}
.detial-content a:hover{text-decoration:underline;}

.detial-content p code,.detial-content pre{margin:0 3px;font-size: 14px; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: #f6f6f6; padding: 10px; border-radius: 2px;}
.detial-content p code{border: 1px solid #eee;padding: 2px 4px;}

.detial-content table {border-collapse: collapse; border-spacing: 0; display: block; width: 100%; overflow: auto;  word-break: normal;word-break: keep-all; margin-top: 0;margin-bottom: 16px;}
.detial-content table tr {background-color: #fff;border-top: 1px solid #ccc;}
.detial-content table tr:nth-child(2n) {background-color: #f8f8f8;}
.detial-content table td, .detial-content table th { padding: 6px 12px;border: 1px solid #ddd; font-size:14px; }
.detial-content table th {font-weight: 800;}
.detial-content li {list-style: initial;margin-left: 20px;}



@media (max-width: 1280px) {
	.blog-content,.blog-map{width: 1116px;}
	.blog-banner img{border-radius:4px; width: 688px; height:206px;}
	.blog-left {width: 700px;}
	.blog-search input.search-key {width: 570px;}
	.blog-action-bg{width: 698px;}
	.doc-list li {width: 289px;margin: 0 15px 20px 0;}
	.doc-title-text p {font-size:12px;}
	.content-text-div{padding-right: 80px;}
}