.category_flex{
    justify-content: space-between;margin-top: 22px;
}
.category_left{
    border-top: 1px solid #EEEEEE;width: 25%;
}
.category_right{
    width: 70%;
}
/* 左侧分类样式 */
.category_title-h1{
    font-size: 24px;color: var(--background-color);margin: 30px 0 0px 0;
}
.category_tit{
    font-size: 20px;color: #333333;cursor: pointer;
}
.category_li{
   border-bottom: 1px solid #EEEEEE;padding: 20px 0;
}
.category_reclassify-tit{
    align-items: center;justify-content: space-between;cursor: pointer;
}
.category_sum{
    width: 25px;height: 20px;background-color: #F7F7F6;font-size: 14px;color: #999999;display: flex;align-items: center;justify-content: center;
}
.category_reclassify{
    display: none;
}

.category_reclassify li{
    display: flex;align-items: center;justify-content: space-between;margin-top: 15px;
}
.category_reclassify li a{
    font-size: 16px;color: #333333;
}
.category_reclassify li.active a{
    color: var(--background-color);
}
.category_reclassify li:hover a{
    color: var(--background-color);
}
.category_reclassify li:hover .category_sum{
    color: #ffffff;background-color: var(--background-color);
}
.category_reclassify li.active .category_sum{
    color: #ffffff;background-color: var(--background-color);
}

/* 右侧列表样式 */
.select_flex{
    align-items: center;background-color: #F4FAFF;padding: 5px 10px;box-sizing: border-box;width: 100%;
}
#category_select{
    height: 30px;line-height: 30px;cursor: pointer;margin-left: 10px;
}
.category_list{
    gap: 1.25%;margin-top: 10px;display: flex;flex-wrap: wrap;
}
.category_list li{
    width: 32.5%;background-color: #F4FAFF;padding: 10px;box-sizing: border-box;margin-bottom: 10px;
}
.product_name{
   margin-top: 12px;display: block; overflow: hidden;font-size: 16px;color: #333333;
   text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.product_name:hover{
    color: var(--background-color);text-decoration: underline;
}
.product_more{
    color: var(--background-color);font-size: 18px;padding: 10px 0;text-align: center;display: block;
}

/* Haven't Found Your Ideal Machine Yet? */
.Wholesale_flex{
    justify-content: space-between;align-items: center;
}
.Haven-max{
    padding: 70px;
}
.Haven-max .Wholesale_right{
    width: 45%;
}
.Haven-max .Wholesale_left{
    width: 50%;
}
.Wholesale_h2{
    font-size: 20px;color: var(--background-color);font-weight: bold;
}
.Wholesale_p{
    font-size: 14px;color: #999999;
}
.Wholesale_p2{
    font-size: 16px;color: #333333;margin-top: 15px;
}
.dropdown{
    display: none;
}
/* 移动端 */
@media screen and (max-width: 900px) {
    .category_flex{
        flex-wrap: wrap;
    }
    .category_left,.category_right{
        width: 100%;
    }
    .select_flex{
        padding: 10px 15px;justify-content: center;
    }
    #category_select{
        width: 70%;
    }
   
    .category_left{
        display: none;
    }
    /* 基本样式 */
    .dropdown {
        position: relative;display: inline-block;width: 100%;font-size: 16px;background-color: #F4FAFF;padding: 10px;margin-bottom: 10px;
    }
    .dropdown-button {
        width: 100%;padding: 10px;text-align: left;background-color: #ffffff;border: 1px solid #EEEEEE;cursor: pointer;font-size: 18px;color: #333333;
        box-sizing: border-box;justify-content: space-between;align-items: center;
    }
    .dropdown-content {
        display: none;position: absolute;top: 100%;left: 0;right: 0;background-color: white;border: 1px solid #EEEEEE;
        z-index: 1;border-top: 0px;
    }
    .dropdown-content a {
        padding: 10px;display: block;text-decoration: none;color: #333;
    }
    .dropdown-content a:hover {
        background-color: #ddd;
    }
    .show {
        display: block;width: 94.7%;
        left: 2.7%;
        top: 57px;
        border-top: 1px solid #EEEEEE;
    }
}
@media screen and (max-width: 800px) {
    .Haven-max{
        padding: 70px 20px 70px 20px;
    }
    .Wholesale_flex{
        flex-wrap: wrap;
    }
    .Haven-max .Wholesale_flex .Wholesale_left, .Haven-max .Wholesale_flex .Wholesale_right{
        width: 100%;
    }
    .Haven-max  .Wholesale_right img{
        margin: 0 auto 20px auto;width: 70%;
    }
    .Send-Message{
        width: 100%;
    }
  
}
@media screen and (max-width: 768px) {
    .category_list li{width: 49.3%;}

    .category_li{padding: 10px;}
    .category_tit{font-size: 16px;}
    .dropdown-content a{padding: 0;}
    .category_reclassify li a{font-size: 14px;}
    .category_reclassify{border-top: 1px solid #EEEEEE;margin-top: 11px;}
    .category_reclassify li{border-bottom: 1px solid #EEEEEE;padding-bottom: 10px;}
}