page{ background: #f5f5f5; padding-bottom: 130rpx; } .box{ margin: 30rpx 25rpx; background: white; padding: 20rpx; } .price{ color: #D62828; } .fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0; height: 113rpx; display: flex; align-items: center; justify-content: space-between; background: white; z-index: 1; 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; } .box-title { height: 113rpx; padding: 0 20rpx; font-size: 31rpx; color: #000; font-weight: 500; display: flex; align-items: center; background-color: #fff; margin: 30rpx 25rpx; } .text { margin-bottom: 20rpx; display: flex; font-weight: 500; font-size: 27rpx; color: #666666; } .goods-item{ border-bottom: 1px solid #D8D8D8; padding-bottom: 17rpx; margin-bottom: 17rpx; } .goods-item:last-of-type{ border-bottom: none; margin-bottom:0; padding-bottom: 0; } .item-box{ display: flex; justify-content: space-between; padding: 10rpx; font-weight: 500; font-size: 27rpx; color: #666666; } .item-box.item-title{ font-weight: bold; font-size: 32rpx; color: #333333; } .item-box.item-title .price{ color: #D62828; font-weight: bold; }