@import "../../../../app.ttss"; page{ background: #F4F5F9; } .index-slide, swiper-item .index-slide-image { display: block; width: 750rpx; margin: 0 auto; overflow: hidden; position: relative; height: 450rpx; } .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; }