page { height: 100%; background: #f4f4f4; } .address-box { width: 100%; height: 166.55rpx; background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr3eKACUKUAAAAt6hBk9U355.png) 0 0 repeat-x; background-size: 62.5rpx 10.5rpx; margin-bottom: 1rpx; padding-top: 10.5rpx; } .address-item { display: flex; height: 155.55rpx; background: #fff; align-items: center; padding: 41.6rpx 0 41.6rpx 31.25rpx; } .address-item.address-empty { line-height: 75rpx; text-align: center; } .address-box .l { margin-right: 30rpx; height: 100%; } .address-box .l .name { font-size: 30rpx; color: #333; } .address-box .l .default { margin-left: 6.25rpx; display: block; width: 62rpx; height: 33rpx; border-radius: 5rpx; border: 1px solid #b4282d; font-size: 20.5rpx; text-align: center; line-height: 29rpx; color: #b4282d; } .address-box .m { flex: 1; height: 72.25rpx; color: #999; display: flex; flex-direction: column; justify-content: center; } .address-box .mobile { margin-bottom: 6.25rpx; font-size: 30rpx; color: #333; } .address-box .address { font-size: 25rpx; color: #666; } .address-box .r { width: 77rpx; height: 77rpx; display: flex; justify-content: center; align-items: center; } .address-box .r image { width: 52.078rpx; height: 52.078rpx; } .red-txt { color: red; } .order-box .coupon-item { width: 100%; height: 104.3rpx; overflow: hidden; background: #fff; display: flex; justify-content: center; align-items: center; padding-left: 31.25rpx; } .order-box .coupon-item .l { flex: 1; } .order-box .coupon-item .l .money { font-size: 30rpx; color: #b4282d; float: right; } .order-box .coupon-item .l .name { font-size: 30rpx; color: #666; } .order-box .coupon-item .l .txt { font-size: 30rpx; color: #666; float: right; } .order-box .coupon-item .r { width: 77rpx; height: 77rpx; display: flex; justify-content: center; align-items: center; } .order-box .coupon-item .r image { width: 52.078rpx; height: 52.078rpx; } .order-box { margin-top: 4rpx; width: 100%; height: auto; overflow: hidden; background: #fff; } .order-box .order-item { height: 104.3rpx; overflow: hidden; background: #fff; display: flex; margin-left: 31.25rpx; padding-right: 31.25rpx; padding-top: 26rpx; border-bottom: 1px solid #d9d9d9; } .order-box .section { height: 120.3rpx; overflow: hidden; background: #fff; margin-left: 31.25rpx; display: flex; border-bottom: 1px solid #d9d9d9; align-items: center; } .order-box .section .l { float: left; height: 52rpx; width: 15%; line-height: 52rpx; overflow: hidden; } .order-box .order-item .l { float: left; height: 52rpx; width: 50%; line-height: 52rpx; overflow: hidden; } .order-box .order-item .r { float: right; text-align: right; width: 50%; height: 52rpx; line-height: 52rpx; overflow: hidden; } .order-box .order-item.no-border { border-bottom: none; } .goods-items { margin-top: 20rpx; width: 100%; height: auto; overflow: hidden; background: #fff; padding-left: 31.25rpx; margin-bottom: 120rpx; } .goods-items .item { height: 192rpx; padding-right: 31.25rpx; display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .goods-items .item.no-border { border-bottom: none; } .goods-items .item:last-child { border-bottom: none; } .goods-items .img { height: 145.83rpx; width: 145.83rpx; background-color: #f4f4f4; margin-right: 20rpx; } .goods-items .img image { height: 145.83rpx; width: 145.83rpx; } .goods-items .info { flex: 1; height: 145.83rpx; padding-top: 5rpx; } .goods-items .t { height: 33rpx; line-height: 33rpx; margin-bottom: 10rpx; font-size: 30rpx; color: #333; } .goods-items .t .name { float: left; width: 450rpx; } .goods-items .t .number { display: block; float: right; text-align: right; } .goods-items .m { height: 29rpx; overflow: hidden; line-height: 29rpx; margin-bottom: 25rpx; font-size: 25rpx; color: #666; } .goods-items .b { height: 41rpx; overflow: hidden; line-height: 41rpx; font-size: 30rpx; color: #333; } .order-total { position: fixed; left: 0; bottom: 0; height: 100rpx; width: 100%; display: flex; } .order-total .l { flex: 1; height: 100rpx; line-height: 100rpx; color: #b4282d; background: #fff; font-size: 33rpx; padding-left: 31.25rpx; border-top: 1rpx solid rgba(0, 0, 0, 0.2); border-bottom: 1rpx solid rgba(0, 0, 0, 0.2); } .order-total .r { width: 233rpx; height: 100rpx; background: #b4282d; border: 1px solid #b4282d; line-height: 100rpx; text-align: center; color: #fff; font-size: 30rpx; }