/* pages/myRecord/myRecord.wxss */ .myrecord-content { width: 100%; height: 100%; background-color: #f7f7f7; } .nav-header { width: 100%; height: 88rpx; background-color: #fff; } .nav-item { width: 345rpx; height: 100%; font-size: 30rpx; font-weight: 400; color: #999999; } .nav-item-active { font-weight: bold; color: var(--maincolor); } .record-main { width: 100%; height: calc(100% - 88rpx); overflow-y: auto; } .record-item { width: 690rpx; height: 188rpx; background: #FFFFFF; border-radius: 20rpx; margin: 20rpx auto 0; } .icon { width: 80rpx; height: 80rpx; margin: 0 22rpx; } .image { width: 100%; height: 100%; } .center { width: 500rpx; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .info-item { font-size: 26rpx; height: 36rpx; } .carno { margin: 10rpx 0; color: #999; } .time { color: #999; } .title { color: #333333; } .count { font-size: 26rpx; font-weight: 400; color: var(--maincolor); margin-right: 20rpx; }