body{
	background-color: #f5f5f5;
}
.fun-position{
	margin-top: 1rem;
}
.fun-position,
.fun-position a {
	color: #999;
	font-size: .9rem;
}
.fun-list,.fun-article{
	margin-top: 1rem;
	align-items: flex-start;
}
.fun-list-left{
	background-color: #fff;
}
.fun-list-left
.fun-list-left>ul li:first-child{
	padding-top:0
}
.fun-list-left>ul li{
	padding: 1rem 0;
	border-bottom: 1px solid #f4f4f4;
}
.fun-list-left .pic{
	display: block;
	width: 23%;
	margin-right: 2%;
}
.fun-list-left .pic,.fun-list-left .pic img{
	height: 7.5rem;
}
.fun-list-left .pic img{
	display:block;
	width:100%;
	object-fit: cover;
}
.fun-list-left .txt{
	flex-wrap: wrap;
	width: 75%;
}
.fun-list-left .txt h2{
	width: 100%;
	font-size: 1rem;
	line-height: initial;
	font-weight: 600;
}
.fun-list-left .txt h2 a{
	color: #333333;
	letter-spacing: .05rem;
}
.fun-list-left .txt h2 a i{
	padding-right: .2rem;
	color: #ff1212;
}
.fun-list-left .txt p{
	width: 100%;
	font-size: .9rem;
	margin-bottom: .5rem;
}
.fun-list-left .txt p a{
	color: #666;
}
.fun-list-left .txt{
	justify-content: space-between;
}
.fun-list-left .txt span{
	width: 70%;
	font-size: .8rem;
	color: #999;
	justify-content: inherit;
}
.fun-list-left .txt span>i,.fun-list-left .txt span>em{
	font-style: normal;
}
.fun-list-left .txt span>i{
	padding-right: 1rem;
}
.fun-list-left .txt span>em{
	padding-left: .5rem;
}

.fun-pages {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    padding-left: 0;
    padding-right: 0;
    font-size:.95rem;
}
.fun-pages ul{
	justify-content: center;
}
.fun-pages li {
    text-align: center;
}
.fun-pages li:not(:first-child){
    margin-left: .5rem;
}
.fun-pages li.active span{
	color: #fff;
	border-color: #ff3636;
	background-color: #ff3636;
	border-radius: 4px;
}
.fun-pages a,.fun-pages span {
    display: inline-block;
    padding: .2rem .5rem;
    color: #666;
    border: 1px solid #e1e1e1;
}
.fun-pages a:hover{
    background-color: #ff3636;
    border-color: #ff3636;
    color: #fff;
    text-decoration: none;
	border-radius: 4px;
}
.fun-list-right{
	box-sizing: border-box;
	padding-right: 0;
	padding-left: 0;
	border-left: 1rem solid #f5f5f5;
}
.h2-title-3{
	font-size: 1.2rem;
	font-weight: bold;
	display:flex;
	padding: 1rem 0 .5rem;
	align-items:center;
	background-color: #fff;
	margin-bottom: 0;
}
.h2-title-3:before {
	content:'';
	border-left: 5px solid #ff3636;
	margin-right: 1rem;
	display: inline-block;
	height: 1.2rem;
	line-height: 1.2rem;
}
.h2-title-3 font {
    color: #f05a14;
}
.list-right-item1 ol li,.list-right-item2 ul li,.list-right-item3 ol li{
	font-size: .95rem;
}
.list-right-item1 li{
	margin-bottom:1rem;
}
.list-right-item1 li a {
	color: #333;
	margin-bottom: .2rem;
}
.list-right-item1 li span,.list-right-item2 ul li p span{
	width: 100%;
	color: #999;
	font-size: .8rem;
	justify-content: space-between;
}
.list-right-item1 li span em ,.list-right-item2 ul li p span em{
	font-style:normal;
}
.list-right-item1 ol,.list-right-item2 ul,.list-right-item3 ol{
	padding:1rem;
	background-color: #ffffff;
	margin-bottom:1rem;
}
/* .list-right-item2 ul li:first-child a:last-child:before{
	background-color: #ffb527;
}
.list-right-item2 ul li:nth-child(2) a:before{
	content: '2';
	background-color: #ffb527;
}
.list-right-item2 ul li:nth-child(3) a:before{
	content: '3';
	background-color: #ffb527;
}
.list-right-item2 ul li:nth-child(4) a:before{
	content: '4';
}
.list-right-item2 ul li:nth-child(5) a:before{
	content: '5';
}
.list-right-item2 ul li:nth-child(6) a:before{
	content: '6';
}
.list-right-item2 ul li:nth-child(7) a:before{
	content: '7';
}
.list-right-item2 ul li:nth-child(8) a:before{
	content: '8';
}
.list-right-item2 ul li:nth-child(9) a:before{
	content: '9';
}
.list-right-item2 ul li:nth-child(10) a:before{
	content: '10';
} 
.list-right-item2 ul li a:before{
	display: inline-block;
	height: 1.2rem;
	line-height: 1.2rem;
	width: 1.2rem;
	color: #fff;
	text-align: center;
	background-color: #ccc;
	margin-right:.5rem
}*/

