Армия Юань Шао с боем подступила к мосту. Цюй И вырвался вперед, убил знаменосца и изрубил красное знамя противника. Гунсунь Цзань в панике бежал, а Цюй И пробился к запасному отряду, где лицом к лицу столкнулся с Чжао Юнем. С копьем наперевес тот мчался прямо на него. Несколько ожесточенных схваток, и Цюй И упал с коня, пронзенный копьем. Чжао Юнь вихрем ворвался в строй армии Юань Шао, рубя направо и налево. Гунсунь Цзань снова перешел в наступление, и армия Юань Шао была разбита.
Когда Юань Шао доложили, что Цюй И, убив знаменосца, захватил знамя и преследует разбитого противника, полководец, забыв о предосторожности, выехал вперед вместе с Тянь Фыном во главе нескольких сот конных стрелков из лука и копьеносцев из своей личной охраны.
– Ха-ха! – издевался Юань Шао. – Гунсунь Цзань – ни на что не способное создание!
И как раз в этот момент он увидел прорвавшегося к ним Чжао Юня. Но пока лучники собрались открыть стрельбу, Чжао Юнь успел сразить многих воинов. Весь отряд ринулся назад, но был окружен подоспевшей армией Гунсунь Цзаня.
– Господин мой, укройтесь за этими стенами! – обратился к Юань Шао растерявшийся Тянь Фын.
Но Юань Шао, швырнув на землю свой шлем, крикнул во весь голос:
– Настоящий воин должен встречать смерть лицом к лицу в бою, а не спасать свою жизнь за стенами!
Воины преисполнились решимости сражаться насмерть, и Чжао Юнь не смог пробиться сквозь их ряды. Тут подоспели большие отряды войск Юань Шао, затем – Янь Ляна и ударили на противника сразу с двух сторон. Чжао Юнь помог Гунсунь Цзаню выбраться из окружения, и они отступили к мосту. Войска Юань Шао в стремительном наступлении перешли на другой берег реки. Защитники моста были сброшены в воду и утонули.
Юань Шао гнался за противником во главе передовых отрядов. Но вдруг произошло какое-то замешательство, послышались крики, и неожиданно появилось новое войско с тремя военачальниками – это был Лю Бэй с двумя своими братьями.
Получив весть, что Гунсунь Цзань воюет с Юань Шао, Лю Бэй помчался ему на помощь. И вот теперь три всадника неслись на Юань Шао. У него душа ушла в пятки от страха и меч выпал из рук. Пустив коня во весь опор, Юань Шао бежал без оглядки. Его люди, спасая жизнь, бежали через мост. Гунсунь Цзань остановил свои войска и возвратился в лагерь. После взаимных приветствий с Лю Бэем и его братьями Гунсунь Цзань сказал:
– Если бы не Лю Бэй, поспешивший мне на помощь издалека, я стал бы добычей шакалов и гиен!
Он познакомил Лю Бэя с Чжао Юнем, и Лю Бэй так полюбил его, что не захотел с ним расставаться.
А Юань Шао, проиграв битву, стал упорно готовиться к обороне.