.card-header {
position: relative;
height: 32rpx;
}
.card-hole {
content: '';
border: 6rpx solid #eeeaea80;
position: absolute;
width: 20rpx;
height: 20rpx;
border-radius: 50%;
top: 50%;
margin-top: -32rpx;
}
.card-hole:before, .card-hole:after {
content: '';
border: 6rpx solid #eeeaea80;
position: absolute;
width: 20rpx;
height: 20rpx;
border-radius: 50%;
top: 50%;
margin-top: -16rpx;
}
.card-hole {
left: -16rpx;
background-color: #8d1818;
}
.card-hole:before {
/* left: -16rpx; */
right: -40rpx;
background-color: #c2b21f;
}
.card-hole:after {
right: -76rpx;
background-color: #109932;
}