.main .title svg, .main .title img{
            vertical-align: middle;
        }
        #profile {
        font-size: 15px;
        font-family: Proxima Nova, Arial, sans-serif;
        margin-bottom: 0px;
        margin-top: 0px;
        display: block;
        }
        
        #profile .profile__purchase {
            background: #fff;
            text-align: right;
            padding-top: 4px;
            padding-bottom: 4px;
            color: #fff
        }
        
        #profile .profile__purchase__connectivity {
            transition: color .2s ease
        }
        
        #profile .profile__purchase__connectivity.connected {
            color: #28a745
        }
        
        #profile .profile__purchase__connectivity.disconnected {
            color: #dc3545
        }
        
        #profile .profile__purchase__connectivity.connecting {
            color: #6c757d
        }
        
        #profile .profile__header {
            /*background: linear-gradient(#f7d0ee00, #9878cb9e);*/
            min-height: 256px;
            transition: height .2s
        }
        
        #profile .profile__header.small {
            height: 60px
        }
        
        #profile .profile__header__buttons a {
            color: hsla(0, 0%, 100%, .8);
            padding: 0 10px;
            font-size: 14px
        }
        
        #profile .profile__header__buttons a:hover {
            text-decoration: none
        }
        
        #profile .profile__header .navbar-brand img {
            width: 140px
        }
        
        #profile .profile__avatar {
            border: 3px solid #fff;
            width: 100px;
            height: 100px;
            border-radius: 50%
        }
        
        #profile .profile__username a {
            color: #f95;
            font-size: 24px
        }
        
        #profile .profile__username a:hover {
            text-decoration: none
        }
        
        #profile .profile__online_status.online svg {
            color: #42b72a
        }
        
        #profile .profile__online_status.offline svg {
            color: #6ee5beba;
        }
        
        #profile .profile__online_status svg {
            width: 24px;
            height: 24px;
            position: absolute;
            margin-left: -35px;
            border: 2px solid rgba(0, 0, 0, .5);
            border-radius: 50%;
            margin-top: 80px
        }
        
        #profile .profile__products__search {
            position: relative;
            color: grey
        }
        
        #profile .profile__products__search--icon {
            position: absolute;
            left: 18px;
            top: 4px;
            /*x和放大镜的边框以及内边距*/
            /*border-left: 1px solid #000;*/
            /*padding-left: 2px;*/
        }
        
        #profile .profile__products__search--icon--clear {
            cursor: pointer;
            position: absolute;
            right: 5%;
            top: 3px
        }
        
        #profile .profile__products__search--active {
            color: inherit;
            position: absolute;
            left:10%;
            top: 8px
        }
        
        /*搜索框样式*/
        #profile .profile__products__search--input {
            padding-left: 26px;
            padding-right: 34px;
            height: 30px;
            background: #ffffff60;
            width: 196px;
            border-radius: 45px;
            margin-top: 10px;
            margin-left: 10px;
            box-shadow: 1px 1px 3px 1px rgb(220 220 220 / 85%);
        }
        
        #profile .profile__product {
            cursor: pointer;
        }
        
        /*商品窗口*/
        .carf_profie{
            background-color: rgba(255, 255, 255, 0.5);
        }
        
        #profile .profile__product--empty {
            border: 1px dashed #999;
            border-bottom: 0;
            min-height: 156px;
            background: 0 0;
            opacity: .8;
            cursor: pointer
        }
        
        #profile .profile__product .card {
            border-radius: 10px;
        }
        
        #profile .profile__product__cover {
            height: 250px;
            background: #fff;
            border-radius: 10px 10px 0 0;
            opacity: .7;
            background-position: center 20px; /* 调整这里 */
        }
        
        #profile .profile__product__cover svg {
            font-size: 48px;
            color: #fff
        }
        
        .profile__product__title {
            font-size: 15px;
            font-weight:bold;
            color: rgb(100,100,100);
            overflow: hidden;
            text-overflow: ellipsis; 
            display:-webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 26px;
        }
        
        #profile .profile__product__info {
            padding: 15px 15px 0
        }
        
        #profile .profile__product__info--empty {
            border: 1px dashed #999;
            height: 80px;
            opacity: .5
        }
        /*分类框*/
        .nav-item{
            height: 40px;
            /*padding-bottom: 10px;*/
            /*padding-right: 20px;*/
            /*padding-left: 20px;*/
            padding-top: 10px;
            /*max-width: 137px;*/
            max-height: 67px;;
            /*min-width: 105px;*/
            /*min-width: 130px;*/
            /*overflow: hidden;*/
            display: inline-block;
            vertical-align: middle;
            background: #f8f8f8;
            margin-right: 14px;
			margin-bottom: 10px; /* 添加底部外边距以在换行时提供间隔 */
            /*height: 67px;*/
            padding: auto;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            position: relative;
            margin: 0px 10px 10px 10px;
            border-radius: 5px;
        }
		
		.nav-item {
    margin-bottom: 10px; /* 在项目之间添加垂直间距 */
    margin-right: 10px; /* 在项目之间添加水平间距 */
}
		
		
		
        /*分类*/
        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            /*background-color: #1677cb8c;*/
            border-radius: 7px;
            /*background: #448bff linear-gradient(45deg,#448bff,#44e9ff);*/
            background-color:#ffa4ac;
            color: #FFFFFF;
        }
		.nav-pills {
			display: flex;
			flex-wrap: wrap;
			justify-content: start; /* 这会让链接从容器的起始边缘开始排列 */
		}
		
		
        /*久鼠标悬停
        .nav-pills .nav-link:not(.active) {
            background-color: rgba(255, 255, 255, 0.5);
            box-shadow: 0px 0px 3px 1px rgb(220 220 220 / 85%);
        }*/
        
        .nav-pills .nav-link {
            margin-right: 1rem
        }
        
        .nav-pills .spacer {
            border-right: 1px dashed grey;
            margin-right: 2rem;
            margin-left: -2rem;
            padding: .5rem 1rem
        }
        /*库存进度条*/
        .jindu{
            display: inline-block;
            width: 73px;
            height: 5px;
            background: rgb(200,200,200);
            position: relative;
            border-radius: 3px;
            margin: auto auto 0px 0px;
        }
        .kucun{
            display: inline-block;
            position: absolute;
            /*width: 40%;*/
            height: 100%;
            background: #0db26a;
            border-radius: 3px;
        }
        
        .nav-link:hover{color:#fff;background-color:#ffa4ac;border-color:#ffa4ac}
        
        .profile__product:hover {
           transform:translateY(5px);
           z-index:0.5;
           -webkit-box-shadow:0 5px 15px rgb(255,164,172)!important;
           cursor: pointer;
           border:5px solid #ffa4ac;
           border-radius:10px;
        }
        .profile__product {
        border:5px solid rgba(100,100,100,0);
        }
        .card-block {
        min-height: 156px;
        }
        @media screen and (max-width: 576px) { .mob-none{display:none; }}
		
		
		
		
		
		
    /* 居中对齐导航栏 */
    .navbar .navbar-collapse {
      text-align: center;
    }

    .navbar .navbar-nav {
      display: inline-block;
      float: none;
      vertical-align: top;
    }

    .navbar .navbar-collapse > .nav navbar-nav {
      float: none !important;
    }

    /* 去除左右padding */
    .navbar-nav > li > a {
      padding-left: 30px;
      padding-right: 30px;
    }

    /* 自定义导航栏背景色 */
    .navbar {
      background-color: #f8f8f8;
    }
		
		
		
		.nav-pills {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* 允许多行显示 */
    overflow-x: hidden; /* 移除水平滚动条 */
}

.nav-item {
    flex: 0 0 auto; /* 防止导航项被拉伸或压缩 */
}
		
		

.product-navigation-container {
    background-color: #FFFFFF; /* 设置背景为白色 */
    padding: 20px 0; /* 上下内边距为20px，左右为0 */
}

.nav-wrapper {
    overflow-x: auto; /* 允许在小屏幕上滚动 */
    white-space: nowrap; /* 防止导航项换行 */
}

.nav-pills {
    justify-content: center; /* 居中导航项 */
}

.nav-item {
    margin-right: 10px; /* 在项目之间添加一些间距 */
    margin-bottom: 10px; /* 在项目之间添加一些底部间距 */
	
}

/* 在小屏幕上保持导航项间的间距 */
@media (max-width: 576px) {
    .nav-item {
        flex: 0 0 auto; /* 防止导航项在小屏幕上被压缩 */
    }
}	
	

.nav-item {
    height: 40px;
    padding-top: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #f8f8f8;
    margin-right: 14px;
    margin-bottom: 10px; /* 添加底部外边距以在换行时提供间隔 */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    margin: 0px 10px 10px 10px;
    border-radius: 20px; /* 增加这个值来创造椭圆形的效果 */
}


#translate > select {
 width: 100px; /* 或根据实际需要调整宽度 */
    font-family: 'Arial', sans-serif;
    color: #333;
    background-color: #f8f8f8;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 8px; /* 根据需要调整 */
}

#translate {
    line-height: 50px; /* 调整至与导航栏高度一致 */
    display: inline-block; /* 或其他布局方式，以匹配导航栏布局 */
}