@media screen and (min-width: 768px){
/* 分页 */
.page{
		align-items: right;
	    justify-content: right;
	    position: relative;
	    display: flex;
		margin: 20px 0px;
		color: #333;
}
.page p{
		padding: 5px 12px;
	    margin: 5px 5px 0px 0px;
	    color: #CCCCCC;
	    border: #CCCCCC 1px solid;
	    font-size: 15px;
	    font-weight: normal;
		display: inline-block;
		border-radius: 4px;
		border: 1px solid #DDDDDD;
		background-color: #fff;
}

.page a{
		padding: 5px 12px;
	    margin: 5px 5px 0px 0px;
	    background: #fff none repeat scroll 0% 0%;
	    float: left;
	    color: #404040;
	    border: #CCCCCC 1px solid;
	    font-size: 15px;
	    font-weight: normal;
		display: inline-block;
		border-radius: 4px;
		border: 1px solid #DDDDDD;
}
.page a:hover{
	background-color: #D70D0D !important;
	color: #fff !important;
}
.page .mobliePage{
	display: none;
}
}


@media screen and (max-width: 768px){
/* 分页 */
	.layui-laypage-total{
		display: none;
	}
	.page{
			align-items: center;
		    justify-content: center;
		    position: relative;
		    display: flex;
			margin: 30px 0px;
			margin-left: 5px;
	}
	.page p{
			padding: 0 5px;
		    margin: 5px 5px 0px 0px;
		    color: #CCCCCC;
		    border: #CCCCCC 1px solid;
		    font-size: 15px;
		    font-weight: normal;
			display: inline-block;
			border-radius: 4px;
			background-color: #fff;
			border: 1px solid #DDDDDD;
	}
	.page a{
			padding: 0 5px;
		    margin: 5px 5px 0px 0px;
		    background: #fff none repeat scroll 0% 0%;
		    float: left;
		    color: #404040;
		    border: #CCCCCC 1px solid;
		    font-size: 15px;
		    font-weight: normal;
			display: inline-block;
			border-radius: 4px;
			border: 1px solid #DDDDDD;
	}
	.page .pcPage{
		display: none;
	}
	.page .mobliePage{
		display: block;
	}
}