.sp-container{display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-fill{padding-top:80%}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media(max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-clear{border:solid 1px #666}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #ccc}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-replacer{display:inline-block;vertical-align:middle;width:16px;height:16px;overflow:hidden;cursor:pointer;border-radius:24px;background:url(../../images/color-icon0.png) no-repeat;background-size:100% 100%}.sp-preview{position:relative;width:100%;height:100%;float:left;border-radius:24px}.sp-preview-inner{border-radius:24px}.themeCustom .sp-replacer{display:inline-block;vertical-align:middle;width:16px;height:16px;overflow:hidden;cursor:pointer;border-radius:24px;background:url(../../images/color-icon0.png) no-repeat;background-size:100% 100%}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.themeCustom .sp-preview{position:relative;width:100%;height:100%;float:left;border-radius:24px}.themeCustom .sp-preview-inner{border-radius:24px}.full-spectrum{top:120px}.bg-Custom .sp-replacer{width:32px;height:24px;overflow:hidden;cursor:pointer;float:left;margin-right:8px;border-radius:2px;background:url(../../images/color-icon0.png) no-repeat;background-size:100% 100%}.bg-Custom .sp-preview{position:relative;width:100%;height:100%;float:left}.bgSetColor-spectrum{top:120px}.bg-Custom .sp-preview-inner{border:1px solid #ddd;border-radius:2px}.sp-container{position:fixed;border-radius:2px;background:#fff;padding:0;width:260px}.sp-button-container{width:240px;height:40px;margin:0 auto;border-bottom:1px solid #eee;line-height:40px}.sp-button-container span{font-size:12px;color:#5c5c5c;font-weight:700;float:left}.sp-cancel{float:right;font-size:12px;color:#5c5c5c;margin:0 20px 0 0}.sp-container button{background:#fff;width:60px;height:24px;border-radius:24px;border:1px solid #a3a3a3;color:#5c5c5c;font-size:12px;text-align:center;line-height:24px;outline:0;float:right;margin-top:8px}.sp-container button:hover{background:#3d82f2;border:1px solid #3d82f2;cursor:pointer;color:#fff}.sp-picker-container{width:240px;height:380px;margin:15px auto 0}.sp-top{position:relative;width:100%;height:260px;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0;height:210px}.sp-clear-enabled .sp-hue{width:240px;height:16px;position:relative}.sp-hue{position:relative}
.sp-hue{background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-slider{position:absolute;top:-10px;cursor:pointer;width:9px;height:36px;background:url(../../images/color-icon1.png) no-repeat}.sp-color{position:absolute;top:30px;left:0;bottom:0;right:0;height:180px}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-dragger{border-radius:10px;height:10px;width:10px;border:1px solid #fff;cursor:pointer;position:absolute;top:0;left:0}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-10px;cursor:pointer;width:9px;height:36px;background:url(../../images/color-icon1.png) no-repeat}.sp-alpha{display:none;position:absolute;top:224px;right:0;left:0;height:17px}.sp-clear{display:none}.rgbModel{width:240px;margin:0}.rgbBox{line-height:20px;float:left;margin:0 6px 0 0;text-align:center}.rgbBox span{display:block;font-size:12px;color:#5c5c5c;margin:0 3px 0 0}.rgbColor{width:35px;height:18px;border:1px solid #d2d2d2;font-size:12px;color:#5c5c5c;border-radius:2px;background:#f5f5f5}.rgbColor:focus{border-color:#3d82f2}.colorResult{width:240px;height:26px;margin:15px 0 18px;line-height:18px}.sp-input-container{width:112px;height:20px;margin:6px 0 0 0;float:left;line-height:20px}.colorResult-txt{width:30px;height:18px;float:left;margin:0 5px 0 0;color:#5c5c5c;font-size:12px}.sp-input{font-size:12px;width:60px;height:18px;border:1px solid #d2d2d2;color:#5c5c5c;float:left;border-radius:2px}.sp-input:focus{border-color:#3d82f2}.nowColor{width:100px;height:26px;float:right;line-height:26px}.sp-initial{width:60px;height:26px;float:right}.sp-initial span{width:30px;height:25px;border:0;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.nearUse{width:240px;height:52px;margin:10px auto 0;padding:15px 0 0 0;border-top:1px solid #eee}.nearUse-title{width:100%;font-size:12px;color:#5c5c5c;margin:0 0 5px 0;text-align:left}.nearUse-color{width:100%;height:20px;overflow:hidden}.nearUse-color span{display:block;float:left;width:30px;height:20px;margin:0 5px 0 0}.sp-container{width:208px;background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2);box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.sp-container .sp-hue{border-radius:4px;width:100%}.sp-container .sp-color{height:163px}.sp-container .sp-container{width:100%;height:auto}.sp-container .sp-button-container{width:100%;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.sp-container .sp-picker-container{width:100%;height:auto;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.sp-container .nearUse{display:none}.sp-container .sp-cancel{margin:0 10px 0 0}.sp-container .rgbBox{margin:0 8px 0 0}.sp-container .nowColor{width:auto}.sp-container .nowColor>div{float:none;display:inline-block;vertical-align:middle}.sp-container .colorResult,.sp-container .sp-initial,.sp-container .sp-input-container{width:auto}.sp-container .colorResult-txt,.sp-container .sp-initial{height:auto}.sp-container .sp-initial span{width:10px;height:12px}.btn-color-spectrum{margin-top:-60px;margin-left:80px}.border-color-spectrum{position:absolute}