page{ overflow-y: auto; } .header { width: 100%; height: 44px; border-bottom: 1rpx solid #e4e4e4; display: flex; background: #fff; line-height: 44px; position: fixed; top: 0; z-index: 100; } .header view { flex: 1; text-align: center; } .header .active { color: #fd4a5f; } .wrapper { margin-top: 54px; } .order-box { padding: 0 15px; } .order-header { /* border-bottom: 1rpx solid #e4e4e4; */ padding-top: 10rpx; } .order-header .title { font-size: 30rpx; color: #333; } .order-header .cont { /* display: block; */ font-size: 30rpx; color: #fd4a5f; } .order-cont { padding: 15rpx 0; justify-content: space-between; } .order-cont .order-num text, .order-cont .order-time text { color: #777; font-size: 24rpx; } .order-shop { padding: 16rpx 0 16rpx 0; } .order-shop-left, .order-shop-left image { width: 160rpx; height: 160rpx; /* border: 1rpx solid #e4e4e4; */ margin-right: 15rpx; display: inline-block; background: #fff; } .order-shop .num { float: right; } .order-btn { padding: 18rpx 0 18rpx 0; } .order-btn .order-left { flex: 3; } .order-btn .order-left text, .order-btn .order-left .text { font-size: 30rpx; } .order-btn .order-left .text { color: #777; } .order-btn .order-right { flex: 3; } .order-list-box .left { flex: 4; overflow: hidden; position: relative; } .order-list-box .right { flex: 1; } .goods-number { position: absolute; right: 12px; top: 35%; font-size: 28rpx; color: #777; } .btn-default { border-radius: 4px; border: 1rpx solid #ccc; padding: 6rpx 20rpx; font-size: 28rpx; color: #555; float: right; } .btn-main { border-radius: 4px; border: 1rpx solid #fd4a5f; padding: 6rpx 20rpx; font-size: 28rpx; color: #fd4a5f; margin-left: 10rpx; float: right; } .user-orderJtou { font-size: 24rpx; position: absolute; top: 50%; right: 0; margin-top: -20rpx; color: #888; } .order-img_list { background: #fff; border-top: 1rpx solid #f1f1f1; border-bottom: 1rpx solid #f1f1f1; } .order-right-name { position: absolute; top: 50%; left: 180rpx; font-size: 30rpx; color: #555; width: 100%; margin-top: -46rpx; line-height: 1.6; }