/* pages/confirmOrder/confirmOrder.wxss */ .clearfix::after { content: ''; display: block; clear: both; } image { width: 100%; height: 100%; } .process { display: flex; justify-content: space-around; font-size: 23rpx; border-bottom: 1px solid #f2f2f2; padding: .5em 0; } .process-item { display: inline-block; } .process-icon { display: block; width: 45rpx; height: 45rpx; margin: 0 auto; } .process-text { padding: .5em 0; } .next-icon { width: 20rpx; height: 20rpx; margin-top: 25rpx; } /***** 地址栏 ******/ .add-addr { display: inline-block; margin-left: 60rpx; } .address-box { position: relative; font-size: 28rpx; padding: 20rpx 0; border-bottom: 15rpx solid #f9f8f8; } .recipient { font-size: 28rpx; font-weight: bold; margin-bottom: 15rpx; } .recipient, .addr-text { padding: 0 60rpx; } .cellphone { float: right; } .addr-text { color: #888; } /* 地址图标 */ .addr-icon { position: absolute; top: 25rpx; left: 20rpx; display: block; width: 28rpx; height: 30rpx; } /* 右箭头 */ .more-icon { position: absolute; right: 25rpx; top: 50%; transform: translateY(-50%); display: block; width: 20rpx; height: 20rpx; } /* 虚线 */ .dotted-line { width: 100%; height: 3rpx; } /***** 商品栏 *****/ .goods-box { font-size: 28rpx; border-bottom: 15rpx solid #f9f8f8; } /* 店铺 */ .goods-shop { padding: 20rpx; border-bottom: 1rpx solid #f2f2f2; } .shop-icon { display: inline-block; width: 35rpx; height: 35rpx; vertical-align: bottom; margin-right: 15rpx; } /* 商品 */ .goods-msg { padding: 15rpx 20rpx; } .goods-img { position: relative; width: 180rpx; height: 180rpx; display: inline-block; background: #eee; margin-right: 25rpx; } .miaosha { /* position: absolute; */ /* top: 10rpx; left: 0; */ /* display: inline-block; */ display: block; width: 80rpx; height: 30rpx; margin-bottom: 5px; } .goods-text { position: relative; display: inline-block; width: 70%; vertical-align: top; } .goods-name { margin-bottom: 10rpx; line-height: 34rpx; max-height: 68rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .goods-price { color: #e43130; padding-right: 10rpx; font-size: 32rpx; } .goods-price-del { font-size: 28rpx; text-decoration: line-through; color: #888888; } .goods-amount { float: right; font-size: 28rpx; } /****** 配送&留言 ******/ .row { font-size: 30rpx; border-bottom: 15rpx solid #f9f8f8; } .dispatching { margin: 0 20rpx; padding: 20rpx 0; border-bottom: 1rpx solid #f2f2f2; } .dispatching-way { float: right; } .live-message { margin: 0 20rpx; padding: 20rpx 0; } .message-int { display: inline-block; vertical-align: middle; margin-left: 40rpx; width: 75%; } /****** 商品总额 ******/ .sum { font-size: 30rpx; } .cost-box { margin: 0 20rpx; padding-right: 15rpx; padding-top: 15rpx; border-bottom: 1rpx solid #f2f2f2; } .goods-table { padding-bottom: 15rpx; } .goods-table-way { float: right; } .total-cost { padding: 20rpx 35rpx; text-align: right; font-size: 28rpx; } .total-num { color: #e43130; font-weight: bold; font-size: 32rpx; } /****** 底部 ******/ .foot-box { margin-top: 90rpx; } .foot { position: fixed; bottom: 0; width: 100%; height: 100rpx; line-height: 100rpx; font-size: 30rpx; text-align: right; border-top: 3rpx solid #eee; } .total-price { display: inline-block; margin-right: 20rpx; } .submit-btn { display: inline-block; background: #04358D; color: #fff; padding: 0 50rpx; border: 1rpx solid #04358D; border-radius: 60rpx; height: 2.8rm; line-height: 2.8em; margin-right: 20rpx; font-size: 28rpx; } .total-price-num { font-size: 32rpx; font-weight: bold; color: #e43130; } .border-radius { border-radius: 12rpx; }