.percentloop{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden}.percentloop .circle-left,.percentloop .circle-right{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#5dc2d2;overflow:hidden}.percentloop .circle-left>div,.percentloop .circle-right>div{width:100%;height:100%;background-color:#dbfaff;-webkit-transform-origin:right center;transform-origin:right center}.percentloop .circle-right{left:50%}.percentloop .circle-right>div{-webkit-transform-origin:left center;transform-origin:left center}.percentloop .number{position:absolute;top:9%;bottom:9%;left:9%;right:9%;background-color:#fff;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.percentloop .number>div{color:#333;text-align:center}.percentloop .number>div>p{font-family:PingFang SC;font-weight:500;font-size:24px;color:#000}.percentloop .number>div>font{font-weight:700;font-size:56px;color:#5dc2d2}