page {
  background-color: #f8f8f8;
}
.collection_record_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #fff;
  box-shadow: 0px 3px 7px rgba(206, 206, 206, 0.25);
}
.collection_record_body {
  padding: 110rpx 30rpx 0 30rpx;
}
.collection_record_body .collection_record_item {
  display: flex;
  padding: 30rpx;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-left: 7px solid #0082fa;
  border-radius: 20rpx;
  font-size: 28rpx;
  margin: 30rpx 0 0 0;
}
.collection_record_body .collection_record_item .item_head_info {
  color: #3d3d3d;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-bottom: 10rpx;
}
.collection_record_body .collection_record_item .item_head_info .status_refresh {
  margin-left: 30rpx;
  background-color: #f9fafb;
  border-radius: 100rpx;
  padding: 7rpx 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0082fa;
  font-weight: 400;
  font-size: 24rpx;
}
.collection_record_body .collection_record_item .item_others_info {
  display: flex;
  align-items: center;
  padding-top: 10rpx;
}
.collection_record_body .collection_record_item .item_others_info .item_others_info_item {
  display: flex;
  align-items: center;
  color: #666;
  height: 25rpx;
  font-size: 28rpx;
  line-height: 25rpx;
}
.collection_record_body .collection_record_item .item_others_info .item_others_info_item text {
  padding-left: 5rpx;
}
.collection_record_body .collection_record_item .item_others_info .item_others_info_item:last-child {
  margin-left: 15rpx;
  padding-left: 15rpx;
  border-left: 1rpx solid #eee;
}
.collection_record_body .collection_record_item .status {
  color: #0082fa;
}
.collection_record_body .collection_record_item .status_Completed {
  color: #67c23a;
}
.collection_record_body .items_Completed {
  border-left: 7px solid #67c23a;
}