.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-bottom: 20rpx; } .swiper-tab-item { color: #434343; font-size: 30rpx; margin-right:50rpx; } .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; } .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; } .swiperactive{ min-height: 300rpx; margin-bottom:20rpx; } /* modal */ .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; }