html：
<p class="skill_three_con_item_frame"></p>
css:
skill_three_con_item_frame {
width: 36px;
height: 36px;
background: transparent;
border: 1px solid #fff;
position: relative;
margin-right: 30px;
}
.skill_three_con_item_frame:before,
.skill_three_con_item_frame::after {
content: "";
height: 50px;
width: 6px;
border-radius: 10px;
display: block;
background: #ff003f;
position: absolute;
top: -18px;
left: 32px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.skill_three_con_item_frame::before {
height: 24px;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
position: absolute;
top: 6px;
left: 8px;
}