.share-coupon{ width: 164rpx; position: fixed; right: 0; bottom: 188rpx; z-index: 99; } .coupon{ justify-content: center; align-items: center; width: 124rpx; height: 124rpx; background-color: #febf00; box-shadow: 0 0 20rpx rgba(254,191,0,.4); margin-bottom: 30rpx; } .coupon image{ width: 47rpx; height: 47rpx; } .coupon text{ width: 100%; text-align: center; line-height: 1.2; margin-top: 10rpx; } .share{ justify-content: center; align-items: center; width: 124rpx; height: 124rpx; background-color: #00b809; box-shadow: 0 0 20rpx rgba(0,184,9,.4); line-height: 1.6; } .share image{ width: 56rpx; height: 46rpx; } .share text{ width: 100%; text-align: center; line-height: 1.2; margin-top: 8rpx; -webkit-transform: scale(.84); transform: scale(.84); } .coupon .icon, .share .icon{ flex-wrap: wrap; justify-content: center; }