.sidebar[data-v-d318738a]{width:100px;background:#f6f6f6;font-size:14px;height:100%;overflow-y:scroll}.sidebar ul li[data-v-d318738a]{text-align:center;padding:4px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.active[data-v-d318738a]{background:#fff;border-left:4px solid var(--color-tint);color:var(--color-tint)}.sidecontent-item[data-v-469037fc]{width:33%;flex:1;text-align:center;padding:2px;border-bottom:2px solid #f5f7fa;border-right:2px solid #f5f7fa;box-shadow:0 0 10px #f5f7fa}.sidecontent-item img[data-v-469037fc]{width:60px;height:60px}.sidecontent-item p[data-v-469037fc]{font-size:12px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.active[data-v-469037fc]{background:#fff;padding:1px;border:1px solid var(--color-tint)}.sidecontent[data-v-0119146c]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px}.nav-bar[data-v-f3fa1b5a]{display:flex;height:44px;line-height:44px;text-align:center}.left[data-v-f3fa1b5a],.right[data-v-f3fa1b5a]{width:60px}.center[data-v-f3fa1b5a]{flex:1}#goodstype[data-v-4867ed72]{height:100vh;position:relative}.goodstype-bar[data-v-4867ed72]{background:var(--color-tint);color:#fff;z-index:9}.side-bar[data-v-4867ed72]{width:100px;position:fixed;top:44px;left:0;right:0;bottom:49px;height:calc(100% - 95px);overflow:hidden}.side-content[data-v-4867ed72]{top:44px;bottom:49px;width:calc(100% - 100px);overflow:hidden}.side-content[data-v-4867ed72],.side-second[data-v-4867ed72]{position:absolute;left:100px;right:0}