/*知识库*/
body{background: #f4f4f4 url(../images/blog_bg.jpg) no-repeat 0 60px; font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
.blog-map{width:100%; margin-top: 80px; padding:0 36px; font-size: 14px; color:#999;}
.blog-map a{color: #999;}
.blog-map span{font-family: "宋体"; color: #999; margin: 0 10px;}

.blog-content{margin:0 36px; padding: 20px 0;}

.doc-list .doc-li{height: 360px; overflow: hidden; background-color: white;border-radius: 10px;box-shadow:0 0 0 #fff; -webkit-transition:all .3s ease; transition:all .3s ease; opacity:1}
.doc-list .doc-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%; display: block; padding: 0 12px;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; line-height:1.72;}
.doc-title-text p time { color: #666; margin-right:12px;}

.doc-img { display: block; margin-bottom: 8px; height:200px;}
.doc-img img {
  width: 100%; /* 或者其他固定宽度 */
  height: 100%; /* 或者其他固定高度 */
  object-fit: cover; /* 不会变形，但可能裁剪图片 */
}

.doc-desc{ color: #2c3e50; font-size: 14px; height:56px; overflow:hidden; margin-top: 10px; text-align: left; padding: 0 15px;box-sizing: border-box;}
.doc-view{text-align:center; padding:15px 0}

.content{display:flex; background-color:#fff}
.content-text{padding-left:350px;background-color:#fff}
.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;}

/*----------------user-----------------*/
.user{width:100%;}
.user-home{width:1200px; margin:0 auto; line-height:60px; padding-top:60px; font-size:14px; color:#666;}
.user-box{width:1200px; margin:0 auto;}

.user-menu{width:220px; background-color:#fff; -webkit-box-shadow:0 5px 16px rgba(0,0,0,.06);box-shadow:0 5px 16px rgba(0,0,0,.06);}
.user-menu h3{font-size:20px; font-weight:400; text-align:center; padding:12px 0; background-color:#4385F5; color:#fff;}
.user-menu ul{padding:0;}
.user-menu li{line-height:52px; font-size:16px; border-bottom:1px solid #f0f0f0;}
.user-menu li.on{background-color:#f6f6f6; font-weight:800;}
.user-menu li a{line-height:52px; display:block; text-indent:20px;}
.user-menu li.on a{color:#4385F5;}

.user-right{}

/*--userinfo--*/
.user-note{padding: 15px; line-height: 24px; color: #FF5722; border:1px solid #FF5722; background-color: #ffe7dd; margin-bottom: 20px; font-size: 14px;}
.get-code{cursor: pointer; color:#4385F5}
.get-code.disabled{cursor: not-allowed; color:#aaa;}
.user-info{width:1160px; padding:20px; margin-bottom:20px; background-color:#fff; -webkit-box-shadow:0 5px 16px rgba(0,0,0,.06);box-shadow:0 5px 16px rgba(0,0,0,.06);}
.user-info-img{width:80px; height:80px; float:left;}
.user-info-img img{width:80px; height:80px;}
.user-info dd{margin-left:96px;}
.user-info-name{font-size:18px; line-height:36px; font-weight:600;}
.user-info-tips{font-size:14px; line-height:1.6; color:#666;}
.user-detail{width:1160px; padding:20px 20px 30px; background-color:#fff; -webkit-box-shadow:0 5px 16px rgba(0,0,0,.06);box-shadow:0 5px 16px rgba(0,0,0,.06);}
.user-detail-h3{font-size:18px; font-weight:600;}
.user-detail-h3 a{font-size: 14px; color:#4385F5; margin-left: 10px;}
.user-detail-table{width:100%; margin:20px 0; border:1px solid #eee;}
.user-detail-table td{padding:10px; border:1px solid #e8e8e8; font-size:14px;}
.user-detail-table td.td-gay{background-color:#f2f2f2; text-align:right; color:#999;}
.user-detail-table td.td-gay i{margin-left:5px; color:#FF5722;}
.user-detail-edit a{padding:12px 20px; border-radius:3px; font-size:14px; display:inline-block; background-color:#d69d00; color:#fff;}
.user-detail-table td input{padding:5px 0; border:1px solid #fff;}
.user-detail-table td select{width:98%; padding:5px 0; border:1px solid #fff;}
.user-detail-table td textarea{width:98%; padding:5px 0; border:1px solid #fff;}
.user-detail-edit span{padding:10px 30px; border-radius:3px; font-size:14px; display:inline-block; cursor:pointer;}
.user-detail-edit span.edit-save{background-color:#4385F5; color:#fff;}
.user-detail-edit span.edit-cancel{margin-left:20px; background-color:#ddd; color:#666;}

@media (max-width: 1280px) {
	.user-home,.user-box{width: 1116px;}
	.user-right{width: 872px;}
}