/* pages/order/food/index.wxss */ page { background: #f6f6f6; } .box { margin: 30rpx 25rpx; background: white; border-radius: 9rpx; } .box-title { height: 113rpx; margin: 0 20rpx; font-size: 31rpx; color: #000; font-weight: 600; display: flex; align-items: center; } .coupon-btn { width: 138rpx; line-height: 56rpx; border: 1px solid #333333; border-radius: 29rpx; text-align: center; font-size: 28rpx; color: #000; } .skuinfo { display: flex; justify-content: space-between; padding: 30rpx 20rpx; align-items: flex-start; } .skuinfo image { flex-shrink: 0; width: 147rpx; height: 147rpx; border-radius: 13rpx; margin-right: 12rpx; } .right-info { flex: 1; width: 100%; padding-right: 30rpx; } .sku-name { font-weight: bold; font-size: 31rpx; color: #333333; } .sku-name2{ font-weight: 500; font-size: 27rpx; color: #999999; margin-top: 30rpx; } .info-tips { font-weight: bold; font-size: 33rpx; color: #000000; flex-shrink: 0; flex-shrink: 0; } .info-tips text { font-size: 24rpx; font-weight: 400; } .box-title .iconfont { font-size: 28rpx; flex-shrink: 0; } .number-box { font-size: 29rpx; font-weight: 500; color: #000; flex-shrink: 0; width: 67rpx; line-height: 49rpx; background: #F0F0F0; border-radius: 7rpx; text-align: center; margin: 0 20rpx; } .line { margin: 0 20rpx; background: #ccc; height: 1rpx; } .topbox .box-title { border-top: 1rpx solid #ccc; } .box-title input { flex: 1; display: block; font-size: 31rpx; color: #000000; margin-left: 15rpx; font-weight: 400; } .fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0; height: 113rpx; display: flex; align-items: center; justify-content: space-between; background: white; box-shadow: 0px 0px 16rpx 0px rgba(6, 0, 1, 0.1); } .fixed-btn { width: 320rpx; line-height: 113rpx; background: #D62828; color: #fff; text-align: center; font-size: 36rpx; font-weight: 500; } .fixed-price-box { margin-left: 25rpx; flex-shrink: 0; font-size: 29rpx; color: #333; font-weight: 500; } .fixed-price-box .price { color: #D62828; font-size: 36rpx; margin-left: 10rpx; }