html { height: 100%; }

html body { background-color: #f5f5f5; font-size: .28rem; width: 100%; height: 100%; position: relative; visibility: hidden; }

html body em { font-style: normal; }

html body a { -webkit-tap-highlight-color: transparent; }

header { height: 1rem; width: 100%; top: 0; left: 0; background-color: #fff; line-height: 1rem; padding: 0 .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10; }

header .icon_back { width: .64rem; height: .64rem; text-align: center; line-height: .64rem; color: #333; }

header .icon_back i { font-size: .46rem; color: #666; }

header .icon_search { width: .64rem; height: .64rem; color: #333; text-align: center; line-height: .64rem; }

header .icon_search i { font-size: .4rem; }

header .icon_search p { font-size: .24rem; color: #666; }

header .link-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 .2rem; border-radius: 1rem; height: .6rem; line-height: .6rem; overflow: hidden; border: 1px solid #eee; }

header .link-list a { color: #333; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: .6rem; position: relative; border-radius: 1rem; }

header .link-list a.on { font-weight: 700; background-color: #fbbb11; color: #fff; }

.main { width: 100%; padding-left: 2rem; position: absolute; top: 1rem; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; }

.main .category-slide { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 2rem; background-color: #fff; text-align: center; overflow-y: scroll; }

.main .category-slide ul { height: 100%; }

.main .category-slide ul li a { color: #000; font-size: .2rem; height: .8rem; line-height: .8rem; display: block; border: .06rem solid transparent; }

.main .category-slide ul li.on a { border-left-color: #ef1f34; color: #ef1f34; background-color: #f6f6f6; }

.main .category-block { padding: 0 .1rem; background-color: #f5f5f5; overflow-y: scroll; height: 100%; }

.main .category-block .category-card { height: auto; display: none; }

.main .category-block .category-card .recommed-brand { padding: .3rem .1rem; }

.main .category-block .category-card .recommed-brand .list-swiper { overflow: hidden; border-radius: 5px; position: relative; }

.main .category-block .category-card .recommed-brand .list-swiper .swiper-slide a img { max-width: 100%; }

.main .category-block .category-card .recommed-brand .list-swiper .swiper-pagination-bullet { background-color: #ef1f34; }

.main .category-block .category-card:first-child { display: block; }

.main .category-block .category-card .category-group .title { padding: .2rem .1rem; font-size: .32rem; color: #333; text-align: left; }

.main .category-block .category-card .category-group ul { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.main .category-block .category-card .category-group ul.min-ul li a { padding: .16rem 0; }

.main .category-block .category-card .category-group ul.min-ul li a:active { background-color: rgba(239, 31, 52, 0.1); }

.main .category-block .category-card .category-group ul.industry-ul { padding-top: .1rem; }

.main .category-block .category-card .category-group ul li { width: 33.333%; padding: 0 .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: .1rem 0; }

.main .category-block .category-card .category-group ul li a { padding: .1rem 0; display: block; color: #666; text-align: center; background-color: #fff; border-radius: 5px; border: 1px solid #eee; }

.main .category-block .category-card .category-group ul li a img { display: block; width: 1rem; height: 1rem; margin: 0 auto; }

.main .category-block .category-card .category-group ul li a p { margin-top: .1rem; color: #666; font-size: .24rem; }
/*# sourceMappingURL=brand_category.css.map */