console
<section class="RankEditor" style="margin-top:20px">
<section style="display: flex; justify-content: center;align-items:flex-end;">
<section style="width: 85px;margin-top: 30px;display: flex;flex-direction: column;flex: 1;overflow: hidden;">
<section style="z-index: 0;">
<img src="http://img.xdnphb.com/genus/upload/editor/photo/2017/07/06/3623814e-e266-4b59-8a7a-a9f8b3d002d6.png" style="width: 100%;vertical-align: top"/>
</section>
<section style="z-index: 1;margin-top: -50px; width: 100%;height:145px;background-color: rgb(127,188,233);transform: rotate(55deg)"></section>
<section style="background-color: rgb(127,188,233);margin-top: -90px;z-index: 2">
<section style="text-align: center; padding-right: 10px; padding-left: 10px; margin-top: -15px;">
<p class="title white" style="font-size: 38px;font-weight: bold;color:rgb(255,255,255);min-width: 1px;">
生
</p>
</section>
<section style="text-align: center;padding-right: 15px;padding-left: 15px;height: 180px;">
<p class="brush white" style="font-size: 14px;color:rgb(255,255,255);min-width: 1px;">
老生小生武生
</p>
</section>
</section>
</section>
<section style=" width: 85px;margin-left: 8px; display: flex;flex-direction: column;flex: 1;overflow: hidden;">
<section style="z-index: 0;">
<img src="http://img.xdnphb.com/genus/upload/editor/photo/2017/07/06/719acd1f-92d6-4dfb-a994-cf65d8b3e2fc.png" style="width: 100%;vertical-align: top"/>
</section>
<section style="z-index: 1;margin-top: -50px; width: 100%;height:145px;background-color: rgb(235,105,108);transform: rotate(55deg)"></section>
<section style="background-color: rgb(235,105,108);margin-top: -90px;z-index: 2">
<section style="text-align: center; padding-right: 10px; padding-left: 10px; margin-top: -15px;">
<p class="title white" style="font-size: 38px;font-weight: bold;color:rgb(255,255,255);min-width: 1px;">
旦
</p>
</section>
<section style="text-align: center; padding-right: 15px; padding-left: 15px; height: 180px;">
<p class="brush white" style="font-size: 14px;color:rgb(255,255,255);min-width: 1px;">
正旦老旦花旦花衫武旦刀马旦彩旦
</p>
</section>
</section>
</section>
<section style=" width: 85px; margin-left: 8px;margin-top: 20px; display: flex;flex-direction: column;flex: 1;overflow: hidden;">
<section style="z-index: 0;">
<img src="http://img.xdnphb.com/genus/upload/editor/photo/2017/07/06/a57c9367-77b3-4a1c-a6f1-43faaf7548d9.png" style="width: 100%;vertical-align: top"/>
</section>
<section style="z-index: 1;margin-top: -50px; width: 100%;height:145px;background-color: rgb(247,183,75);transform: rotate(55deg)"></section>
<section style="background-color: rgb(247,183,75);margin-top: -90px;z-index: 2">
<section style="text-align: center; padding-right: 10px; padding-left: 10px; margin-top: -15px;">
<p class="title white" style="font-size: 38px;font-weight: bold;color:rgb(255,255,255);min-width: 1px;">
净
</p>
</section>
<section style="text-align: center; padding-right: 15px; padding-left: 15px; height: 180px;">
<p class="brush white" style="font-size: 14px;color:rgb(255,255,255);min-width: 1px;">
正净副净武净毛净
</p>
</section>
</section>
</section>
<section style=" width: 85px; margin-left: 8px;margin-top: 15px; display: flex;flex-direction: column;flex: 1;overflow: hidden;">
<section style="z-index: 0;">
<img src="http://img.xdnphb.com/genus/upload/editor/photo/2017/07/06/e9d790bc-5885-48b0-a7ba-dd6ae847a0d2.png" style="width: 100%;vertical-align: top"/>
</section>
<section style="z-index: 1;margin-top: -50px; width: 100%;height:145px;background-color: rgb(128,196,139);transform: rotate(55deg)"></section>
<section style="background-color: rgb(128,196,139);margin-top: -90px;z-index: 2">
<section style="text-align: center; padding-right: 10px; padding-left: 10px; margin-top: -15px;">
<p class="title white" style="font-size: 38px;font-weight: bold;color:rgb(255,255,255);min-width: 1px;">
丑
</p>
</section>
<section style="text-align: center; padding-right: 15px; padding-left: 15px; height: 180px;">
<p class="brush white" style="font-size: 14px;color:rgb(255,255,255);min-width: 1px;">
老生小生武生
</p>
</section>
</section>
</section>
</section>
</section>
<p>
<br/>
</p>