page { background: #F3F3F3; color: #333; box-sizing: border-box; width:750rpx; padding:14rpx 0 400rpx; } text,view{ color:#333; font-size:32rpx; box-sizing: border-box; } .row-type,.row-num{ width: 750rpx; height: 96rpx; background: #FFFFFF; display: flex; align-items: center; justify-content: space-between; padding:0 24rpx 0 16rpx; border-bottom: 1rpx solid #EEEEEE; } .type-title,.num-title{ color: #666666; font-size: 34rpx; } .type-title text,.num-title text{ color: #FF3141; font-size: 30rpx; } .type-content{ flex:1; color: #323232; font-size: 34rpx; margin-left:24rpx; } .num-block{ display: flex; align-items: center; } .minus-btn{ width: 56rpx; height: 56rpx; background: #F5F5F5; border-radius: 4rpx 0rpx 0rpx 4rpx; color:#1677FF; font-size: 48rpx; line-height: 50rpx; text-align: center; } .current-num{ width: 88rpx; height: 56rpx; background: #F5F5F5; color: #333333; font-size: 30rpx; line-height: 56rpx; text-align: center; margin:0 4rpx; } .add-btn{ width: 56rpx; height: 56rpx; background: #F5F5F5; border-radius: 0 4rpx 4rpx 0; color:#1677FF; font-size: 36rpx; line-height: 56rpx; text-align: center; } .row-amount{ width: 750rpx; height: 96rpx; background: #FFFFFF; display: flex; justify-content: space-between; align-items: center; padding:0 24rpx 0 34rpx; } .add-item{ width: 198rpx; height: 58rpx; line-height: 58rpx; background: #1677FF; border-radius: 8rpx; text-align: center; margin:30rpx auto; font-size: 30rpx; color: #fff; } .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; }