.demo[data-v-3b467e80]{width:600px;height:350px;padding:100px;-webkit-box-sizing:border-box;box-sizing:border-box;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;background-color:#faebd7}.demo-elliptic[data-v-3b467e80]{position:absolute;width:400px;height:300px;border-radius:100%;border:2px solid #fff}.semi-ellipse[data-v-3b467e80]{position:absolute;width:300px;height:200px;border-radius:100%;border:2px solid #fff}.demo-number[data-v-3b467e80]{position:absolute;z-index:2;color:#fff;font-size:25px}li[data-v-3b467e80],ul[data-v-3b467e80]{margin:0;list-style-type:none;padding:0}ul[data-v-3b467e80]{width:150px;height:150px;border:3px solid #61994a;background-image:radial-gradient(circle at top,transparent,transparent,transparent,#61994a);border-radius:50%;position:relative;text-align:center}.lidiv1[data-v-3b467e80]{width:80px;height:80px;border:3px solid #ff0;background-image:radial-gradient(circle at top,transparent,transparent,transparent,#fff200);border-radius:50%;line-height:80px;margin-left:-50px;margin-top:-200px}.lidiv1[data-v-3b467e80],.lidiv2[data-v-3b467e80]{position:absolute;color:#fff;font-size:25px;text-align:center;-webkit-transform-origin:0 0;transform-origin:0 0}.lidiv2[data-v-3b467e80]{width:60px;height:60px;border:3px solid red;background-image:radial-gradient(circle at top,transparent,transparent,transparent,red);border-radius:50%;line-height:60px;margin-left:-20px;margin-top:-190px}.lidiv3[data-v-3b467e80]{width:100px;height:100px;position:absolute;border:3px solid #9acd32;background-image:radial-gradient(circle at top,transparent,transparent,transparent,#9acd32);color:#fff;font-size:25px;border-radius:50%;line-height:100px;text-align:center;margin-left:-20px;margin-top:-200px;-webkit-transform-origin:0 0;transform-origin:0 0}