@charset "utf-8";
.main { width: 100%; padding-left: 2rem; position: absolute; top: .88rem; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; background:white}

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

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

.main .category-slide ul li a { color: #000; font-size: .26rem; height: 1rem; line-height: 1rem; display: block;border-bottom:#e1e1e1 1px solid;border-right:#e1e1e1 1px solid}

.main .category-slide ul li.on a {color: #ef1f34; background-color: white; border-right:#fff 1px solid}

.main .category-block { padding: 0 .1rem; background-color: white; 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; padding:0 .2rem 2rem}
.main .category-block .category-card .category-group dl{padding-bottom:.3rem}
.main .category-block .category-card .category-group h3{overflow: hidden;width:100%;font-size:.28rem;height:.8rem;line-height:.8rem;font-weight:normal;color:#777}


.main .category-block .category-card .category-group h3 span{float:right;}
.main .category-block .category-card .category-group h3 span a{background: url(img/jiantou.png) no-repeat right center;height:.8rem;width:.8rem;background-size: .32rem .32rem;display:block;font-size:.24rem}





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

.main .category-block .category-card .category-group ul li a { display: block; color: #666; text-align: center;  width:100%;height:100%; }

.main .category-block .category-card .category-group ul li a p {color: #000; font-size: .24rem;background:#eee;display:block;border-radius: 5px;padding:.25rem; }

.float-tel{position:fixed;z-index:9;bottom:90px;width:4.1rem;height:4.1rem;display:block;right:.2rem;}
.float-tel a{display:block;background:#004f3d url(img/tel.png) no-repeat center;background-size:50% 50%;height:4.1rem;width:4.1rem;border-radius:50%;font-size:0;}