.spdetailContainer{ width: 100%; height: 100%; background: #eee; } .spheader{ width: 100%; height: 186rpx; background: #fff; display: flex; flex-direction: row; } .spheaderL{ flex: 1; display: flex; justify-content: center; align-items: center; } .spheaderM{ flex: 2; display: flex; flex-direction: column; justify-content: left; align-self: center; } .shopname{ font-size: 31rpx; color: #000; } .shopaddress{ font-size: 22rpx; color: #B8B8B8; margin-top: 20rpx; } .spheaderR{ flex: 1; display: flex; justify-content: center; align-items: center; } .splogo{ width: 150rpx; height: 150rpx; } .spcode{ width: 100rpx; height: 100rpx; } .spheaderNext{ width: 100%; height: 150rpx; background: #fff; display: flex; flex-direction: column; padding-top: 10rpx; } .NextTop{ margin-left: 30rpx; font-size: 30rpx; color: #000; } .NextBottom{ margin-top: 23rpx; display: flex; flex-direction: row; margin-left: 30rpx; } .addresslogo{ width: 20rpx; height: 20rpx; } .spphone{ width: 44rpx; height: 44rpx; } .NextBottomL{ flex: 1; color: #c0c0c0; font-size: 22rpx; align-self: center; } .NextBottomM{ flex: 3.5; justify-content: left; font-size:22rpx; color: #00C0FF; align-self: center; border-top-width: 2rpx; border-color: #00C0FF; } .NextBottomR{ flex: .5 } .storeDiscount{ width: 100%; height: auto; background: #fff; margin-top: 30rpx } .storeDiscountTitle{ width: 100%; height: 87rpx; line-height: 87rpx; } .storeDiscountTitle text{ margin-left: 30rpx; font-size:28rpx; color: #000; border-bottom: 1px solid #fff; } .storeDiscountCon{ width: 100%; height: auto; background: #fff; flex-direction: column; } .storeDiscountConItem{ width: 100%; height: 244rpx; display: flex; flex-direction: row; } .ConItemL{ flex: 1; align-self: center; } .foodpng{ width: 248rpx; height: 184rpx; margin-left: 30rpx; } .ConItemR{ margin-top: 22rpx; flex: 4; padding-left: 20rpx; } .ConItemRT{ color: #000; font-size: 30rpx; } .ConItemRM{ margin-top: 10rpx; } .presentPrice{ font-size: 36rpx; color: #FF3434; margin-right: 20rpx; } .originalPrice{ font-size: 24rpx; color: #B4B4B4; text-decoration: line-through; } .ConItemRB{ margin-top: 35rpx; } .soldnum{ color: #585858; font-size: 22rpx; } .buy{ margin-left: 215rpx; background: #00C0FF; color: #fff; font-size: 28rpx; width: 114rpx; height: 50rpx; line-height: 50rpx; text-align: center; border-radius: 10rpx; display: inline-block; }