body{
	background:rgb(115,197,73) url(../images/m9n_01.jpg) center top repeat-x;
	font-size: 14px;
}
#articlelist{
	width: 100%;
	height:100%;
	margin-top:439px;
	background:  url(../images/ar_middle.jpg) repeat-y center top;
}
.bottom{
	width: 100%;
	height: 402px;
	background: url(../images/m9n_08.jpg) repeat-x center top;
	color: #505050;
	text-align:center;
	line-height:150%;
	padding-top:148px;
}
#content{
	width:820px;
	height:auto;
	margin: auto;
	top:-350px;
	position: relative;
}
#clocate{
	width:720px;
	height:36px;
	line-height:36px;
	padding:3px 10px;
	border-radius: 6px;
	border:1px orange solid;
	background: yellow;
}
#list{
	margin-top:50px;
	margin-bottom:-300px;
}
#content #title{
	margin:50px auto;
	font-size: 22px;
	font-weight: bold;
	text-align:center;
}
#content #title2{
	margin-top:36px;
	font-weight: bold;
	text-align:center;
	display:none;
}
#content #about{
	font-size:12px;
	color:gray;
	text-align:center;
	margin:30px auto 50px;
}
#content #detail{
	text-align:justify;
	line-height:1.5;
}
#content #detail p{
	padding:5px 0;
	text-indent:2em;
}
#content #detail td{
	padding:5px;
	border:1px #666 solid;
}
#content #detail td p{
	text-indent: 0;
}
#content #detail #PageList{
	text-align:center;
	padding:20px 0;
	margin:auto;
}
#content #editor{
	font-size: 12px;
	color:gray;
	margin:30px 0;
	text-align:right;
}
#content #share{
	text-align:center;
}
#content #pre_next{
	font-size:12px;
	margin:40px 0;
	text-align:center;
}
#content #pinglun{
	width:700px;
	height:auto;
	margin:40px auto -300px;
}

.right_list{
	width: 100%;
}
.layui-nav-tree .layui-nav-item a{
	    padding-left: 10px !important;
}
.right_list .list li{
	height: 36px;
	line-height: 36px;
	padding-left: 34px;
	color: #525252;
	font-size: 14px;
	font-family: "微软雅黑";
	border-bottom: 1px dashed gainsboro;
		transition:0.8s ease;
	-webkit-transition:0.8s ease;
	-moz-transition:0.8s ease;
	-o-transition:0.8s ease;
	-ms-transition:0.8s ease;
	cursor: pointer;
	position: relative;
}
.right_list .list li a{
	float: left;color: #525252;
}
.right_list .list li span{
	float: right
}
.right_list .list li:hover{
	background-color: rgb(187,255,187);
}
.right_list .list li a:hover {
	color: red;
}
.page{
	width: 500px;
	margin: 0 auto;
	margin-top: 10px;
height: 50px;
line-height: 50px;
}
.page li{
	float: left;height: 50px;
	line-height: 50px;
}
.page li span{
	PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    COLOR: #ff0084;
    MARGIN-RIGHT: 3px;
    PADDING-TOP: 2px;
}
.page li a{
	BORDER-RIGHT: #dedfde 1px solid;
    PADDING-RIGHT: 6px;
    BACKGROUND-POSITION: 50% bottom;
    BORDER-TOP: #dedfde 1px solid;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #dedfde 1px solid;
    COLOR: #525252;
    MARGIN-RIGHT: 3px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #dedfde 1px solid;
    TEXT-DECORATION: none;
}