/* pages/index/detail/index.wxss */ .index-slide-view{ position: relative; width: 750rpx; height: 260rpx; overflow: hidden; /* margin:-132rpx auto 0; */ border-radius:16rpx; box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15); } .index-slide, swiper-item .index-slide-image { display: block; width: 750rpx; height: 560rpx; margin: 0 auto; overflow: hidden; position: relative; } .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 .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%; margin: 0 auto; } .merchant-brand,.merchant-shop,.merchant-phone{ width:100%; display:flex; padding:20rpx 0; background:#fff; } .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,.merchant-phone{ height: 60rpx; line-height: 60rpx; } .merchant-shop view,.merchant-phone view{ display:flex; flex: 4; color:#333; } .merchant-shop view:nth-child(2),.merchant-phone view:nth-child(2){ font-size: 30rpx; } .merchant-info{ padding:0 30rpx; font-size: 28rpx; } .tel { right: 0; top: 0; bottom: 0; margin: auto; width: 50rpx; height: 50rpx; } .shoplists{ display: flex; } .shoplists text{ flex: 2; } .godetail{ color:#999999; font-size:30rpx; position: absolute; right: 10rpx; }