body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
}

.group:hover .group-hover\:block {
    display: block;
}

.group:hover .group-hover\:inline-block {
    display: inline-block;
}

.group:hover .group-hover\:inline {
    display: inline;
}

.group:hover .group-hover\:flex {
    display: flex;
}

.group:hover .group-hover\:inline-flex {
    display: inline-flex;
}

.group:hover .group-hover\:table {
    display: table;
}

.group:hover .group-hover\:table-row {
    display: table-row;
}

.group:hover .group-hover\:table-cell {
    display: table-cell;
}

.group:hover .group-hover\:hidden {
    display: none;
}

.group:hover .group-hover\:scale-150{
    transform: scale(1.5);
    filter: blur(3px);
}

.text-md {
    font-size: .9rem;
    line-height: 1.4rem;
}

.h-1px {
    height: 1px;
}

.h-2px {
    height: 2px;
}

.h-3px {
    height: 3px;
}

.h-4px {
    height: 4px;
}

.group-hover\:w-full {
    transition: all .3s;
}

.group:hover .group-hover\:w-full {
    width: 100%;
}

#home-swiper-categories .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#home-swiper-categories .swiper-slide {
    background-size: cover;
    background-position: center;
}

#home-swiper-categories .gallery-top {
    width: 100%;
}

#home-swiper-categories .gallery-thumbs {
    box-sizing: border-box;
    padding: 10px;
    max-width: 800px;
    position: relative;
}
.home-banner{top:88px;}
@media (max-width: 768px){ 
	.home-banner{top:82px;}
}
@media (min-width:1024px){
    #home-swiper-categories .gallery-thumbs{
        top: -70px;
    }
}
#home-swiper-categories .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.8;
    backdrop-filter: blur(4px);
}

#home-swiper-categories .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    padding-bottom: 10px;
    background: #8bda79;
    top: -10px;
}
.swiper-container{
    --swiper-theme-color: #8bda79;/* 设置Swiper风格 */
    --swiper-navigation-color: #158bd0;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.home-swiper-container{
    --swiper-navigation-color: #ffffff;/* 单独设置按钮颜色 */
}
.gallery-top{
    --swiper-navigation-color: #000 !important;
}
.content{
    min-height: 100vh;
}
.text-shadow{
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
/* 组件
 * Page
 * 分页样式 
 */
 .ui-paging,.ui-paging input {
	color:gray;
	margin:0;
	padding:0;
	zoom:1;
	font-size:12px;
	vertical-align:middle
}
.ui-paging:after {
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden
}
.ui-paging a,.ui-paging span.ui-paging-prev,.ui-paging span.ui-paging-next {
	text-decoration:none;
	color:gray;
	margin:0 3px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	height:26px;
	line-height:26px
}
.ui-paging-prev,.ui-paging-next,.ui-paging-goto {
	background-color:#F9F9F9;
	background:-webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#F4F4F4));
	background:-moz-linear-gradient(top,#FEFEFE,#F4F4F4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE',endColorstr='#F4F4F4');
	background:-o-linear-gradient(top,#FEFEFE,#F4F4F4);
	background:linear-gradient(top,#FEFEFE,#F4F4F4);
	padding:0 12px;
	border:1px solid #ccc;
	border-radius:3px;
	box-shadow:0 0 0 1px #fff inset
}
.ui-paging-prev:hover,.ui-paging-next:hover,.ui-paging-goto:hover {
	border-color:#999;
	color:#666
}
.ui-paging-prev:hover .iconfont,.ui-paging-next:hover .iconfont {
	color:#666
}
.ui-paging .ui-paging-prev {
	margin:0 3px 0 0
}
.ui-paging .iconfont {
	font-size:10px;
	color:#787878
}
.ui-paging a.ui-paging-item {
	background-color:#f3f3f3;
	font-weight:700;
	padding:0 12px;
	border:0
}
.ui-paging a.ui-paging-current,.ui-paging a.ui-paging-item:hover {
	background-color: #E74C3C;
    color: #FFFFFF;
}
a.ui-paging-prev:hover,a.ui-paging-next:hover {
	text-decoration:none;
	color:#666
}
.ui-paging-info {
	line-height:24px;
	margin-right:5px;
	height:24px
}
.ui-paging-ellipsis {
	margin:0 5px;
	line-height:16px;
	font-weight:700
}
.ui-paging-which input {
	height:20px;
	line-height:20px;
	padding:0 6px;
	width:22px;
	border:1px solid;
	border-color:#aaa #d1d1d1 #d1d1d1 #aaa
}
.ui-paging-which input:hover {
	border-color:#999;
	color:#666
}
.ui-paging-bold {
	font-weight:700;
	padding:0 8px
}
.ui-paging span.ui-paging-prev,.ui-paging span.ui-paging-next,.ui-paging span.ui-paging-prev .iconfont,.ui-paging span.ui-paging-next .iconfont {
	color:#fff;
	box-shadow:none;
	background:#d4d4d4;
	border-color:#d4d4d4;
	filter:none
}
.ui-paging span.ui-paging-prev{
	margin-left:0;
}
.ui-paging span.ui-paging-next{
	margin-right:0;
}
.ui-paging .iconfont{
    display: none;
}