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_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;
    .item_head_info {
      color: #3d3d3d;
      font-weight: 500;
      display: flex;
      align-items: center;
      padding-bottom: 10rpx;
      .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;
      }
    }
    .item_others_info {
      display: flex;
      align-items: center;
      padding-top: 10rpx;
      .item_others_info_item {
        display: flex;
        align-items: center;
        color: #666;
        height: 25rpx;
        font-size: 28rpx;
        line-height: 25rpx;
        text {
          padding-left: 5rpx;
        }
        &:last-child {
          margin-left: 15rpx;
          padding-left: 15rpx;
          border-left: 1rpx solid #eee;
        }
      }
    }
    .status {
      color: #0082fa;
    }
    .status_Completed {
      color: #67c23a;
    }
  }
  .items_Completed {
    border-left: 7px solid #67c23a;
  }
}
