SOURCE

<div class="red">
    <span class="level">中危</span>
    <span class="loca">42.194.177.237</span>
</div>

.red{
    display: inline-flex;
    /* width: 134px; */
padding: 4px;
box-sizing: border-box;
align-items: flex-start;
gap: 12px;
border-radius: 4px;
background: #021B33;
}
.level{
    display: flex;
padding: 0px 8px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.10);
color:#FFDB66;
/* 加粗/12px */
font-family: "PingFang SC";
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 166.667% */
}
.loca{
    color: #FFF;
font-feature-settings: 'liga' off, 'clig' off;

/* 常规/12px */
font-family: "PingFang SC";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 166.667% */
}