.list-wrap[data-v-062b49d8]{position:relative;overflow-y:scroll;width:200px;margin:100px auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid red}.list[data-v-062b49d8]{position:absolute;top:0;left:0}.list li[data-v-062b49d8]{border:1px solid #00f;line-height:30px}.wrap[data-v-062b49d8]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;background-color:#fff;-webkit-box-shadow:0 0 4px 4px hsla(0,0%,89.4%,.349);box-shadow:0 0 4px 4px hsla(0,0%,89.4%,.349);border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap .pie[data-v-062b49d8]{width:200px;height:200px;border-radius:50%;background:#9acd32;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,transparent),color-stop(0,#655));background-image:linear-gradient(90deg,transparent 50%,#655 0)}.wrap .pie[data-v-062b49d8]:before{content:"";display:block;margin-left:50%;height:100%;border-radius:0 100% 100% 0/50%;background-color:inherit;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotate(90deg);transform:rotate(90deg)}