/* 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;
}

.des-record-item {
  width: 690rpx;
  height: 234rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
  margin: 20rpx auto 0;
  align-items: flex-start;
}
.item-left {
  width: 80rpx;
  height: 100%;
  margin: 0 20rpx;
}
.img-item {
  width: 100%;
  height: 80rpx;
  margin-top: 32rpx;
}
.item-center {
  width: 420rpx;
  height: 100%;
}
.item-status {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  margin-top: 30rpx;
}
.stitle {
  font-size: 26rpx;
  font-weight: 400;
  color: #999999;
  margin-top: 10rpx;
}
.item-right {
  font-size: 26rpx;
  font-weight: 400;
  color: #45A6B5;
  text-align: right;
  width: 130rpx;
  padding-right: 20rpx;
  margin-top: 30rpx;
}