.color-block-component{border-radius:6px;background:#fff;padding:2px;border:2px solid transparent;position:relative}.color-block-component .tips{position:absolute;top:0;right:0}.color-block-component.active{border-color:#000}.color-block-component.disabled{cursor:not-allowed}.color-block-component .color-block{width:28px;height:28px;border-radius:6px;box-sizing:border-box;border:2px solid rgba(0,0,0,.15)}.color-block-component .color-block.small{width:24px;height:24px}.color-block-component .color-block.small.disabled:after{left:-1px;width:22px;top:9px}.color-block-component .color-block.disabled{position:relative}.color-block-component .color-block.disabled:after{position:absolute;content:"";height:3px;width:30px;background:#0000004d;border-radius:3px;top:12px;left:-1px;transform:rotate(45deg)}.color-block-component .color-block:before{content:"";display:inline-block;width:1px;height:1px;line-height:1px}