.circle_percent{height:1em;overflow:hidden;font-size:200px;position:relative;margin:20px;border-radius:50%;background:#eee;width:1em;display:inline-block}.circle_inner,.round_per{height:1em;clip:rect(0 1em 1em .5em);position:absolute;top:0;left:0;width:1em}.round_per{transform:rotate(180deg);transition:1.05s;background:#e4a6d2}.percent_more .circle_inner{clip:rect(0 .5em 1em 0)}.percent_more:after{right:0;content:"";position:absolute;bottom:0;top:0;background:#e4a6d2;left:.5em}.circle_inbox{right:10px;position:absolute;bottom:10px;top:10px;border-radius:50%;background:#fff;left:10px;z-index:3}.percent_text{transform:translate(-50%,-50%);font-size:36px;position:absolute;top:50%;left:50%;z-index:3}