.list-right-item2 ul li:not(:last-child) {
    border-bottom: 1px solid #eee;
    margin-bottom:1rem;
    padding-bottom:1rem;
}
.list-right-item2 ul li{
	align-items: end;
	line-height: 1.5rem;
	justify-content: space-between;
}
.list-right-item2 ul li a.pic{
	width: 35%;
	display: block;
	overflow:hidden;
}
.list-right-item2 ul li a.pic,.list-right-item2 ul li a.pic img {
    height: 5rem;
}
.list-right-item2 ul li a.pic img{
	display: block;
	object-fit: cover;
	width: 100%;
	transition: all 1s;
}
.list-right-item2 ul li a.pic img:hover{
	-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
}
.list-right-item2 ul li p{
	width: 62%;
	margin-bottom: 0;
}
.list-right-item2 ul li p span{
	margin-top:.5rem;
}
.list-right-item3 ol li{
	margin-top: .75rem;
	line-height: 1.5rem;
}
.list-right-item3 ol li i{
	color: #ffb527;
	padding-right:.5rem;
	font-style: normal;
}
.fun-article-left{
	padding-right: 1.5rem;
	box-sizing: border-box;
	background-color: #fff;
}
.fun-article-head h1 {
	font-size: 1.5rem;
	text-align: center;
	color: rgb(28 28 28);
	font-weight: normal;
	margin-bottom: 1rem;
	margin-top: 2rem;
}

.fun-article-editor {
	color: #C0C4CC;
	font-size: .8rem;
	text-align: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 1rem;
}
.fun-article-editor span{
	padding-right: .8rem;
	margin: 1rem 0;
}
.fun-article-body{
	padding:0 .5rem;
}
.fun-article-body p,.fun-article-body h3,.fun-article-body h2,.fun-article-body strong {
	font-size: 1rem;
	line-height: 1.7;
	overflow: hidden;
	text-align: justify;
	margin: 1rem 0;
}
.fun-article-body h3,.fun-article-body h2,.fun-article-body strong{
	font-weight: 600;
	color: #ff3636;
}
.fun-article-body img {
	display: block;
	margin: 0 auto;
	max-width: 550px;
	width: 100% !important;
	height: auto !important;
}
.fun-article-zixun{
	text-indent: 2rem;
}
.fun-preNext {
	justify-content: space-between;
	background-color: #f9f9f9;
	border-radius: .2rem;
	margin: 1.5rem 0 1rem;
	font-size: .95rem;
	line-height: 1.5;
	padding: 1rem;
	border: 1px solid #efefef;
	color: #999;
}

.fun-preNext span {
	width: 49%;
}
.fun-preNext span i{
	color:#ff3636;
	font-style:normal;
}
.fun-article-relation ul{
	flex-wrap: wrap;
	justify-content:space-between;
}
.fun-article-relation li{
	font-size: .95rem;
	width:49%;
	margin-bottom: 1rem;
}
.fun-article-relation li i {
    color: #dddddd;
    font-style: normal;
    padding-right: .5rem;
}



@media(max-width: 800px) {
	.fun-position{
		padding: 0 .5rem 1rem;
		border-bottom: 1px solid  #eee;
	}
	.fun-list,.fun-article{
		padding-left: .75rem;
		padding-right: .75rem;
		margin-top: 0;
	}
	.fun-list-left .pic, .fun-list-left .pic img{
		height: 5.8rem;
	}
	.fun-list-left .txt span{
		width: 100%;
	}
	.fun-list-right{
		display: none;
	}
	.fun-pages ul{
		justify-content: center;
	}
	.fun-pages li{
		display:none;
	}
	.fun-pages li:first-child,.fun-pages li:last-child,.fun-pages li.active{
		display:block;
	}
	
}
@media(max-width: 768px) {
	.fun-preNext span{
		width: 100%;
	}
	.fun-preNext {
		flex-wrap: wrap;
	}
	.fun-preNext span:first-child {
		margin-bottom: 10px;
	}
}
@media(max-width: 600px) {
	.fun-article-relation li{
		width: 100%;
	}
	menu{
		margin-top: 0;
	}
}
@media(max-width: 360px){
	.fun-list-left .txt span>i{
		display: none;
	}
}