[v-cloak] {

  display: none;


}

.wrapper{max-width: var(--container-7xl);width: var(--container-7xl);margin-inline: auto;padding-inline: calc(var(--spacing) * 4);}

header{width: 100%;}
header .top{height: calc(var(--spacing) * 10);}
header .top .slogan{font-size: var(--text-base);line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-bold);font-weight: var(--font-weight-bold);--tw-duration: .2s;transition-duration: .2s;cursor: pointer;}

header .function_Bar .logo{display: block;}
header .function_Bar .logo img{display: block;width: auto;}
header .function_Bar .search{max-width: var(--container-4xl);}
header .function_Bar .search input{color: var(--foreground);border-radius: calc(var(--radius)  - 2px);background-color: var(--input-background);}
header .function_Bar .search input::placeholder {color: var(--muted-foreground);}
header .function_Bar .search button{color: var(--primary-foreground);border-radius: 0 calc(var(--radius)  - 2px) calc(var(--radius)  - 2px) 0;position: absolute;top: 0;right: 0;}
header .function_Bar .choose_tax{background-color: var(--color-gray-100);}




#app{min-width: 320px; /* 支持移动设备 */}

/* 响应式布局 */
@media (min-width: 1120px) {
    #app {
        min-width: 1120px;
    }
}

.banner .text{top: 50%;left: 50%;transform: translate(-50% , -50%);}
.banner .swiper-pagination-bullet {width: 14px;height: 14px;border-radius: 14px;background-color: #9EA0A4;opacity: 1;transition: .5s;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35px;background-color: #F00A29!important;}
.banner .btns{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 0 20px;}
.banner .btns .content{width: 100%;}
.banner .btns .btn{display: flex;align-items: center;justify-content: center;width: 49px;height: 49px;font-size: 12px;border-radius: 50%;background-color: rgba(255,255,255,.7);}



/* 修复商品图片样式冲突 */
.Products .img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.Products .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}


.popular .swiper-button-disabled{opacity: .5;}

.Brands_porduct_box .product_select li:hover{background-color: #E6E8EC;}
.Brands_porduct_box .select_box {display: none;}
.Brands_porduct_box .product_select:hover .select_box{display: block;top:calc(100% + 5px);left: 0;animation: show_select .5s ease-out 1;}
@keyframes show_select{
	0%{
		display: block;
		top: 100%;
		opacity: 0;
	}
	50%{
		opacity: 1;
		top:calc(100% + 5px)
	}

}

.Brands_product_list .space-y-4 .bg-card .box{flex-direction: row;height: calc(var(--spacing) * 48);padding: 0;}
.Brands_product_list .space-y-4 .images{width: calc(var(--spacing) * 48);}
.Brands_product_list .space-y-4 .info{flex: 1;padding: calc(var(--spacing) * 6);position: relative;}
.Brands_product_list .space-y-4 .info .btn_add{position: absolute;right: 0;bottom: 0;width: fit-content;}