.button { border-radius: 0; } .address-container { margin: 15rpx; padding-bottom: 10rpx; } .receiver { display: flex; justify-content: space-between; } .address { margin-top: 15rpx } .items-container { padding-bottom: 200rpx; min-height: 700rpx; } .item { height: 180rpx; padding: 15rpx; padding-left: 10rpx; background-color: #fff; border-bottom: 1px solid #e4e4e4; color: #333; display:flex; justify-content: space-between; } .item text { font-size: 28rpx; } .item image { display: block; width: 280rpx; max-height: 180rpx; } .item-right { display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 430rpx; } .title { height: 70%; } .title text { font-size: 29rpx; color: #333; white-space: no-wrap; line-height: 34rpx; } .address-container text { font-size: 34rpx; color: #444; } .numbers { display: flex; justify-content: space-between; } .numbers text, input { display: block; } .pull-right { margin-left: auto; font-size: 28rpx; display: flex; } .numbers input { border: 1rpx solid lightgrey; width: 60rpx; } .numbers text { padding-top: 15rpx; } .billing-btn { position: fixed; bottom: 0; width: 100%; } .billing-btn .button { border-radius: 0; } .billing-btn view { padding-top: 15rpx; padding-bottom: 15rpx; padding-left: 15rpx; background-color: white; font-size: 30rpx; } .quantity input { min-height: 10rpx; height: 50rpx; margin-right: 20rpx; } .separate { height: 18rpx; background-color: #f2f2f2; } .use-coupon { font-size: 33rpx; line-height: 70rpx; margin-left: 15rpx; margin-right: 15rpx; display: flex; flex-direction: row; justify-content: space-between; } .use-coupon .red { color: red; }