.circlewrap {
position: relative;
display: inline-block;
}

.hugecircle {
width: 8rem;
height: 8rem;
box-shadow: 0px 0px 12px #ccc;
border-radius: 50%;
}

.bigcircle {
width: 6rem;
height: 6rem;
}

.middlecircle {
/*height: 4.4rem;
width:4.4rem;*/
height: 70px;
width: 70px;
}

.minicircle {
/*height:3.4rem;
width:3.4rem;*/
height: 54px;
width: 54px;
}

.smallcircle {
/*height:2.2rem;
width:2.2rem*/
height: 36px;
width: 36px
}

.circlebg,
.leftcircle,
.rightcircle,
.circlebgtop,
.number {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 20;
border-radius: 50%;
}

.circlebg {
width: 100%;
height: 100%;
background-color: #e6e6e6;
}

.circlebgtop {
z-index: 30;
background-color: #e6e6e6;
}

.leftcircle,
.rightcircle,
.circletop {
height: 100%;
width: 100%;
}

.hugecircle .leftcircle,
.hugecircle .circlebgtop,
.hugecircle .rightcircle {
clip: rect(0, 4rem, 8rem, 0);
}

.bigcircle .leftcircle,
.bigcircle .circlebgtop,
.bigcircle .rightcircle {
clip: rect(0, 3rem, 6rem, 0);
}

.middlecircle .leftcircle,
.middlecircle .circlebgtop,
.middlecircle .rightcircle {
/*clip:rect(0,2.2rem,4.4rem,0)*/
clip: rect(0, 36px, 70px, 0)
}

.minicircle .leftcircle,
.minicircle .circlebgtop,
.minicircle .rightcircle {
/*clip:rect(0,1.7rem,3.4rem,0)*/
clip: rect(0, 27px, 54px, 0)
}

.smallcircle .leftcircle,
.smallcircle .circlebgtop,
.smallcircle .rightcircle {
/*clip:rect(0,1.1rem,2.2rem,0)*/
clip: rect(0, 18px, 36px, 0)
}

.number {
z-index: 40;
background-color: #fff;
text-align: center;
}

.bigcircle .number {
height: 5.4rem;
width: 5.4rem;
font-size: 1.8rem;
line-height: 4.2
}

.mt12 {
margin-top: 0.75rem;
}

.hugecircle .number {
height: 7rem;
width: 7rem;
font-size: 1.6rem;
line-height: 4.5;
}

.middlecircle .number {
font-size: 1rem;
line-height: 3rem;
width: 62px;
height: 62px;
}

.minicircle .number {
width: 48px;
height: 48px;
/*font-size:1.5rem;*/
line-height: 3;
}

.smallcircle .number {
font-size: 1.5rem;
line-height: 2rem;
width: 32px;
height: 32px;
font-size: 11px;
}

.circle {
-webkit-transform-origin: center;
}