.category-box[data-v-b7c89049]{position:relative;width:-moz-fit-content;width:fit-content}.category-title[data-v-b7c89049]{border:1px solid #d5dae2;border-radius:8px;box-sizing:border-box;color:#4a5464;cursor:pointer;display:inline-block;padding:16px 52px 16px 16px;position:relative}.category-title span[data-v-b7c89049]{font-size:#4a5464;font-weight:400}.category-title .img-box[data-v-b7c89049]{position:absolute;right:16px;top:55%;transform:translateY(-50%)}.category-title.active[data-v-b7c89049]{background-color:#10141c;border-color:#10141c}.category-title.active span[data-v-b7c89049]{color:#fff}.category-depth[data-v-b7c89049]{background-color:#fff;border:1px solid #d5dae2;border-radius:8px;box-shadow:0 0 15px #10141c0d;box-sizing:border-box;left:0;padding:12px;position:absolute;top:calc(100% + 10px);width:240px;z-index:10}.category-depth ul[data-v-b7c89049]{display:grid;grid-template-columns:repeat(1,1fr)}.category-depth ul li[data-v-b7c89049]{border-radius:4px;box-sizing:border-box;cursor:pointer;margin-bottom:10px;padding:8px 12px}.category-depth ul li.active span[data-v-b7c89049]{color:#10141c;font-weight:400}.category-depth ul li:hover span[data-v-b7c89049]{color:#10141c}.category-depth ul li[data-v-b7c89049]:last-child{margin-bottom:0}.category-depth span[data-v-b7c89049]{color:#4a5464;font-size:16px;font-weight:400}