.hl-circle{position:relative;display:inline-block;text-align:center}.hl-circle-path{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:stroke-dashoffset 2s ease 0s,stroke 2s ease 0s;transition:stroke-dashoffset 2s ease 0s,stroke 2s ease 0s}.hl-circle-content{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 .2rem;color:#323233;font-weight:500;font-size:.7rem;line-height:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}