page { background: #F3F3F3; color: #333; box-sizing: border-box; width:750rpx; padding:6rpx 0 400rpx; } text,view{ color:#333; font-size:28rpx; box-sizing: border-box; } .supply-order{ background: #fff; margin-bottom:28rpx; padding-bottom:32rpx; } .order-title{ height: 80rpx; padding:0 24rpx 0 48rpx; border-bottom:1rpx solid #F3F3F3; color: #666666; font-size: 28rpx; margin-bottom:20rpx; display: flex; align-items: center; justify-content: space-between; } .pay-status{ font-weight: 600; color: #09AFFF; } .non-payment.pay-status{ color: #FF004E; } .item-line .order-amount{ color: #191919; } .item-line .order-time{ color: #191919; } .supply-item{ background: #fff; margin-bottom:10rpx; padding-bottom:10rpx; } .item-title{ height: 80rpx; line-height: 80rpx; padding-left:48rpx; border-bottom:1rpx solid #F3F3F3; color: #666666; font-size: 28rpx; margin-bottom:20rpx; } .item-line{ display: flex; justify-content: space-between; align-items: center; padding:0 24rpx 0 48rpx; height: 48rpx; margin-bottom:4rpx; } .item-line view{ font-size: 28rpx; color:#666; } .item-line view.item-left{ color:#999; } .supply-bottom{ position: fixed; bottom:0; left:0; right:0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); display: flex; flex-direction: column; align-items: center; background: #fff; } .total-amount{ border-bottom:8rpx solid #F3F3F3; display: flex; height: 96rpx; padding:0 24rpx 8rpx 34rpx; justify-content: space-between; align-items: center; width:750rpx; } .total-amount text{ font-weight:bold; } .del-item{ width: 198rpx; height: 58rpx; background: #FF9F18; border-radius: 8rpx; font-size: 30rpx; text-align: center; line-height: 58rpx; color: #fff; margin:30rpx auto; } .item-operate-special{ display: flex; align-items: center; justify-content: center; padding:30rpx 0; } .disable-item{ width: 198rpx; height: 58rpx; background: #B7B7B7; border-radius: 8rpx; font-size: 30rpx; text-align: center; line-height: 58rpx; color: #fff; margin-right:90rpx; } .item-operate-special .add-item{ margin:0; } .order-button{ width: 702rpx; height: 98rpx; line-height: 98rpx; background: #1677FF; color: #FFFFFF; font-size: 36rpx; margin:24rpx 24rpx 0; text-align: center; font-weight: 400; border-radius: 8rpx; } .img-wrapper{ width: 580rpx; height: 580rpx; background: #FFFFFF; border-radius: 56rpx; padding:50rpx; margin:40rpx auto; } .img-wrapper image{ width:480rpx; height:480rpx; }