﻿
/* 分页 */
#page{padding-top:110px;}
#page .lyui_paging_btn,
#page .lyui_paging_point,
#page .lyui_paging_prev, 
#page .lyui_paging_next,
#page .lyui_paging_first, 
#page .lyui_paging_last{margin: 0 5px;min-width: 58px; height: 58px;border: 1px solid #eaeaea;border-radius: 5px;background-color: rgba(255, 255, 255,0.1);text-align: center; font-size: 18px;color: #666;position: relative; z-index: 3; transition: all 0.3s;}
#page .lyui_paging_number{margin: 0;}
#page .lyui_paging_btn.cur{border-color:var(--main); color:#fff;background-color:var(--main);}
#page .lyui_paging_btn:hover,
#page .lyui_paging_prev:hover, 
#page .lyui_paging_next:hover,
#page .lyui_paging_first:hover, 
#page .lyui_paging_last:hover{border-color:var(--main); color:#fff;background-color:var(--main);}

#page .lyui_paging_prev .svg, 
#page .lyui_paging_next .svg,
#page .lyui_paging_first .svg, 
#page .lyui_paging_last .svg{fill:#666;}
#page .lyui_paging_prev .svg, 
#page .lyui_paging_first .svg{transform: rotate(180deg);}
#page .lyui_paging_prev:hover .svg, 
#page .lyui_paging_next:hover .svg,
#page .lyui_paging_first:hover .svg, 
#page .lyui_paging_last:hover .svg{fill:#fff;}
#page .lyui_paging > font{display: none;}

@media screen and (max-width: 1680px){
	#page{padding-top: 100px;}
}
@media screen and (max-width: 1440px){
	#page{padding-top: 90px;}
}
@media screen and (max-width: 1200px){
	#page{padding-top: 70px;}
	#page .lyui_paging_btn,
	#page .lyui_paging_point,
	#page .lyui_paging_prev, 
	#page .lyui_paging_next,
	#page .lyui_paging_first, 
	#page .lyui_paging_last{min-width: 55px; height: 55px;}
}
@media screen and (max-width: 1050px){
	#page{padding-top: 50px;}
	#page .lyui_paging_btn,
	#page .lyui_paging_point,
	#page .lyui_paging_prev, 
	#page .lyui_paging_next,
	#page .lyui_paging_first, 
	#page .lyui_paging_last{min-width: 50px; height: 50px; font-size: 16px;}
}
@media screen and (max-width: 992px){
	#page{padding-top: 8vw;}
	#page .lyui_paging_btn,
	#page .lyui_paging_point,
	#page .lyui_paging_prev, 
	#page .lyui_paging_next,
	#page .lyui_paging_first, 
	#page .lyui_paging_last{min-width: 5vw; height: 5vw; font-size: .1212rem;}
}
@media screen and (max-width: 768px) {
	#page .lyui_paging_btn,
	#page .lyui_paging_point,
	#page .lyui_paging_prev, 
	#page .lyui_paging_next,
	#page .lyui_paging_first, 
	#page .lyui_paging_last{min-width: 6vw; height: 6vw;font-size:0.18rem;}
}
@media screen and (max-width: 576px) {
	#page{padding-top: 10vw;}
	#page .lyui_paging_btn,
	#page .lyui_paging_point,
	#page .lyui_paging_prev, 
	#page .lyui_paging_next,
	#page .lyui_paging_first, 
	#page .lyui_paging_last{margin: 0 0.5vw; min-width: 8vw; height: 8vw;font-size:0.24rem;}
	#page .lyui_paging_prev .svg, 
	#page .lyui_paging_next .svg,
	#page .lyui_paging_first .svg, 
	#page .lyui_paging_last .svg{transform: scale(1.1);}
	#page .lyui_paging_prev .svg, 
	#page .lyui_paging_first .svg{transform: rotate(180deg) scale(1.1);}
}
@media screen and (max-width: 530px) {
	#page{padding-top: 10vw;}
	#page .lyui_paging_btn,
	#page .lyui_paging_point,
	#page .lyui_paging_prev, 
	#page .lyui_paging_next,
	#page .lyui_paging_first, 
	#page .lyui_paging_last{min-width: 9vw; height: 9vw;font-size:0.26rem;}
	#page .lyui_paging_prev .svg, 
	#page .lyui_paging_next .svg,
	#page .lyui_paging_first .svg, 
	#page .lyui_paging_last .svg{transform: scale(0.9);}
	#page .lyui_paging_prev .svg, 
	#page .lyui_paging_first .svg{transform: rotate(180deg) scale(0.9);}
}