Let's get rid of some irrelevant things.
If we have $$|x_{1}-y_{1}|+|x_{2}-y_{2}|\le|x_{1}-y_{2}|+|x_{2}-y_{1}|\ (*)
$$ for positive numbers satisfying your inequalities, then we are done, since different signs on the right side of the inequality may only enlarge it.
Without loss of generality: $x_1 \leq y_1$. So we have three cases:
- $x_2 \leq x_1 \leq y_2 \leq y_1$,
- $x_2 \leq y_2 \leq x_1 \leq y_1$,
- $y_2 \leq x_2 \leq x_1 \leq y_1$.
All the proofs can be done with pictures (which of course can be rewritten mathematically, but pictures are more clear and faster to prepare (on paper)).
I draw the first situation for you:

You can see that the arrows above the axis (left side of the inequality) are as long as (so no longer than) those below (right side of the inequality), which proves (*) in the first case.
In the remaining cases the arrows above would be strictly shorter then the arrows below (but the inequality does not have to be strict since in the picture we draw $x_2$ strictly before $x_1$ etc. and in reality we may have for example $x_1=x_2=y_1=y_2$).