.classifier[data-v-5cfc39ee]{display:flex;border-radius:var(--pc-border-radius);overflow:hidden}.classifier.active[data-v-5cfc39ee]{box-shadow:0 2px 4px 0 hsla(0,0%,76.5%,.5)}.classifier-item[data-v-5cfc39ee]{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:4px solid transparent;padding:25px 0;cursor:pointer;position:relative}.classifier-item .activeText[data-v-5cfc39ee]{opacity:0}.classifier-item .activeText[data-v-5cfc39ee],.classifier-item .defaultText[data-v-5cfc39ee]{font-weight:600;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .1s}.classifier-item .defaultText[data-v-5cfc39ee]{opacity:1}.classifier-item .tag[data-v-5cfc39ee]{font-weight:600;font-size:16px;margin-left:8px}.classifier-item.active:hover .activeText[data-v-5cfc39ee]{opacity:1}.classifier-item.active:hover .defaultText[data-v-5cfc39ee]{opacity:0}.classifier .navtab[data-v-5cfc39ee]{display:none}@media screen and (max-width:768px){.classifier[data-v-5cfc39ee]{border-radius:var(--h5-border-radius)}.classifier-item[data-v-5cfc39ee]{display:none}.classifier.active[data-v-5cfc39ee]{box-shadow:0 2px 4px 0 hsla(0,0%,76.5%,.5)}.classifier .navtab[data-v-5cfc39ee]{display:block;width:100%;background:#fff;position:relative}.classifier .navtab .posTabBox[data-v-5cfc39ee]{display:flex;align-items:center;justify-content:space-between}.classifier .navtab .posTabBox .left_icon[data-v-5cfc39ee],.classifier .navtab .posTabBox .right_icon[data-v-5cfc39ee]{width:32px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden}.classifier .navtab .posTabBox .direction_icon[data-v-5cfc39ee]{font-size:20px;color:#181818;font-weight:600}.classifier .navtab .tabBoxs[data-v-5cfc39ee]{width:calc(100% - 64px);touch-action:pan-x;transition:transform .5s;display:flex;align-items:stretch;overflow-x:scroll;display:-webkit-box}.classifier .navtab .tabBoxs[data-v-5cfc39ee]::-webkit-scrollbar{display:none}.classifier .navtab .tabBoxs .item[data-v-5cfc39ee]{color:var(--h5-color);margin-bottom:0;padding:16px 12px;line-height:24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;overflow:hidden;border-bottom:2px solid var(--h5-border-color);box-sizing:border-box}.classifier .navtab .tabBoxs .item.active[data-v-5cfc39ee]{color:var(--h5-actived-color);border-bottom:2px solid var(--h5-border-actived-color);box-sizing:border-box}}