.pageContent[data-v-4704eda8]{padding:20px;background:#fff}.brand-header[data-v-4704eda8]{font-size:24px;margin-bottom:20px}.brand-container[data-v-4704eda8]{position:relative;padding-left:180px}.brand-list[data-v-4704eda8]{position:absolute;top:0;left:0;width:180px;font-size:14px}.brand-list li[data-v-4704eda8]{height:40px;padding-left:12px;color:#666;line-height:40px;box-sizing:border-box;cursor:pointer}.brand-list li.active[data-v-4704eda8]{position:relative;color:#c0a37d;border-top:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee;cursor:default}.brand-list li.active[data-v-4704eda8]:before{content:"";position:absolute;top:11px;left:0;width:2px;height:16px;background-color:#c0a37d}.brand-list li.active[data-v-4704eda8]:after{content:"";position:absolute;top:0;right:-2px;width:3px;height:100%;background-color:#fff;z-index:10}.brand-list .subtitle[data-v-4704eda8]{height:auto;margin-bottom:16px;color:#222;font-size:16px;line-height:24px}.box[data-v-4704eda8]{position:relative;padding-left:37.5%;min-height:522px;border:1px solid #eee}.chart-pie[data-v-4704eda8]{position:absolute;top:0;left:0;width:37.5%;height:100%}.spu-list[data-v-4704eda8]{width:100%;padding-top:10px;padding-bottom:10px;overflow:hidden}.spu-list .spu-item[data-v-4704eda8]{float:left;width:16%;margin-top:10px;margin-left:2%;margin-right:2%}.spu-list .img[data-v-4704eda8]{display:block;width:100%;height:201px}.spu-list p[data-v-4704eda8]{display:-webkit-box;height:45px;margin-top:5px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;font-size:12px;line-height:15px}@media screen and (max-width:1300px){.box[data-v-4704eda8]{position:static;padding-left:0}.chart-pie[data-v-4704eda8]{position:static;width:100%}}