page { background: #eff0f5; } .order_box { width: 690rpx; background: #ffffff; border-radius: 7px; } .order_title { width: 100%; display: block; text-overflow: ellipsis; word-wrap: break-word; font-size: 40rpx; font-family: Source Han Sans CN, Source Han Sans CN-Medium; font-weight: 600; color: #666666; margin-bottom: 20rpx; } .order_smalltitle { font-size: 27rpx; color: #a8a8a8; } .order_phone { font-size: 25rpx; margin-left: 82rpx; text-decoration: line-through; color: #a8a8a8; margin-top: 15rpx; } .content-box { width: 690rpx; background: #ffffff; border-radius: 7px; margin-top: 16rpx; padding-bottom: 15rpx; } .content { padding: 16rpx 0rpx 0rpx 0rpx; } .img-1 { margin-left: 15rpx; width: 210rpx; height: 130rpx; /* float: left; */ margin-right: 20rpx; border-radius: 7px; } .order-money { font-size: 26rpx; color: #e92668; font-weight: 800; } .divLine { background: #E0E3DA; width: 94%; height: 2rpx; margin: 0 auto; /* margin: 3% auto 1rpx; */ } .card1 { display: flex; justify-content: space-between; color: #696969; } .remark { width: 690rpx; background: #ffffff; border-radius: 7px; margin-top: 20rpx; box-sizing: border-box; padding-left: 20rpx; padding-top: 20rpx; padding-bottom: 10rpx; color: #8b8b8b; } .remark-underline { background: #E0E3DA; width: 97%; height: 2rpx; margin: 15rpx 0rpx; } .logistics-box { margin-top: 20rpx; padding-top: 10rpx; width: 690rpx; font-size: 29rpx; background: #ffffff; border-radius: 7px; padding-left: 20rpx; box-sizing: border-box; } .logistic-information-left { float: left; color: #8b8b8b; } .logistic-information-right { float: right; margin-right: 20rpx; color: #8b8b8b; } .tabbar { margin-top: 15rpx; padding-bottom: 10rpx; display: flex; justify-content: center; margin-bottom: 0; }