<div class="stagebox">
<div class="leftbox">
<div class="limgbox">
<img src="404.png" alt="" />
<p class="p1"></p>
<p class="p2">4.9</p>
<p class="p3">new</p>
<p class="p4"><i></i><span>00:12:34</span></p>
</div>
</div>
<div class="rightbox">2</div>
</div>
*{
margin: 0;
padding: 0;
}
.stagebox{
width: 1200px;
margin:10px auto;
position: relative;
padding-left: 248px;
box-sizing: border-box;
}
.leftbox{
position: absolute;
top: 0;
left: 0;
}
.limgbox{
width: 226px;
height: 170px;
border-radius: 8px 8px 0 0;
position: relative;
}
.limgbox img{
width: 100%;
height: 100%;
border-radius: 8px 8px 0 0;
}
.limgbox .p1{
position: absolute;
top: 0;
right: 27px;
border: 15px solid #D40000;
border-bottom-color: transparent;
border-bottom-width: 9px;
border-top-width: 25px;
}
.limgbox .p2{
position: absolute;
top: 4px;
right: 27px;
width: 30px;
text-align: center;
font-size: 12px;
color: #FFFFFF;
letter-spacing: 0.17px;
}
.limgbox .p3{
position: absolute;
top: 12px;
left: -9px;
width: 50px;
height: 28px;
line-height: 22px;
color: #fff;
text-align: center;
font-size: 14px;
letter-spacing: 0.3px;
background: #D40000;
border: 2px solid #FFFFFF;
border-radius: 14px;
box-sizing: border-box;
}
.limgbox .p4{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
font-size: 14px;
color: #FFFFFF;
height: 28px;
line-height: 28px;
background: rgba(28,38,51,0.60);
}
.limgbox .p4 span{
margin-left: 5px;
vertical-align: middle;
line-height: 19px;
}
.limgbox .p4 i{
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
background: url(nao.png)no-repeat;
}