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