body { background-color: #f5f5f5; font-size: .28rem; visibility: hidden; padding-bottom: 1rem; }

body em { font-style: normal; }

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

header { height: 1rem; width: 100%; position: relative; z-index: 10; 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; }

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

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

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

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

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; }
.vip0{display: none;}
.picker-section { position: relative; z-index: 6; }

.picker-section .picker-bar { padding: 0 .32rem; 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; height: .9rem; background-color: #fff; }

.picker-section .picker-bar span { font-size: .3rem; color: #666; display: inline-block; height: 100%; line-height: .9rem; }

.picker-section .picker-bar span em { display: inline-block; width: 0; height: 0; border: 0.1rem solid transparent; border-top: 0.1rem solid #dadada; display: inline-block; margin-left: 0.2rem; vertical-align: middle; }

.picker-section .picker-bar span.on { color: #ef1f34; }

.picker-section .picker-bar span.on em { border-bottom-color: #ef1f34; border-top-color: transparent; margin-bottom: .2rem; }

.picker-section .picker-cards { position: absolute; top: .9rem; left: 0; width: 100%; }

.picker-section .picker-cards .card-item { background-color: #fff; max-height: 6rem; overflow-y: scroll; border-top: 1px solid #eee; -webkit-box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1); display: none; }

.picker-section .picker-cards .card-item.industry { background-color: #f5f5f5; overflow: hidden; }

.picker-section .picker-cards .card-item.industry .list-content { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: scroll; max-height: 6rem; }

.picker-section .picker-cards .card-item.industry .list-content .left-section { max-height: 6rem; overflow-y: auto; -ms-flex-preferred-size: 2rem; flex-basis: 2rem; }

.picker-section .picker-cards .card-item.industry .list-content .left-section .left-ul { overflow-y: scroll; text-align: center; background-color: #fff; }

.picker-section .picker-cards .card-item.industry .list-content .left-section .left-ul li { height: .8rem; text-align: center; line-height: .8rem; }

.picker-section .picker-cards .card-item.industry .list-content .left-section .left-ul li.on { background-color: #f5f5f5; }

.picker-section .picker-cards .card-item.industry .list-content .left-section .left-ul li a { color: #333; }

.picker-section .picker-cards .card-item.industry .list-content .right-section { overflow-y: auto; max-height: 6rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 .1rem; }

.picker-section .picker-cards .card-item.industry .list-content .right-section .right-ul .item-li { display: none; }

.picker-section .picker-cards .card-item.industry .list-content .right-section .right-ul .item-li:first-child { display: block; }

.picker-section .picker-cards .card-item.industry .list-content .right-section .right-ul .item-li ul li { width: 33.333%; float: left; margin: .1rem 0; }

.picker-section .picker-cards .card-item.industry .list-content .right-section .right-ul .item-li ul li a { display: block; margin: 0 .1rem; background-color: #fff; text-align: center; height: .7rem; line-height: .7rem; border-radius: .1rem; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 .1rem;}

.picker-section .picker-cards .card-item.industry .list-content .right-section .right-ul .item-li ul li.on a { color: #ef1f34; border: 1px solid #ef1f34; }

.picker-section .picker-cards .card-item.on { display: block; }

.picker-section .picker-cards .card-item p { color: #333; font-size: .32rem; padding: .2rem .32rem 0; }

.picker-section .picker-cards .card-item > ul { padding: .1rem; overflow: hidden; }

.picker-section .picker-cards .card-item > ul li { float: left; width: 33.333%; margin: .16rem 0; }

.picker-section .picker-cards .card-item > ul li.on a { background-color: #fff; color: #fd2a38; border: 1px solid #ffc4c7; }

.picker-section .picker-cards .card-item > ul li a { width: .7rem; line-height: .7rem; color: #333; margin: 0 auto; width: 86%; display: block; text-align: center; border-radius: .12rem; border: 1px solid #f8f8f8; background-color: #f8f8f8; }

main .brand-list { margin-top: .3rem; }

main .brand-list .brand-ul li { padding: .2rem .3rem; margin: .2rem 0; display: block; background-color: #fff; -webkit-box-shadow: 0 0 .1rem #eee; box-shadow: 0 0 .1rem #eee; }

main .brand-list .brand-ul li .info-block { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

main .brand-list .brand-ul li .info-block .img-view { -ms-flex-negative: 0; flex-shrink: 0; width: 2.6rem; height: 1.95rem; border: 1px solid #eee; box-sizing: border-box;  position: relative; overflow: hidden; border-radius: .1rem;}

main .brand-list .brand-ul li .info-block .img-view .brand-logo { width: 2.6rem; height: 1.95rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .brand-list .brand-ul li .info-block .img-view .brand-logo img { width: 2.6rem; height: 1.95rem; -o-object-fit: cover; object-fit: cover; }

main .brand-list .brand-ul li .info-block .img-view .icon-em { position: absolute; bottom: 0; left: 0; width: 100%; padding: .1rem 0; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); text-align: center; }

main .brand-list .brand-ul li .info-block .img-view .icon-em em { padding: .03rem .06rem; font-size: .24rem; border-radius: 2px; margin: 0 .1rem; background-color: #2f2f2f; color: #999; border-radius: 2px; }

main .brand-list .brand-ul li .info-block .img-view .icon-em em i { color: #999;vertical-align: middle; }

main .brand-list .brand-ul li .info-block .brand-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: .2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

main .brand-list .brand-ul li .info-block .brand-info > .brand-name { color: #000; font-size: .32rem; font-weight: 700; display: inline-block; font-size: .32rem; width: 4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

main .brand-list .brand-ul li .info-block .brand-info .brand-tag { color: #999; font-size: .24rem; }

main .brand-list .brand-ul li .info-block .brand-info .bottom-section { 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; }

main .brand-list .brand-ul li .info-block .brand-info .bottom-section .brand-price { line-height: .4rem; }

main .brand-list .brand-ul li .info-block .brand-info .bottom-section .brand-price p { color: #999; font-size: .24rem; }

main .brand-list .brand-ul li .info-block .brand-info .bottom-section .brand-price .price { color: #fe2837; font-size: .32rem; font-weight: 700; }

main .brand-list .brand-ul li .info-block .brand-info .bottom-section span.btn { -ms-flex-negative: 0; flex-shrink: 0; bottom: 0rem; display: block; width: 1.8rem; padding: .08rem 0; text-align: center; font-size: .3rem; color: #fff; background-color: #ef1f34; border-radius: 3px; }

main .brand-list .brand-ul li .info-block .brand-info .bottom-section span.btn:active { background-color: rgba(239, 31, 52, 0.6); }

main .brand-list .brand-ul li .tag-block { margin-top: .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

main .brand-list .brand-ul li .tag-block .icon-tag .brand-icon{overflow: hidden;}

main .brand-list .brand-ul li .tag-block .icon-tag span { margin-right: .2rem; float: left; margin-bottom: .1rem;}

main .brand-list .brand-ul li .tag-block .icon-tag span img { width: 1rem; }

main .brand-list .brand-ul li .brand-attr {width: 5rem; overflow: hidden;}

main .brand-list .brand-ul li .brand-attr em {padding: .01rem .06rem; float: left; margin-right: .2rem; font-size: .26rem; font-weight: 700; font-size: .24rem; }

main .brand-list .brand-ul li .brand-attr em:first-child { background-color: #fef4eb; color: #ef2539; }

main .brand-list .brand-ul li .brand-attr em:nth-child(2) { background-color: #eef7ff; color: #8fa3d2; }
main .brand-list .brand-ul li .brand-attr em:nth-child(3) { background-color: #e1fff5; color: #69bda5; }
main .brand-list .brand-ul li .brand-attr em:nth-child(4) { background-color: #eef7ff; color: #8fa3d2; }
main .brand-list .brand-ul li .brand-attr em:nth-child(5) { background-color: #eef7ff; color: #8fa3d2; }

main .brand-list .brand-ul li .tag-block .brand-coupon { padding: 0 .2rem; background-color: #ef1f34; color: #fff; font-size: .24rem; border-radius: 1rem; line-height: .34rem; }

main .brand-list .brand-ul li .tag-block .brand-coupon i { color: #fff; font-size: .24rem; }

main .brand-list .brand-ul li .tag-block .brand-coupon a { color: #ffe16a; font-size: .24rem; margin-left: .1rem; }

main .brand-list .brand-ul li .tag-block .hot { color: #98c6ee; font-size: .24rem; }

main .brand-list .brand-ul li .tag-block .font-hot { font-size: .24rem; color: #999; }

main .brand-list .brand-ul li .tag-block .font-hot em { color: #000; font-weight: 700; }

main .brand-list .load-btn { width: 50%; height: .7rem; text-align: center; line-height: .7rem; color: #fbbb11; font-size: .28rem; background-color: #fff; -webkit-box-shadow: 0 10px 10px #eee; box-shadow: 0 10px 10px #eee; margin: .3rem auto 1rem; border-radius: 1rem; }

main .brand-list .load-btn:active { background-color: rgba(251, 187, 17, 0.6); color: #fff; }

main .brand-list .load-btn i { font-weight: 700; margin-left: .1rem; font-size: .28rem; }

main .brand-news-ul { background-color: #fff; overflow: hidden; margin-top: .3rem; padding: 0 .32rem; margin-bottom: .3rem; }

main .brand-news-ul .news-ul-pagination { width: 100%; height: .7rem; line-height: .7rem; font-size: .32rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: .3rem auto; background-color: #f8f8f8; border-radius: 1rem; overflow: hidden; }

main .brand-news-ul .news-ul-pagination span { font-size: .32rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 1rem !important; height: 100%; border-radius: 0; color: #333; text-align: center; background-color: transparent; opacity: 1; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

main .brand-news-ul .news-ul-pagination span.swiper-pagination-bullet-active { background-color: #fbbb11; color: #fff; font-weight: 700; }

main .brand-news-ul .news-ul-pages { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

main .brand-news-ul .news-ul-pages .swiper-slide { -webkit-box-sizing: border-box; box-sizing: border-box; }

main .brand-news-ul .news-ul-pages .swiper-slide ul { display: block; width: 100%; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: .2rem 0; border-bottom: 1px solid #eee; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .title-section { padding-right: .2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .title-section .title { font-size: .32rem; color: #333; height: 1.2rem; line-height: .6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .title-section .date { font-size: .28rem; color: #999; margin-top: .1rem; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .title-section .date .icon { padding: 2px .1rem; color: #fff; font-size: .24rem; margin-right: .1rem; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .title-section .date .icon.icon_top { background-color: #ef1f34; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .title-section .date .icon.icon_hot { background-color: #fbbb11; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .title-section .date .icon.icon_recommed { background-color: #44b4fb; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .img-view { width: 2.2rem; height: 1.8rem; -ms-flex-preferred-size: 2.2rem; flex-basis: 2.2rem; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; overflow: hidden; border-radius: .1rem; }

main .brand-news-ul .news-ul-pages .swiper-slide ul li a .img-view img { width: 2.2rem; height: 1.8rem; -o-object-fit: cover; object-fit: cover; }

/* form */
.form-box { width: 90%; padding: .4rem; background-color: #fff; display: none; position: relative; border-radius: .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }

.form-box .h2 { font-size: .38rem; font-weight: 700; color: #000; margin-bottom: .4rem; text-align: center; height: .6rem; line-height: .6rem; }

.form-box .h2 span { position: absolute; top: .2rem; right: .2rem; width: .48rem; height: .48rem; background: url(../images/icon_close.png) no-repeat center; background-size: cover; }

.form-box .title { line-height: 25px; color: #333; font-size: .28rem; margin-bottom: .2rem; }

.form-box .title span { color: #000; font-weight: 700; padding: 0 2px; }

.form-box .title p:nth-child(2) { margin-top: .1rem; }

.form-box form .form-group { padding: 10px 0; }

.form-box form .form-group input { width: 100%; height: .8rem; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-box form .form-group input.tel { border: 1px solid #ddd; padding-left: .8rem; font-size: .32rem; color: #999; background: url(../images/icon_phone.png) no-repeat 0.1rem center; background-size: .48rem; }

.form-box form .form-group input.tel::-webkit-input-placeholder { color: #A6AFB7; }

.form-box form .form-group input.tel:-ms-input-placeholder { color: #A6AFB7; }

.form-box form .form-group input.tel::-ms-input-placeholder { color: #A6AFB7; }

.form-box form .form-group input.tel::placeholder { color: #A6AFB7; }

.form-box form .form-group input.btn { background-color: #ef1f34; font-size: .36rem; color: #fff; }

.form-box form .form-group input.btn:active { background-color: #ef1f34ad; }

.form-box .tips { color: #B6BFCC; line-height: .4rem; margin-top: .2rem; font-size: .24rem; }
.picker-cards li a{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body .custom-class { border-radius: 10px; background-color: unset; }
/*# sourceMappingURL=brand_list.css.map */