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