It appears to be a bit confusing only because what you are describing to the user is in a text format and isn't really calling attention to the exact area where they would see what they indeed "earn" and "spend." Several apps I have seen would actually screengrab the element of the app that you are trying to explain to the user so they have a context of what it is and the location of it in the app. With this, while it's not wrong, I could see it being clearer if they saw a small screengrab showing where this was at in the app itself. Also, the "prev/next" buttons seem like a little much, especially because you already have the little circles indicating they can slide back and forth looking at each piece of help or the tutorial. Plus getting rid of them allows more real estate to explain the tutorial.
I did a very quick roughup of a concept just so you could see. See how the element you are discussing is called out on the actual design of the app? The user can then understand this so much easier because they instantly know the location.
Then as the user slides to the next "dot" in the help/tutorial navigation, you could change the focus to the next element in the app that you want to explain.
Also, just from a design perspective :)...I had a hard time at first glance differentiating the earned km area from the rest of the screen. Maybe call it out differently at the top or dress it up differently. Maybe even adjusting the fonts or bg colors, an element to surround it with, etc. A lot of the text in the app looks like link text and I'm not sure if those are clickable or not.
I also had an issue with the "today" or "now" buttons but that could just be because I don't know much about the app.
I hope this helps a little.