console
<div id="line">
<div id="return">
<div id="box">
<div id="percentage">0.05%</div>
<div id="label">返拥率</div>
</div>
</div>
</div>
<div id="detail">
<div id="firtline">
</div>
<div id="">
<div>5.2%</div>
<div>4个月</div>
</div>
<div id="secondline">
<div>52%</div>
<div>剩余8000万元</div>
</div>
</div>
#box{
height:60px;
width:60px;
border:1px solid grey;
border-radius:10px;
display:flex;
flex-direction:column;
}
#percentage{
display:flex;
flex-grow:6;
justify-conten: center;
align-items:center;
}
#label{
display:flex;
flex-grow:3;
background-color:black;
color:white;
border-bottom-left-radius:10px;
}
#detail{
flex: 2;
justify-content:space-between;
height:66px;
}
#firtline{
display:flex;
flex-direction:row;
justify-content:space-between;
}
#secondline{
display:flex;
flex-direction:row;
justify-content:space-between;
}