body{
	background-color: #fff;
}
.bodycontent{
	width: 1200px;
	margin: 0 auto;
}
.bodycontent .bodycontentLeftHeader,.bodycontent .bodycontentLeftContainer{
	width: 200px;
	box-sizing:border-box;
	border: 1px solid #ddd;
	margin: 5px 15px 15px 0;
}
.bodycontent .bodycontentLeft .articleType,.bodycontent .bodycontentLeftContainer .articleTitle{
	height: 40px;
	line-height: 40px;
	text-indent:2em;
	font-size: 14px;
	background-color: #F5F5F5; 
}
.bodycontent .bodycontentLeft .articleTypeInfoList{
	width: 50%;
	box-sizing:border-box;
	text-align: center;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	cursor: pointer;
}
.bodycontent .bodycontentLeft .articleTypeInfoList:hover{
	color: var(--color);
}
.bodycontent .bodycontentLeft .articleTypeInfoList.now{
	background-color: var(--color);
	color: #fff;
}
.bodycontent .bodycontentLeft .articleTypeInfoList:nth-child(odd){
	border-right: 1px dashed #f5f5f5;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bodycontentLeftContainer .articleTitleInfoList{
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	text-indent:3em;
	cursor: pointer;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing:border-box;
    padding-right: 15px;
}
.bodycontentLeftContainer .articleTitleInfoList:hover{
	color: var(--color);
}
.bodycontentLeftContainer .articleTitleInfoList.now{
	background-color: var(--color);
	color: #fff;
}
.bodycontentRight{
	width: 985px;
	box-sizing:border-box;
	border: 1px solid #ddd;
	margin: 5px 0 100px;
	padding: 15px 30px;
}