.boxheart{}
.boxheart01{position:absolute; top:4px; left:4px; width:116px; height:56px; background-color:#000}
.boxheart01:before,.boxheart01:after{width:100%; width:108px; height:8%; height:4px; left:4px; content:""; position:absolute; z-index:1000}
.boxheart i,.boxheart i:before,.boxheart i:after,.boxheart01:before,.boxheart01:after{background-color:#c0c0c0}
.boxheart.boxheartminc i,.boxheart.boxheartminc i:before,.boxheart.boxheartminc i:after,.boxheartminc .boxheart01:before,.boxheartminc .boxheart01:after{background-color:#0070ec}
.boxheart.boxheartmajc i,.boxheart.boxheartmajc i:before,.boxheart.boxheartmajc i:after,.boxheartmajc .boxheart01:before,.boxheartmajc .boxheart01:after{background-color:#00a800}
.boxheart.boxheartwc i,.boxheart.boxheartwc i:before,.boxheart.boxheartwc i:after,.boxheartwc .boxheart01:before,.boxheartwc .boxheart01:after{background-color:#008088}
.boxheart.boxheartdf i,.boxheart.boxheartdf i:before,.boxheart.boxheartdf i:after,.boxheartdf .boxheart01:before,.boxheartdf .boxheart01:after{background-color:#5c94fc}
.boxheart.boxheartmt i,.boxheart.boxheartmt i:before,.boxheart.boxheartmt i:after,.boxheartmt .boxheart01:before,.boxheartmt .boxheart01:after{background-color:#58f898}

.boxheart01:before{top:-6.25%; top:-4px}
.boxheart01:after{bottom:-6.25%; bottom:-4px}



.bh01{}
.bh02{}


.boxheart i{width:3.225%; width:4px; height:8%; height:4px; position:absolute}
.boxheart i:before,.boxheart i:after{content:""; position:absolute; z-index:1000}

.bh01,.bh02{top:8%; top:4px}
.bh01{left:3.225%; left:4px}
.bh02{right:3.225%; right:4px}
.bh01:before,.bh02:before{width:100%; height:100%; top:1300%}
.bh01:after,.bh02:after{width:100%; height:1200%; top:100%}

.bh01:before{left:0}
.bh01:after{left:-100%}


.bh02:before{right:0}
.bh02:after{right:-100%}

.heart{width:36px; height:44px; position:absolute; top:8px; left:4px}
.heart u{position:absolute; background-color:#d82800}
.heart u:before,.heart u:after{background-color:#d82800; position:absolute; content:""}

.h01,.h02,.h03{width:4px; height:4px}
.h01,.h02{top:4px}
.h01{left:12px}
.h02{right:12px}
.h03{bottom:0; left:16px}

.h01:before,.h02:before{width:200%; top:-100%; height:800%}
.h01:before{left:-200%}
.h02:before{right:-200%}
.h01:after,.h02:after{width:500%; top:100%; height:400%}
.h01:after{left:-300%}
.h02:after{right:-300%}



.h03:before{width:300%; height:400%; top:-400%; left:-100%}
.h03:after{width:500%; height:100%; top:-200%; left:-200%}

.hearts{width:60px; height:28px; color:#fff; position:absolute; top:16px; right:8px; text-shadow:#d82800 4px 0; font-size:28px; line-height:28px}

.boxheartminc .hearts{color:#fce4a0}
.boxheartmajc .hearts{color:#c4d4fc}
.boxheartwc .hearts,.boxheartdf .hearts{color:#a8f0bc}
.boxheartmt .hearts{color:#a8e4fc}