@import "../../../../app.ttss"; page { background: #F4F5F9; } .index-slide, swiper-item .index-slide-image { display: block; width: 750rpx; height: 450rpx; 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 0.6s; } .index-slide-view .dots .dot.active { background: #02c0ff; width: 30rpx; height: 12rpx; border-radius: 10rpx; opacity: 1; } .merchant-detail { width: 100%; background: #fff; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; } .merchant-brand, .merchant-shop, .merchant-phone { width: 100%; background: #fff; } .merchant-brand view:nth-child(1) { width: 88%; display: flex; flex-direction: column; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .merchant-brand view:nth-child(1) text:nth-child(1) { font-size: 32rpx; font-family: PingFangSC-Regular; font-weight: 400; color: rgba(60, 60, 60, 1); margin-top: 20rpx; } .merchant-shop text, .merchant-phone text { font-size: 30rpx; } .merchant-shop .fl { color: #A6A6A6; } .merchant-phone view { color: #A6A6A6; } .merchant-activity view { color: #333; margin-top: 20rpx; } .merchant-activity view:nth-child(2) { font-size: 26rpx; display: flex; flex-direction: column; } .merchant-shop view:nth-child(2) { font-size: 30rpx; color: #A6A6A6; line-height: 26rpx; } .merchant-activity view:nth-child(1) { font-size: 30rpx; } .merchant-activity view:nth-child(2) text { font-size: 28rpx; color: #919191; letter-spacing: 0; line-height: 45rpx; } .merchant-info { display: block !important; color: #999; font-size: 28rpx; } .merchant-phones { padding: 20rpx 0; display: block; font-size: 30rpx; background: #F4F5F9; } .merchants text { display: inline-block; font-size: 26rpx; color: #A6A6A6; line-height: 22rpx; margin-right: 10rpx; } .posi { color: #FD832D !important; } .wz { color: #A6A6A6; font-size: 24rpx; } .notes view { color: #A6A6A6; } .merchant-brand { border: none !important; width: 92%; margin: 0 auto 20rpx; } .merchant-brand view:nth-child(2) text:nth-child(1) { margin-top: 20rpx; font-size: 32rpx; } .title { font-size: 26rpx; color: #A6A6A6; width: 530rpx; height: 40rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .merchant-shop, .merchant-phone, .merchant-activity { width: 92%; margin: 0 auto; } .shopHr { margin-bottom: 20rpx; } .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: 70%; display: flex; flex-flow: row; justify-content: space-around; height: 88rpx; line-height: 88rpx; margin-bottom: 30rpx; padding: 0 15%; background: #FFF; } .swiper-tab-item { color: #434343; font-size: 30rpx; margin-right: 50rpx; position: relative; } .active-tab { color: #FD782D; display: block; width: 72%; height: 8rpx; background: 0 0; position: absolute; bottom: 0; left: 15%; background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); border-radius: 100px; } .fenxiang { position: absolute; right: 0; top: 27rpx; display: flex; flex-direction: column; } .fenxiang image { width: 48rpx; height: 48rpx; margin: 0 auto; } .gift { color: #3C3C3C; font-size: 20rpx; margin: 0 auto; } .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; } .have { text-align: left !important; } .swiperactive { min-height: 400rpx; padding-bottom: 44rpx; padding: 0 4% 10rpx; } .swiperactive image { display: block; width: 300rpx; margin: 30rpx auto 0; } .modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 10000; color: #fff; } .modal-content { width: 540rpx; height: 233rpx; 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; font-size: 30rpx; height: 80rpx; line-height: 80rpx; } .modal-content view>image { margin-top: 30rpx; width: 90rpx; height: 90rpx; } /*分享海报样式*/ .canvas-content { display: flex; top: 0; left: 0; /* left: 500%; 分享图不显示在页面上面,就将画布设置在页面之外*/ } .dingdan image { display: block; width: 300rpx; margin: 30rpx auto 0; } button::after { border: none; } .goback { position: fixed; right: 20rpx; bottom: 60rpx; width: 100rpx !important; height: 100rpx; z-index: 100; background: rgba(255, 255, 255, 1); line-height: 95rpx; border: 1rpx solid rgba(227, 227, 227, 1); border-radius: 50%; } .goback image { position: absolute; width: 60rpx; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .frHr { float: left; margin-left: 12rpx; margin-top: 18rpx; }