.index-slide, swiper-item .index-slide-image { display: block; width: 750rpx; margin: 0 auto; overflow: hidden; position: relative; height: 576rpx; } .index-slide-view .dots { position: absolute; left: 0; right: 0; bottom: 20rpx; display: flex; justify-content: center; } .index-slide-view .dots .dot { margin: 0 8rpx; width: 12rpx; height: 12rpx; background: #b6b6b7; border-radius: 50%; transition: all 0.6s; } .index-slide-view .dots .dot.active { background: #02c0ff; width: 30rpx; height: 12rpx; border-radius: 10rpx; opacity: 1; } .bannerbg { width: 100%; } .bannerbg image { display: block; width: 100%; } .merchant-detail { width:92%; padding:30rpx 4% 0; background:#fff; border-top-left-radius:20rpx; border-top-right-radius:20rpx; margin-top:-25rpx; } .merchant-brand, .merchant-shop, .merchant-phone { width: 100%; display: flex; padding: 20rpx 0; background: #fff; border-bottom: 1rpx solid #efefef; } .merchant-brand view:nth-child(1) { width: 160rpx; border-radius: 16rpx; height: 160rpx; } .merchant-brand view:nth-child(1) image { display: block; width: 160rpx; height: 160rpx; border-radius: 16rpx; border: 1px solid #e5e5e5; } .merchant-brand view:nth-child(2) { display: flex; flex-direction: column; flex: 6; padding-left: 30rpx; } .merchant-brand view:nth-child(2) text:nth-child(1) { margin-top: 20rpx; } .merchant-shop text, .merchant-phone text { font-size: 30rpx; } .merchant-shop view, .merchant-phone view { display: flex; flex: 2; color: #333; } .merchant-shop view:nth-child(2){ font-size: 30rpx; } .merchant-info { display: block!important; color: #999; font-size: 28rpx; } .merchant-phones{ padding: 20rpx 0; display: block; font-size: 30rpx; } .tel { right: 0; top: 0; bottom: 0; margin: auto; width: 50rpx; height: 50rpx; } .shoplists { display: flex; } .shoplists text { flex: 2; } .godetail { color: #999; font-size: 30rpx; position: absolute; right: 10rpx; } .merchants text{ display: block; text-align: left; font-size:26rpx; margin-bottom: 6rpx; } .merchants{ display: block!important; } .merchant-brand{ border: none!important; } .tabs-item.selected { color:rgba(171,149,109,.8); border-bottom:2px solid rgba(171,149,109,.8); } .tabs-item { width:33.3%; color:#C7C7CB; font-size:28rpx; display:flex; align-items:center; justify-content:center; border-bottom:1rpx solid #D0D0D7; } .swiper-tab{ text-align: left; width: 100%; display: flex; flex-flow: row; height: 88rpx; line-height: 88rpx; margin-left: -30rpx; } .swiper-tab-item { color: #434343; font-size: 30rpx; margin-right:30rpx; } .active-tab { color: #1693FC; border-bottom: 10rpx solid #1693FC; } .fenxiang { position: absolute; right: 0; top: 27rpx; width: 108rpx; } .fenxiang image { width: 108rpx; position: absolute; top: 0; right: 0; } /* 商户活动列表 */ .coupons c-coupons{ width: 335rpx; height: 354rpx; margin-bottom: 22rpx; } .coupons c-coupons:nth-of-type(2n+1){ float: left; } .coupons c-coupons:nth-of-type(2n){ float: right; } .loading image { width: 60rpx; height: 60rpx; vertical-align: middle; margin-right: 10rpx; }