.index-slide, swiper-item .index-slide-image { display: block; width: 750rpx; margin: 0 auto; overflow: hidden; position: relative; height: 476rpx; } .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: 100%; padding: 30rpx 0 0; background: #fff; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; } .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: 130rpx; border-radius: 16rpx; height: 130rpx; } .merchant-brand view:nth-child(1) image { display: block; width: 130rpx; height: 130rpx; 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 { border-top:8px solid #efefef; padding: 20rpx 0; display: block; font-size: 30rpx; background: linear-gradient(0deg, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 0.8) 100%); } .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; line-height: 15rpx; } .merchants { display: block !important; } .merchant-brand { border: none !important; width: 92%; margin: 0 auto; } .title{ font-size: 24rpx; color: #666; } .merchant-shop,.merchant-phone{ width: 92%; margin: 0 auto; } .tabs-item.selected { color: rgba(171, 149, 109, 0.8); border-bottom: 2px solid rgba(171, 149, 109, 0.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-bottom: 30rpx; } .swiper-tab-item { color: #434343; font-size: 30rpx; margin-right: 50rpx; } .active-tab { color: #af6e34; border-bottom: 6rpx solid #af6e34; } .fenxiang { position: absolute; right: 0; top: 27rpx; width: 108rpx; } .merchant-phones{ padding: 0 4%; } .fenxiang image { width: 108rpx; position: absolute; top: 0; right: 0; } .user-motto { width: 270rpx; border: 0; background: none; height: 260rpx; color: #fff; position: fixed; } .user-motto::after { border: none; } /* 商户活动列表 */ .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; } .dingdan text { display: block; text-align: center; color: #999; } .swiperactive { min-height: 400rpx; padding-bottom: 44rpx; } .modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 10; color: #fff; } .modal-content { width: 540rpx; height: 260rpx; line-height: 60rpx; overflow: hidden; position: fixed; top: 50%; left: 0; z-index: 11; background: #f9f9f9; margin: -130rpx 105rpx; border-radius: 36rpx; display: flex; } .modal-content view { display: inline-block; flex: 1; text-align: center; } .modal-content view>text { color: #000; display: block; height: 80rpx; line-height: 80rpx; } .modal-content view>image { margin-top: 30rpx; width: 100rpx; height: 100rpx; } /*分享海报样式*/ .canvas-content { display: flex; top: 0; left: 0; /* left: 500%; 分享图不显示在页面上面,就将画布设置在页面之外*/ } .save-button { position: fixed; width: 80rpx; height: 80rpx; bottom: 40rpx; right: 40rpx; border-radius: 50rpx; z-index: 200; background: rgba(0, 0, 0, 0.75); } .save-button .share-image { position: absolute; top: 22rpx; left: 22rpx; width: 36rpx; height: 36rpx; } /*分享海报蒙层*/ .postermodal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 50; color: #fff; } .dingdan image { display: block; width: 300rpx; margin: 30rpx auto 0; }