<div className="circle-container">
<div className="circle-text1">
<span>{t('home.text15')}</span> <span>333.33</span> </div>
<div className="circle"></div>
</div>
.circle-container {
/* 圆环 */
position: relative;
width: 206px;
height: 206px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 28px;
.circle {
position: absolute;
top: 0;
left: 0;
width: 206px;
height: 206px;
border-radius: 50%;
background: linear-gradient(0deg, rgb(255, 220, 0) 0%, rgb(175, 0, 229) 100%);
-webkit-mask: radial-gradient(transparent, transparent 97px, #000 97px);
mask: radial-gradient(transparent 97px, #000 97px);
}
.circle-text {
position: relative;
z-index: 1;
text-align: center;
font-size: 36px;
font-weight: 900;
color: #FFFFFF;
}
.circle-text1 {
position: relative;
z-index: 1;
text-align: center;
font-size: 16px;
display: flex;
flex-direction: column;
align-items: center;
font-weight: 900;
color: #FFFFFF;
}
}