forest-H5/pages/usercenter/myorder/orderdetails/orderdetails.css

page{background-color: #FBFBFC;}
.status-wrap{display: flex;align-items: center;background-color: #fff;padding: 31rpx 33rpx 31rpx 24rpx;}
.status-til{margin-right: 24rpx;font-size: 34rpx;color: #FF5030;font-weight: bold;}
.status-con{width: 420rpx;text-align: right;font-size: 26rpx;color: #999;line-height: 37rpx;margin-right: 24rpx;}
.status-icon{text-align: left;transform: rotate(180deg);}
.status-icon .iconfont{color: #ccc;font-size: 34rpx;}
.status-common{height: 136rpx;line-height: 136rpx;border-radius: 16rpx;background-color: #fff;font-size: 34rpx;color: #FF5030;font-weight: bold;text-align: center;}
.status-common.delivery-company{height: auto;line-height: 1;padding: 40rpx 0;}
.status-common.delivery-company .company{margin-top: 24rpx;}

.addr{background-color: #fff;padding: 24rpx;margin: 24rpx -24rpx;padding-right: 104rpx;}
.addr-up{display: flex;margin-bottom: 8rpx;justify-content: space-between;font-size: 34rpx;color: #333;line-height: 48rpx;}
.addr-theaddr{font-size: 26rpx;color: #999;}

.order-info{background-color: #fff;padding: 24rpx;margin: 24rpx -24rpx;position: relative;}
.order-info-til{font-size: 34rpx;color: #333;line-height:48rpx;margin-bottom: 8rpx;font-weight: bold;}
.order-info-item{font-size: 26rpx;color: #999;line-height: 37rpx;margin-bottom: 8rpx;}
.order-info-call{width: 160rpx;height: 60rpx;line-height: 60rpx;position: absolute;right: 24rpx;top: 18rpx;text-align: center;border: 2px solid #ddd;;background-color: #fff;border-radius: 8rpx;}

.bottom-flex-btn-wrap.orderdetails .bottom-flex-btn-content{background: transparent;border: 0;}