body{
	background: #f5f5f5;
}
#main{
	background: white;
	width: 1128px;
	margin: 0 auto;
	padding: 28px 36px;
	min-height: 700px;
}
.nav-path{
	height: 52px;
	background-size: 100% auto;
	line-height: 52px;
}
.nav-path i{
	color: #98979f !important;
	font-size: 20px !important;
	margin-right: 15px;
}

.nav-path  a{
	color: #0b6cb8;
	font-size: 14px;
	font-family: "微软雅黑";
}
.nav-path .default{
	color: #98979f;
}
.artical .left_nav{
	float: left;
}
.artical .left_nav,.layui-nav-tree{
	width: 260px!important;
}
.layui-nav-tree{
	padding-bottom: 100px;
	background: #24c197 !important;
}
.layui-nav-tree .layui-nav-item a:hover {
    background-color: #eea200 !important;
}
.list_left{
	width: 239px;
	float: left;    margin-top: 15px;
}
.nav_left,.list_left .hot{
	background: white;
	padding-bottom: 20px;
	border: 1px solid gainsboro;
	margin-bottom: 20px;
}
.nav_left .title,.list_left .hot .title{
	height: 40px;
	border-bottom: 1px solid gainsboro;
}
.nav_left .title span,.list_left .hot .title span{
	height: 40px;
	line-height: 40px;
	padding: 9px 20px;
	background:#57acff;
	background-size: 100% 100%;
	font-size: 18px;
	color: white;
	    margin-left: -1px;
	    font-family: "微软雅黑";
	
}
.nav_left ul{
	margin-top: 10px;
}
.nav_left li{
	    height: 35px;
    line-height: 34px;
	width: 168px;
	margin: 0 auto;
	border-bottom: 1px dashed gainsboro;
	background: url(../img/btn3.png) no-repeat  7px center;
	padding-left: 30px;
}
.nav_left li a{
	color: #424242;
	font-size: 16px;
	 font-family: "微软雅黑";
}

.nav_left li:hover a{
	color: #fb7216;
}
.list_left .hot li{
	    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../img/btn3.png) no-repeat 10px center;
    padding-left: 26px;
}
.list_left .hot li a{
	color: #535353;
	font-size: 14px;
	 font-family: "微软雅黑";
}
.list_left .hot li:hover{
	 background-color: #f3f3f3;
}
.list_left .hot li:hover a{
	color: red;
}
.right_list{
	float: right;
	width: 859px;
}
.right_list .list li{
	background: url(../img/icon4.png) no-repeat 8px center;
	height: 44px;
	line-height: 44px;
	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;
}
.right_list .list li a{
	float: left;color: #525252;
}
.right_list .list li span{
	float: right
}
.right_list .list li:hover{
	background-color: #f5f5f5;
}
.right_list .list li:hover,.right_list .list li:hover a{
	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: #0061de;
    MARGIN-RIGHT: 3px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #dedfde 1px solid;
    TEXT-DECORATION: none;
}