.ui-pagination-container {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	flex-wrap: wrap;
}

.ui-pagination-container .ui-pagination-page-item {
	font-size: 16px;
	padding: 10px;
	background: #f4f4f5;
	border-radius: 2px;
	color: #606266;
	margin: 30px 3px 0;
	text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item:hover {
	color: #5a49f8;
	text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item.active {
	background: #5a49f8;
	color: #fff;
	cursor: default;
}


/*======================================================
    pagination media query
=======================================================*/

/* max-width 768px */
@media all and (max-width: 768px) {
	.ui-pagination-container .ui-pagination-page-item {
		font-size: 14px;
		padding: 8px;
		background: #f4f4f5;
		border-radius: 2px;
		color: #606266;
		margin: 15px 3px 0;
		text-decoration: none;
	}
}

/* max-width 580px */
@media all and (max-width: 580px) {}

/* max-width 420px */
@media all and (max-width: 420px) {}

@media all and (max-width: 380px) {}