.page-container .head{ font-size: 34rpx; font-weight: 500; } .page-container .spliter{ margin:30rpx 0; } .order-info{ color:#666666; display: flex; flex-direction: column; gap: 36rpx; } .order-info::after{ right:20rpx; } .order-info .value{ font-size: 32rpx; color:#222222; margin-left:30rpx; } .delivery-man .info{ display:flex; align-items: center; } .delivery-man .info .avatar{ width:100rpx;height:100rpx; border-radius: 50%; } .delivery-man .info .name{ font-size: 32rpx; font-weight: 600; margin-left: 30rpx; flex:1; } .delivery-man .info .button{ border-radius: 10rpx; font-size: 24rpx; font-weight: normal; } .delivery-man .info .button .icon{ width:24rpx;height:24rpx; } .reason-area .imgs{ display: flex; margin-top:30rpx; gap: 20rpx; } .reason-area .reason{ color:#555555; } .reason-area .imgs .item{ width:144rpx;height:144rpx; border-radius: 12rpx; } .markup-money{ display: flex; padding:40rpx 30rpx; justify-content: space-between; align-items: center; font-size: 32rpx; font-weight: 500; } .markup-money .value{ font-size: 40rpx; color: #FF0000; } .bottom-bar-v2 .btns{ display: flex; gap: 24rpx; align-items: center; } .bottom-bar-v2 .btns .cancel{ width:240rpx!important; font-weight: normal; border: 1rpx solid rgba(153, 153, 153, 0.5); color: #555555; } .bottom-bar-v2 .btns .button{ box-sizing: border-box; border-radius: 18rpx; height:54px; line-height:54px; padding:0; } .bottom-bar-v2 .btns .accept{ flex:1; font-weight: 500; border: 0!important; }