清末，八國聯(lián)軍攻入北京，聶如風(fēng)(王茂蕾 飾)帶著妻子應(yīng)蝶(安以軒 飾)和兩個(gè)女兒躲避追殺，但應(yīng)蝶選擇了將如風(fēng)和女兒趕走，獨(dú)自迎敵，應(yīng)蝶突然長出黑色的翅膀飛了起來——原來她竟然是妖：明末清初墜落人間的外星生物。最終她寡不敵眾死于亂槍之下，而她變身的一幕被人偷偷記錄了下來。
十五年后，聶如風(fēng)的大女兒傾城在歌廳里跳舞，這時(shí)新官上任的巡捕房老大明夏(張哲瀚 飾)被五爺請到了歌廳來，五爺送給了他一箱金條，希望他允許自己走私，而身為富家公子的明夏拒絕了金條，表示如此美妙的音樂里就不要談?dòng)顾字铝恕?/p>
五爺見明夏眼神總是停留在跳舞的聶傾城(李一桐 飾)身上，便讓手下將傾城帶了下來，告訴明夏從今天起，傾城就是他明夏公子的了。傾城對這突如其來的命令表示抗拒，當(dāng)五爺拿著槍指著她時(shí)她還是害怕了，而這時(shí)明夏出來解救了傾城。傾城正打算走的時(shí)候，五爺見明夏不給自己面子，便想拿傾城出氣。
這時(shí)明夏讓手下用槍指著五爺，告訴他自己放著養(yǎng)尊處優(yōu)的生活不過來巡捕房就是為了將他們這種違法之人制服，還警告五爺如果不規(guī)矩自己遲早會(huì)將他的老巢端掉。在這么多槍口指著時(shí)，五爺囂張的氣焰被滅掉了，而明夏也帶著傾城離開了這個(gè)地方。
離開了歌廳，傾城甩開了明夏的手，告訴他自己不是那么隨便的人，而明夏給了她一些忠告，希望她不要惹刀疤五爺，而且在歌廳工作也至少學(xué)得圓滑一些。明夏為傾城叫了一輛黃包車，并將自己的西裝披在了傾城身上，這些小舉動(dòng)讓傾城感到溫暖。
當(dāng)傾城詢問他自己什么時(shí)候把衣服還給他時(shí)，明夏表示有緣自會(huì)相見。晚上，回到家的傾城輕手輕腳地準(zhǔn)備睡覺，沒想到還是被父親發(fā)現(xiàn)了，父親詢問她這么晚穿成這樣是去哪里了，因?yàn)槿ジ鑿d跳舞賺錢是瞞著父親的，所以傾城一時(shí)不知該怎么回答，幸好這時(shí)妹妹聶傾心(成梓寧 飾)出來幫姐姐圓了過去。
傾城和傾心一起泡澡，傾心對姐姐為了自己的學(xué)費(fèi)而去歌廳賺錢表示抱歉，傾城安慰她。兩人說著家常，傾城想到了今天送自己上面包車的男子，心里有點(diǎn)希望再次遇見他。而這時(shí)她手上的印記又亮了，水缸裂開，傾城肩膀上隱約出現(xiàn)了一對翅膀，她感到奇怪，但并沒有發(fā)現(xiàn)不對勁的地方。
傾城每天都在思樂仙歌廳的門口等待，希望再次遇見明夏，然后把衣服還給他。因?yàn)閷γ飨牡乃紤伲瑑A城還在夢里遇見了明夏，每天看著明夏的外套，傾城心里滿滿的小女孩心思。當(dāng)傾城在家里澆花的時(shí)候，看見傾心在家門口哭，便詢問她原因。
傾心告訴她自己存了很多錢只為參加名媛杜夫人的派對，但因?yàn)樽约撼錾聿缓茫易鍥]有地位，便不能參加。傾城聽后很是氣憤，表示自己一定會(huì)讓她參加的。派對夜晚，兩人穿著傾城從歌廳里拿來的衣服偷偷溜進(jìn)了派對，傾心想結(jié)交朋友但卻總是被人冷眼拒絕，好幾位名媛還當(dāng)著她的面嘲諷她的身份和沒有修養(yǎng)，這讓在一旁的姐姐傾城很是氣憤。
傾城為了證明妹妹有一技之長，與她在舞池中央翩翩(何泓姍 飾)起舞，大家都贊美兩人的舞姿，許多人搶著要和傾心跳舞。傾城見那幾位名媛此時(shí)醋味橫生，便知道成功了。在妹妹和別人跳舞時(shí)，傾城嫌房間里太悶，便出去透透氣。在花園里，傾城居然看見了明夏正在拒絕一位死纏爛打的名媛，兩人的對話讓明夏看著很是好笑，傾城趕緊沖上去解救他，兩人扮成情侶將那位名媛氣跑了。
當(dāng)兩人正式相互介紹后，明夏告訴傾城自己不會(huì)跳舞不想進(jìn)去，熱心的傾城便在花園里教他跳舞。兩人邊跳邊聊天，明夏希望以后傾城多教自己跳舞，傾城答應(yīng)了做他的舞蹈老師。當(dāng)傾城準(zhǔn)備按照每天的約定時(shí)間去教明夏跳舞時(shí)，聶如風(fēng)趕緊攔住了她，質(zhì)問她是不是在歌廳做歌女，聶如風(fēng)認(rèn)為這有辱聶家清白，便將女兒傾城關(guān)在房間里讓她好好反思，傾城情急之下準(zhǔn)備用床單當(dāng)麻繩爬窗出去。
在橋邊已經(jīng)等了很久的明夏終于見到了傾城，他詢問傾城今天去哪里，傾城表示以后自己可能不會(huì)再出來了，因?yàn)楦赣H不允許自己在歌廳跳舞，把自己關(guān)了起來。明夏為了讓傾城開心起來，便陪著她在晚霞面前大聲說出自己的愿望，明夏看著美麗的傾城，發(fā)現(xiàn)她不止漂亮有個(gè)性，而且還是一位獨(dú)立孝順的姑娘，這讓他更加喜歡傾城了。
