﻿body{
	background-color: #f5f5f5;
}
li{
	list-style: none;
}
a{
	color: black;
}
.li-style ul{
	padding: 0px;
}
.li-style li{
	margin: 10px 25px 0px 25px;
	/* padding-bottom: 10px; */
	border-bottom: solid #c2c2c2 1px;
}
.li-style li a{
	font-family: 微软雅黑;
	
}
.li-style li span{
	display: block;
	margin: 5px 0px;
	color: #c8c8c8;
}
.li-style li p{
	color: darkgray;
}
.tiaozhuan{
	width: 25px;
	height: 20px;
}
.pagination{
	padding: none;
}
.pagination > li > a, .pagination > li > span 
{
	color: black;
	padding: 6px 10px;
}
@media screen and (max-width:768px){
	.li-style ul li a {
		display: inline-block;
		width: 100%; /* 容器宽度 */
		overflow: hidden; /* 隐藏溢出的内容 */
		white-space: nowrap; /* 禁止文本换行 */
		text-overflow: ellipsis; /* 溢出内容用省略号表示 */
	}
}  
@media screen and (max-width:450px){
	.pagination > li > a, .pagination > li > span {
		padding: 6px 6px;	
		font-size: 13px
	}

}
@media screen and (max-width:375px){
	.pagination > li > a, .pagination > li > span {
		padding: 6px 4px;	
		font-size: 12px
	}

}    
/* 最小移动端 */
@media only screen and (max-width:320px)
{
	.li-style li a{
		font-size: 14px;
	}
	.li-style li span{
		font-size: 12px;
	}
	.li-style li p{
		font-size: 12px;
	}
}
/* 移动端 */
@media(min-width: 321px) and (max-width:759px)
{
	.li-style li a{
		font-size: 18px;
	}
}
/* pc端 */
@media (min-width:760px)
{	
	.li-style li a{
		font-size: 22px;
	}
	
}