:root{--colorHeaderBackground:#0094ff;--headerBgColor:#000}.el-popover.k-color-box.el-popper,.k-color-box.el-popper{background:transparent!important;padding-top:0!important}.palette-image-box3 .el-image .el-image__placeholder{background:transparent!important}.k-color-box{padding:2px;border-radius:4px;border:1px solid #767882;position:relative}.k-color-box .page{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:3px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.k-color-box .page .color{width:55%;height:100%}.k-color-box .page .color2{width:47%;height:100%}.edit-bar-touch,.k-color-box .page .color3{width:100%;height:100%}.edit-bar-touch{position:absolute;left:0;top:0}.edit-bar-point{position:absolute;top:-2px;width:6px;height:12px;border-radius:4px;border:1px solid #767882;cursor:pointer;background-color:#fff}.edit-bar-point .top-pan{position:absolute;width:26px;height:15px;top:-18px;left:-11px;border-radius:2px;background-color:#fff;text-align:center}.edit-bar-point .top-pan .del,.edit-bar-point .top-pan .text{height:15px;top:-3px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#767882}.edit-bar-point .top-pan .text{display:block}.edit-bar-point .top-pan .del,.edit-bar-point .top-pan:hover .text{display:none}.edit-bar-point .top-pan:hover .del{display:block}.edit-bar-point .bottom-pan{position:absolute;width:6px;height:9px;border-radius:50%;bottom:1px;left:0;background:radial-gradient(#0094ff,#fff);text-align:center}.edit-box{position:fixed;width:255px;padding:4px;border-radius:3px;outline:0;border:1px solid #767882;z-index:3125;background:#0f0f10;display:flex;justify-content:flex-start;align-items:center;align-content:flex-start;flex-direction:column}.edit-box .palette-box{position:relative;width:255px;height:255px;margin:4px 0}.edit-box .palette-box .black-color,.edit-box .palette-box .white-color{position:absolute;width:255px;height:255px;top:0;left:0}.edit-box .palette-box .white-color{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.edit-box .palette-box .black-color{background:linear-gradient(0deg,#000,transparent)}.edit-box .palette-box .point{position:absolute;top:200px;left:200px;width:4px;height:4px;border-radius:50%;border:1px solid #fff;background-color:rgba(0,0,0,.3);cursor:pointer}.edit-box .image-box-item{width:255px;height:30px;margin:4px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.edit-box .image-box-item .image-box-item-label{width:60px;margin-left:2px;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:12px;color:#fff}.edit-box .image-box-item .image-box-item-con{width:calc(100% - 60px);height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.edit-box .image-box-item .image-box-item-con select{width:150px;height:25px;background-color:#000;color:#fff;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edit-box .palette-image-box{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;position:relative}.edit-box .palette-image-box .palette-image-box3{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%}.edit-box .palette-image-box .palette-image-box3 .el-image .el-image__placeholder{background:transparent!important}.edit-box .palette-image-box .kingfisher_bg_box2{width:80px;background:#0f0f10;color:#fff;flex-direction:row;justify-content:center;align-items:center;height:25px;margin-left:5px;font-size:12px}.edit-box .palette-image-box .palette-image-box2{width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.edit-box .palette-image-box .kingfisher_bg_box,.edit-box .palette-image-box .kingfisher_bg_box2{border:none;display:none}.edit-box .palette-image-box .kingfisher_bg_box .kingfisher_upload_box .kingfisher_add{width:80px;background:#0f0f10;color:#fff}.edit-box .palette-image-box:hover .palette-image-box2{display:flex;background-color:rgba(0,0,0,.5)}.edit-box .palette-image-box:hover .kingfisher_bg_box2{display:flex;border:1px solid #000}.edit-box .palette-image-box:hover .kingfisher_bg_box{display:flex}.edit-box .palette-image-box:hover .kingfisher_bg_box .kingfisher_upload_box .kingfisher_add{border:1px solid #000}.edit-box .color-value-edit{width:240px;margin-left:auto;margin-right:auto;height:30px;padding-bottom:10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.edit-box .color-value-edit .color-tool-draw{width:26px;height:23px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#fff}.edit-box .color-value-edit .color-tool-draw:hover{background:#303030}.edit-box .color-value-edit .color-value-edit-box{width:160px;height:23px;border:1px solid #767882;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:1px}.edit-box .color-value-edit .color-value-edit-box input{width:100%;height:100%;line-height:100%;background:transparent;border:none;outline:none;border-radius:0;text-align:center;color:#fff;font-size:12px}.edit-box .color-value-edit .color-value-edit-box .el-input{height:100%;line-height:100%;background:transparent;border:none}.edit-box .color-value-edit .color-value-edit-box .el-input .el-input__inner{height:100%;line-height:100%;background:transparent;border:none;box-shadow:none}.edit-box .color-value-edit .color-value-edit-box .color-value-edit1{width:95px;height:100%;border-right:1px solid #767882;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;cursor:pointer;padding-left:5px}.edit-box .color-value-edit .color-value-edit-box .color-value-edit1 input{text-align:left;font-size:12px;color:#fff}.edit-box .color-value-edit .color-value-edit-box .color-value-edit1 .color-value-edit1-txt{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:12px;color:#fff}.edit-box .color-value-edit .color-value-edit-box .color-value-alpha{width:65px;cursor:pointer;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:12px;color:#fff}.edit-box .color-value-edit .color-value-edit-box .color-value-alpha .color-value-alpha-txt{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:12px;color:#fff}.edit-box .bar-box{width:255px;height:30px;display:flex;justify-content:center;align-items:center}.edit-box .bar-box .bar-alpha,.edit-box .bar-box .bar-color,.edit-box .bar-box .bar-dot{position:relative;width:240px;height:10px;border-radius:2px}.edit-box .bar-box .bar-color{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.edit-box .bar-box .bar-alpha,.edit-box .bar-box .bar-dot,.edit-box .bar-box .palette-image-box{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.edit-box .bar-box-dot{height:35px;align-items:flex-end;padding-bottom:10px}.edit-box .color-list{width:250px;height:54px;display:flex;margin:0 auto;align-content:flex-start;flex-direction:row;flex-wrap:wrap}.edit-box .color-list .box{width:20px;height:20px;padding:2px;border-radius:4px;border:1px solid #767882;margin:1px 2px;cursor:pointer}.edit-box .color-list .box .colors{width:100%;height:100%;border-radius:3px;overflow:hidden}.edit-box .color-list .box .colors2{width:100%;height:100%}.edit-box .line{border-top:1px solid #767882}.edit-box .show-box{width:254px;height:124px;position:relative}.edit-box .show-box .view-page{position:absolute;width:252px;height:118px;top:4px;left:0;border-radius:3px;border:1px solid #767882}.edit-box .show-box .view-gradient{position:absolute;width:116px;height:116px;top:5px;left:69px;border-radius:50%;border:1px solid #767882}.edit-box .show-box .view-gradient .gradient-top{position:absolute;width:67px;height:50%;top:0;left:25px;border-bottom:1px solid #767882}.edit-box .show-box .view-gradient .gradient-left{position:absolute;width:50%;height:67px;top:25px;left:0;border-right:1px solid #767882}.edit-box .show-box .view-gradient .gradient-deg{position:absolute;width:21px;height:114px;padding-top:3px;top:0;left:49px;font-size:12px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#767882}.edit-box .show-box .view-touch{position:absolute;width:255px;height:120px;top:4px;left:0;cursor:pointer}.edit-box .cpn-box{width:255px;height:25px;display:flex;justify-content:flex-start;align-items:center}.edit-box .cpn-box select{width:150px;background-color:#000;border-radius:3px}.edit-box .cpn-box .angle-text,.edit-box .cpn-box select{height:25px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edit-box .cpn-box .angle-text{width:80px;line-height:25px;margin-left:15px;font-size:14px}.edit-box .cpn-box .angle-text .angle-box{height:100%;display:flex;justify-content:flex-start;align-items:center}.edit-box .cpn-box .angle-text .angle-box input{width:28px;height:21px;line-height:21px;outline:none;margin:0 5px;border:1px solid #777;border-radius:3px;background-color:#000;color:#fff}