@layer utilities {
	.content-auto {content-visibility: auto;}
	.text-shadow {text-shadow: 0 2px 4px rgba(0,0,0,0.1);}
	.text-shadow-lg {text-shadow: 0 4px 8px rgba(0,0,0,0.2);}
	.card-hover {transition: all 0.3s ease;}
	.card-hover:hover {transform: translateY(-4px);box-shadow: 0 6px 12px rgba(0,0,0,0.08);}
	.gradient-overlay {background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
	.scrollbar-hide::-webkit-scrollbar {display: none;}
	.scrollbar-hide {-ms-overflow-style: none;scrollbar-width: none;}
	.py-6{border-bottom:1px solid #d1d1d1;}
	.footer-ewm{width: 30%;margin-left: 2%;}
	.footer-ewm img{border: 1px solid #d1d1d1;width: 100%;height: 100%;}
	.footer-ewm p{text-align: center;font-size: 14px;}
	.bei-an{width: 100%;border-top:0.5px solid #d1d1d1;text-align: center;}
	.bei-an img{display: inherit !important;}
	.bei-an p{line-height: 40px;font-size: 14px;color: #165dff !important;}
	.bei-an a{line-height: initial;}
}
.float-div{
	display: flex;z-index: 50;right: 5px;position: fixed;bottom: 150px;flex-direction: column;gap: 0.75rem;
}
.float-box{
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	border-radius: 50px;justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	display: flex;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
.lbt-div{min-height: 145px;position: relative;overflow: hidden;}
.lbt-img{width: 100%;height: auto;object-fit: contain;}
.header-title{width: calc(100% - 30px);text-align: center;font-size: 1.25rem;font-weight: 700;line-height: 1.75rem;}
.pro-type{padding: 5px 5px 0px 0px;height: auto;width: 100%;}
.pro-type span:hover{color:#165dff !important;}
.pro-type span{width: 90px;float: left;text-align: center;border-bottom: 1px solid #eee;font-size: 13px;cursor: pointer;padding:7px 2px;}
.check-pt{font-weight: 600;color:#165dff !important;background-color: rgba(22, 93, 255, 0.1);}
.ui-pagination-page-item{font-size: 12px !important;}

.dialog-mask{position: fixed;height: 100%;width: 100%;background-color: #79797999;top:0;z-index: 100;display: none}
.dialog-slider{position: fixed;height: 200px;width: 96%;z-index: 999;display: none;margin: 80% 2%;}
.slider-box{width: 100%;height:200px;border-radius: 5px;background-color: white;padding: 1%;}
#slideImg .verify-img-panel{width: 100% !important;margin-bottom: 0px !important;background-size: cover !important;}
#slideImg .verify-bar-area{width: 100% !important;}
.product-div{padding: 0.75rem;width: 75%;height: auto;}
.pro-type-div{height: 800px;border-right-width: 1px;width: 25%;top: 4rem;position: sticky;overflow-y: auto;}
.pagebar{margin-top: 20px;}
.search-name{
	font-size: 0.875rem;
	line-height: 1.25rem;
	padding: 0.5rem 1rem ;
	--tw-bg-opacity: 1;
	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
	border-radius: 0.5rem;
	width: 100%;
}
.search-btn{
	--tw-text-opacity: 1;
	color: rgb(134 144 156 / var(--tw-text-opacity, 1));
	right: 0.5rem;
	position: absolute;
	height: 30px;
	width: 30px;
	margin-top: -17px;
	align-items: center;
	justify-content: center;
	display: flex;
}