.store-cont { background: #fff; } .store-title { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .img-down { width: 13rpx; height: 8rpx; vertical-align: middle; margin-left: 4rpx; } .store-detail { display: flex; font-size: 24rpx; color: #666; align-items: flex-start; background-size: cover; background-repeat: no-repeat; height: 200rpx; align-items: center; padding: 0 40rpx 0rpx 40rpx; } .tabContentBox { width: 100%; } .tabContentBox .tabBox { width: 100%; height: 40px; display: flex; align-items: center; } .tabContentBox .tabBox .tabItems { height: 100%; text-align: center; line-height: 40px; color: #6d6b6b; margin: 0 40rpx; } .tabContentBox .tabBox .tabItems .smallNumber { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 20rpx; color: #716f69; line-height: 28rpx; text-align: justify; font-style: normal; margin-left: 4rpx; } .tabContentBox .tabBox .selectTab { color: #000; position: relative; } .tabContentBox .tabBox .selectTab:after { position: absolute; content: ''; width: 2rem; height: 4px; border-radius: 4px; background-color: #a18153; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tabContentBox .tabLine { width: 100%; height: 1px; background: #f6f6f6; } .tabContentBox .contentList { width: 100%; height: calc(100% - 150px); overflow-y: auto; } .stote-head { flex: 1; height: 128rpx; display: flex; flex-direction: column; justify-content: flex-satrt; padding-left: 16rpx; } .store-info { overflow: hidden; font-size: 24rpx; background: #fff; padding: 16rpx 0rpx; } .storeDetail { width: 100%; box-sizing: border-box; padding-top: 24rpx; } .storeDetail .storeItem { margin-bottom: 24rpx; } .storeDetail .storeItem .itemTop { display: flex; align-items: center; } .storeDetail .storeItem .itemTop .imgBox { width: 2rem; display: flex; align-items: center; justify-content: flex-end; } .storeDetail .storeItem .itemTop .imgBox .storeIcon { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .storeDetail .storeItem .itemTop .desc { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; } .storeDetail .storeItem .infoDesc { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; width: 100%; text-indent: 2rem; margin-top: 4rpx; } .info-desc-title { font-size: 28rpx; font-weight: bolder; padding-bottom: 32rpx; display: flex; align-items: center; } .store-photo-box { white-space: nowrap; overflow: auto; padding-bottom: 16rpx; width: 100%; } .swiper-image { height: 250rpx; } .store-photo { display: inline-block; vertical-align: middle; width: 266rpx; height: 250rpx; text-align: center; } .store-photo image { background-color: #eee; width: 266rpx; height: 193rpx; border-radius: 8rpx; } .photo-name { padding-top: 12rpx; font-size: 28rpx; text-align: center; } .info-desc { color: #999; padding-bottom: 20rpx; border-bottom: 1rpx solid #eee; line-height: 1.8; font-size: 24rpx; text-indent: 50rpx; } .info-unit { display: flex; align-items: center; height: 80rpx; color: #999; font-size: 28rpx; } .info-unit-title { color: #333; margin-right: 40rpx; font-weight: bolder; min-width: 114rpx; } .coupon-unit { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .store-img { display: flex; align-items: center; justify-content: center; } .store-img image { width: 128rpx; height: 128rpx; border-radius: 20rpx; } .coupon-list { width: calc(100% - 64rpx); margin-left: 32rpx; height: 144rpx; background: url("https://eshangtech.com/wanmeiyizhanImg/home/validCoupons.png") no-repeat center; background-size: contain; box-sizing: border-box; padding: 32rpx 0; display: flex; align-items: center; margin-bottom: 32rpx; } .coupon-list .itemleft { width: 190rpx; display: flex; flex-direction: column; align-items: center; border-right: 2rpx dashed #e5cd92; } .coupon-list .itemleft .leftUnit { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 34rpx; color: #ba922f; line-height: 48rpx; text-align: left; font-style: normal; margin-right: 4rpx; } .coupon-list .itemleft .money { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 48rpx; color: #ba922f; line-height: 56rpx; text-align: left; font-style: normal; } .coupon-list .itemleft .condition { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 20rpx; color: #ba922f; line-height: 28rpx; text-align: justify; font-style: normal; } .coupon-list .itemRight { flex: 1; width: 100%; box-sizing: border-box; padding: 0 32rpx; display: flex; align-items: center; justify-content: space-between; } .coupon-list .itemRight .couponName { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .coupon-list .itemRight .timeText .coupon-date { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #716f69; line-height: 32rpx; text-align: justify; font-style: normal; } .coupon-list .itemRight .useBtn .useBtnText { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #fff; line-height: 36rpx; text-align: center; font-style: normal; padding: 8rpx 20rpx; background: #ba922f; border-radius: 4rpx; } .coupon-list + .coupon-list { margin-top: 30rpx; } .coupon-top { display: flex; justify-content: space-between; align-items: center; height: 100%; } .coupon-left { text-align: center; color: bodyColor; } .coupon-price { color: #323033; font-size: 46rpx; font-weight: bolder; font-family: 'San Francisco Display Medium'; } .coupon-center { display: flex; justify-content: space-between; align-items: center; margin-top: 16rpx; } .coupon-name { color: #000; font-size: 26rpx; margin-bottom: 8rpx; } .coupon-use-door { background: url("https://eshangtech.com/ShopICO/coupon-btn.png") no-repeat center; background-size: contain; color: #fff; text-align: center; display: inline-block; width: 120rpx; height: 40rpx; line-height: 40rpx; } .coupon-date { color: #333; } .span24 { display: block; color: #999; font-size: 24rpx; } .rate-box { width: 100%; box-sizing: border-box; position: fixed; bottom: 0; left: 0; display: flex; padding: 12rpx 24rpx; box-shadow: 0 0 8rpx 2rpx #ececec; background: #fff; } .rate-box .rate-gray { background: #f0f0f0; font-size: 26rpx; width: 514rpx; height: 72rpx; line-height: 72rpx; border-radius: 72rpx; color: #797979; padding: 0 24rpx; margin-right: 24rpx; } .rate-box .rate-ico { display: flex; align-items: center; font-size: 26rpx; color: #b88e53; } .rate-box ._i { width: 44rpx; height: 42rpx; background: url("https://eshangtech.com/wanmeiyizhanImg/rate.png") no-repeat center; background-size: contain; margin-right: 16rpx; } .pop-box { width: 588rpx; height: 256rpx; text-align: center; padding: 40rpx 0; border-radius: 30rpx; overflow: hidden; } .pop-title { font-size: 32rpx; } .pop-body { font-size: 28rpx; margin-top: 36rpx; } .popbtn-box { display: flex; justify-content: center; align-items: center; margin-top: 72rpx; } .popbtn { height: 60rpx; width: 208rpx; border-radius: 32rpx; text-align: center; font-size: 24rpx; line-height: 60rpx; } .popbtn+.popbtn { margin-left: 60rpx; } .cancel-btn { border: 1rpx solid #616161; color: #616161; } .confirm-btn { background: #515151; color: #fff; }