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