#keyword {
	height: 35px;
	padding-left: 12px;
	border: none;
	outline: none;
	font-size: 15px;
	width: 70%;
}


.cen {
	width: 100%;
}

.cen h2{line-height: 60px;}

.doc1 {
	height: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	flex: 1;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

.doc1 .rcomd {
	width: 100%;
	height: 160px;
	border-bottom: 1px dotted #e0e0e0;
	border-bottom: 1px dotted #e0e0e0;
}

.doc1 .rcomd .contentTitle {
	font-weight: 600;
	font-size: 15px;
	line-height: 40px;
	color: #333;
	margin-bottom: 8px;
	margin-left: 20px;
}

.doc1 .rcomd a{
		margin-left: 20px;
	font-size: 14px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
}
.doc1 .rcomd a:HOVER{
	color: #0078d7;
}
.doc1 .for_more {
	
}

.doc1 .for_more a {
	font-size: 14px;
	line-height: 60px;
	color: #06c;
	margin-left: 20px;
}

.doc1 .for_more a:HOVER {
	
}

.hot_icon {
	width: 30px;
	height: 40px;
	float: left;
	line-height: 40px;
}

.hot_title {
	height: 50px;
	float: left;
}

.hot_title a {
	line-height: 40px;
	margin-left: 8px;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hot_title a:HOVER {
	color: #0078d7;
}

.container {
	display: flex;
	justify-content: center; /* 水平居中 */
	min-height: 400px;
	max-width: 1350px; /* 设置最大宽度为1300px */
	margin: 0 auto; /* 自动计算并设置左右边距为auto，实现水平居中 */
}

.sidebar {
	width: 300px;
	background-color: #fff;
}

.main-content {
	flex-grow: 1;
	background-color: #fff;
	padding-left: 15px;
    padding-right: 15px;
}

#article_content p{
	color: #464646;
    cursor: default;
}

.main-content .content_header {
	width: 100%;
	min-height: 100px;
	border-bottom: 1px solid #f1f1f1;
	
}

.main-content .content_header .publicdate {
	font-size: 14px;
	line-height: 40px;
	color: #999;
}

.sidebar .sidebar_top {
	width: 100%;
	background-color: #fff;
	height: 120px;
}

.sidebar .sidebar_top .sidebar_title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
}

.sidebar .sidebar_top .sidebar_search {
	width: 100%;
	height: 50px;
}

.sidebar .sidebar_top .sidebar_search input {
	width: 260px;
	height: 30px;
	padding-left: 10px;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
	margin-left: 10px;
}

.sidebar .sidebar_top .sidebar_search input:FOCUS {
	border: 1px solid #bbb5b5;
}

.sidebar .sidebar_top .sidebar_search input:focus-visible {
	outline: 1px solid #bbb5b5;
}


/*手风琴*/
.accordion-menu {
	width: 300px;
}

.accordion-item {
	margin-bottom: 10px;
}

.active {
	background: #f2f8fd;
	color: #0078d7;
}

.accordion-header {
	padding: 10px;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #f1f1f1;
}

.accordion-icon {
	position: absolute;
	right: 10px;
	font-size: 21px;
}

.accordion-content {
	display: none;
	padding: 10px;
}

.accordion-content p {
    min-height: 35px;
    line-height: 24px;
}

.accordion-content p a {
	cursor: pointer;
	color: #5a5555;
	font-size: 14px;
}

.accordion-content p a:HOVER {
	color: #0078d7;
}

#article_content {
	padding: 10px;
	line-height: 30px;
	    font-size: 14px;
}

#article_content img {
	    max-width: 100%;
    border: 1px solid grey;
}

/* CSS 样式，控制返回顶部按钮的位置和外观 */
.back-to-top {
	display: none;
	position: fixed;
	bottom: 120px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-color: #333;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	cursor: pointer;
}

/* 文章代码段外观 */
.language-markup {
	padding: 10px 10px 10px 40px;
	font-size: 10pt;
	line-height: 20px;
	color: #586e75;
	background: #efefef;
	font-family: Consolas, Monaco, monospace;
	white-space: pre-wrap;
	word-break: break-all;
	position: relative;
	overflow: hidden;
}

.language-markup::before {
	content:
		'01.\A 02.\A 03.\A 04.\A 05.\A 06.\A 07.\A 08.\A 09.\A 10.\A 11.\A 12.\A 13.\A 14.\A 15.\A 16.\A 17.\A 18.\A 19.\A 20.\A 21.\A 22.\A 23.\A 24.\A 25.\A 26.\A 27.\A 28.\A 29.\A 30.\A 31.\A 32.\A 33.\A 34.\A 35.\A 36.\A 37.\A 38.\A 39.\A 40.\A 41.\A 42.\A 43.\A 44.\A 45.\A 46.\A 47.\A 48.\A 49.\A 50.\A 51.\A 52.\A 53.\A 54.\A 55.\A 56.\A 57.\A 58.\A 59.\A 60.\A 61.\A 62.\A 63.\A 64.\A 65.\A 66.\A 67.\A 68.\A 69.\A 70.\A 71.\A 72.\A 73.\A 74.\A 75.\A 76.\A 77.\A 78.\A 79.\A 80.\A 81.\A 82.\A 83.\A 84.\A 85.\A 86.\A 87.\A 88.\A 89.\A 90.\A 91.\A 92.\A 93.\A 94.\A 95.\A 96.\A 97.\A 98.\A 99';
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	text-align: right;
	background-color: #fbfbfb;
	color: #333;
	outline: 100px solid #fbfbfb;
	clip: rect(-100px, 2em, 9999px, 0); /* IE9+ */
	clip: rect(-100px, 3.5ch, 9999px, 0);
	overflow: hidden;
}

.artice_title{line-height: 70px; color: #333; font-size: 28px;}
.nav_article{line-height: 50px;}
.title_div{margin-top: 30px;}
.title_div .article-title a{
color: #06c;
font-size: 16px;
line-height: 22px;
}
.title_div .article-title a:HOVER {
	color: #2440b3;
	text-decoration: underline;
}
.title_div .article-con
{
	color:#767676;
	line-height: 30px;
}

.pageNav{
	background-color: #fff; height: 60px; text-align: center;    line-height: 60px;
}
.pageNav a{
	color: #0052d9;
}
.pageNav a:HOVER {
	color:#767676;
}

@media(max-width:768px)
{
	.sidebar{display: none;}
	.artice_title{line-height: 35px;
    color: #333;
    font-size: 20px;}
    .main-content .content_header{min-height: 80px}
    #article_content img {
	width: 100%;
    height: 100%;
    }
    
}