.yx-colorPicker[data-v-63f61878]{padding:4px 4px;background-color:#fff}.yx-colorPicker .colorFirstContent[data-v-63f61878]{height:180px;width:280px;margin-bottom:5px;border:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.yx-colorPicker .colorFirstContent .mask[data-v-63f61878]{height:100%;width:100%;position:absolute;top:0;left:0}.yx-colorPicker .colorFirstContent .saturation-mask[data-v-63f61878]{background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.yx-colorPicker .colorFirstContent .lightness-mask[data-v-63f61878]{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(0deg,#000,transparent)}.yx-colorPicker .colorFirstContent .firstPickerBox[data-v-63f61878]{pointer-events:none;position:absolute;top:0;left:0;margin-top:-3px;margin-left:-3px}.yx-colorPicker .colorFirstContent .firstPickerBox .firstPicker[data-v-63f61878]{width:5px;height:5px;border:1px solid #e5e5e5;border-radius:50%;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}.yx-colorPicker .colorFirstContent .firstPickerBox .firstPicker .firstPickerInside[data-v-63f61878]{width:3px;height:3px;border:1px solid #aaa;border-radius:50%}.yx-colorPicker .colorSecondContent[data-v-63f61878]{position:relative;height:12px;width:280px;margin-bottom:7px;border:1px solid #eee;background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);cursor:pointer}.yx-colorPicker .colorSecondContent .secondPickerBox[data-v-63f61878]{pointer-events:none;position:absolute;top:0;left:0;height:100%;margin-left:-2.5px}.yx-colorPicker .colorSecondContent .secondPickerBox .secondPicker[data-v-63f61878]{width:4px;height:100%;background-color:#fff;border:1px solid #e5e5e5;border-radius:1px}.yx-colorPicker .inputArea[data-v-63f61878]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.yx-colorPicker .inputArea .hexArea[data-v-63f61878]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.yx-colorPicker .inputArea .hexArea span[data-v-63f61878]{margin-right:2px;font-size:12px}.yx-colorPicker .inputArea .RGBArea[data-v-63f61878]{display:-webkit-box;display:-ms-flexbox;display:flex}.yx-colorPicker .inputArea .RGBArea .RBGItem[data-v-63f61878]{margin-left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.yx-colorPicker .inputArea .RGBArea .RBGItem span[data-v-63f61878]{margin-right:5px;font-size:12px}.yx-colorPicker .btnGroup[data-v-63f61878]{margin-top:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.yx-colorPicker .button-normal[data-v-63f61878]:focus,.yx-colorPicker .button-normal[data-v-63f61878]:hover{color:#10375c;background-color:#f1f7ff;border-color:#b3bad4}.yx-colorPicker .button-normal[data-v-63f61878]:active{color:#09335a;outline:none;border-color:#b3bad4}.hexArea .el-input__inner{padding:5px;width:70px;height:22px}.RGBArea .el-input__inner{padding:5px;width:40px;height:22px}.btnGroup .el-button--mini{padding:5px 10px}.btnGroup .el-button span{font-size:12px}.colorPickerOutSide .clickFocusArea[data-v-b5f87c3c]{cursor:pointer;border:1px solid #e5e5e5;border-radius:4px;width:80px;height:30px;background-color:#fff}