.category-box[data-v-13c82384]{background-color:#fff;display:flex;font-size:14px;position:relative;text-align:left}.category-box .category-navs[data-v-13c82384]{border:1px solid var(--primaryColor);padding:12px 0;position:relative;width:210px}.category-box .category-navs li[data-v-13c82384]{height:40px;line-height:40px}.category-box .category-navs li[data-v-13c82384] .item-icon{line-height:20px;margin-right:3px}.category-box .category-navs li .f-cate[data-v-13c82384]{align-items:center;color:#666;display:flex;font-size:14px;font-weight:400;height:100%;justify-content:flex-start;overflow:hidden;padding:0 11px;position:relative;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.category-box .category-navs li .f-cate .nav-icon[data-v-13c82384]{align-items:center;display:flex;margin-right:15px}.category-box .category-navs li.actived .f-cate[data-v-13c82384]{box-shadow:-6px 0 5px 2px rgba(0,0,0,.04);color:var(--primaryColor);font-weight:600}.category-box .category-navs li[data-v-13c82384]:hover{border-right:none!important}.category-box .category-navs li:hover .f-cate[data-v-13c82384]{box-shadow:-6px 0 5px 2px rgba(0,0,0,.04);color:var(--primaryColor);font-weight:600}.category-box .category-navs li:hover .content[data-v-13c82384]{display:block}.content[data-v-13c82384]{background-color:#fff;border:1px solid var(--primaryColor);border-left:none!important;bottom:0;display:none;height:410px;left:208px;padding:10px 20px 0;position:absolute;top:-1px;width:741px;z-index:500}.content .nav-title[data-v-13c82384]{color:#4a4a4a;display:inline-block;font-size:14px;font-weight:600;line-height:22px;padding:0 0 10px;position:relative}.content .nav-title[data-v-13c82384]:after{background:#4a4a4a;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.content .nav-content[data-v-13c82384]{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:10px;overflow-y:auto;width:100%}.content .nav-content .nav-content-item[data-v-13c82384]{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;margin:0 10px;text-decoration:none;width:80px}.content .nav-content .nav-content-item-img[data-v-13c82384]{border:1px solid #d5d5d5;height:80px;margin-bottom:5px;overflow:hidden;padding:5px;width:80px}.content .nav-content .nav-content-item-img img[data-v-13c82384]{height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(1);transition:all .3s;width:100%}.content .nav-content .nav-content-item-title[data-v-13c82384]{color:#4a4a4a;font-size:12px;line-height:16px;padding:5px 0;text-align:center;transition:all .3s;white-space:wrap;width:100%}.content .nav-content .nav-content-item[data-v-13c82384]:nth-child(n-6){margin-left:0}.content .nav-content .nav-content-item[data-v-13c82384]:nth-child(7n){margin-right:0}.content .nav-content .nav-content-item:hover .nav-content-item-img img[data-v-13c82384]{transform:scale(1.1);transition:all .3s}.content .nav-content .nav-content-item:hover .nav-content-item-title[data-v-13c82384]{color:var(--primaryColor);transition:all .3s}.nav-detail[data-v-13c82384]{display:flex;flex-wrap:wrap;width:710px;z-index:2}.nav-detail div[data-v-13c82384]{width:100%}.nav-detail[data-v-13c82384] .category-background{bottom:20px;position:absolute;right:20px;width:200px;z-index:-1}.nav-detail[data-v-13c82384] .category-background img{opacity:.5}.nav-detail p[data-v-13c82384]{color:#4a4a4a;line-height:16px;padding:6px 10px;width:50%}.nav-detail p a[data-v-13c82384]:hover{color:var(--primaryColor)}.nav-detail a[data-v-13c82384]{color:inherit;font-weight:400;text-decoration:none}.img-box[data-v-13c82384]{align-items:center;display:flex;flex-wrap:wrap;margin-top:20px;overflow:hidden}.img-box .img-box-item[data-v-13c82384]{border:1px solid #d5d5d5;box-shadow:0 0 5px 2px rgba(0,0,0,.04);height:80px;margin:10px;padding:5px;width:80px}.img-box .img-box-item .box-item-img[data-v-13c82384],.img-box .img-box-item img[data-v-13c82384]{height:70px;width:70px}.img-box .img-box-item[data-v-13c82384]:hover{box-shadow:0 0 5px 2px rgba(0,0,0,.1);cursor:pointer;transform:scale(1.05);transition:all .1s}.img-box .box-item-img-actived[data-v-13c82384]{box-shadow:0 0 5px 2px rgba(0,131,201,.5);cursor:pointer;transform:scale(1.05);transition:all .1s}.active[data-v-13c82384]{border-right:none!important}.active .f-cate[data-v-13c82384]{box-shadow:-6px 0 5px 2px rgba(0,0,0,.04)}.active .f-cate[data-v-13c82384],.active span[data-v-13c82384]{color:var(--primaryColor);font-weight:600}.active .content[data-v-13c82384]{display:block}