.category-nav {
                    position:absolute; bottom:15px; left:0; right:0;z-index:99;
                    width:100%; margin:0 auto;
                }

                .scrollbox{ 
                    display: flex; justify-content: center; align-items:center; 
                    width:100%;
                    overflow-y:hidden;
                    overflow-x: auto; 
                    -webkit-overflow-scrolling: touch; /* 平滑滚动(iOS) */
                    scrollbar-width: none; /* 隐藏滚动条(Firefox) */ 
                }
                
                .scrollbox::-webkit-scrollbar{width:0;height:0; display:none;}
                .scrollbox::-webkit-scrollbar-thumb{ display:none;}

                .category-item {
                    width:20%; 
                    flex-shrink:0;
                    padding: 0px 0px;
                    margin: 0 10px;
                    cursor: pointer; 
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }

                    .category-item.active {
                        /*background-color: #fff;*/
                        color: #ff6a00;
                    }

                .category-item>span.cate_img{width:60px; height:60px; display:flex; justify-content:center; align-items:center; text-align:center; }
                .category-item>span.cate_img>img{width:40px; }

                .category-item.active>span.cate_img{background:#fff; border-radius:50%; }
                

                .cate_title{margin-top:8px; height:42px; line-height:14px; font-size:12px; overflow:hidden; word-break:normal; text-align:center;}

                .swiper-category {
                    display: none;
                    width: 100%;
                    height: 100%;
                }

                    .swiper-category.swiper-active {
                        display: block;
                    }

                .productcontainer {
                    width: 100%;
                    height: 500px;
                }
                .proinfobox{position:relative; width:100%; height:100%;}
                .pro_info{position:absolute; left:20px; top:20px;z-index:10; }
                .pro_info h4{font-size:18px; color:#000; text-align:left; }
                .pro_info h4 a{ color:#000; }
                /*.pro_info a{display:flex; justify-content:center; align-items:center; width:120px; margin-top:10px; color:#000; padding:0 0px; border-radius:20px; height:30px; line-height:30px; border:solid 1px #c0c0c0;}*/ 

                .swiper-active{text-align:center; }
                .swiper-slide img.pro_img { 
                    margin-top:80px;
                    height: 50%;
                    object-fit: cover;
                }

                .swpprev, .swpnext { 
                    top:40%!important;
                }

                .swpprev:after, .swpnext:after {
                    font-size:20px;
                    color:#666;
                    top:40%!important;
                }

                .exbnext:after, .exbnext:after {
                    font-size:20px;
                    color:#666;
                }