.skill-canvas-wrapper[data-v-5ff14e88]{background:#f8f8f8;margin:0;height:744PX;position:relative}.skill-canvas-wrapper #canvas[data-v-5ff14e88]{display:block;background-color:#f8f8f8}.skill-canvas-wrapper .item-box[data-v-5ff14e88]{display:inline-block;width:auto;position:absolute;z-index:1}.skill-canvas-wrapper .item-box .skill-icon[data-v-5ff14e88]{border-radius:50%;height:.96rem;width:.96rem;position:relative;z-index:-1}.skill-canvas-wrapper .item-box .skill-icon>img[data-v-5ff14e88]:not(.skill-type):not(.suo){width:100%;height:100%;border-radius:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.skill-canvas-wrapper .item-box .skill-icon .img-bg[data-v-5ff14e88]:not(.skill-type):not(.suo){position:absolute;width:1.2rem;height:1.2rem}.skill-canvas-wrapper .item-box .skill-icon .skill-type[data-v-5ff14e88]{width:.68rem;height:.32rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-.02rem;z-index:2}.skill-canvas-wrapper .item-box .skill-icon .suo[data-v-5ff14e88]{width:.32rem;height:.34rem;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:2}.skill-canvas-wrapper .item-box .level[data-v-5ff14e88]{position:absolute;top:-.2rem;right:-.23rem;z-index:1}.skill-canvas-wrapper .item-box .level .level-bg[data-v-5ff14e88]{width:.46rem;height:.48rem}.skill-canvas-wrapper .item-box .level>span[data-v-5ff14e88]{position:absolute;top:50%;left:50%;font-size:.2rem;font-weight:400;color:#fff;line-height:.2rem;width:.24rem;height:.2rem;z-index:2;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}