.defaultColor[data-v-4024b998]{margin-top:40px}.defaultColor .line[data-v-4024b998]{border-top:1px solid #c0c4cc;padding-top:30px}.defaultTitle[data-v-4024b998]{font-size:16px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Bold;font-weight:700;color:#303133;line-height:16px;margin-bottom:5px;display:flex;align-items:center}.defaultContent[data-v-4024b998]{display:flex;flex-wrap:wrap}.defaultGradient[data-v-4024b998]{margin-top:30px}.colorBlock[data-v-4024b998]{display:inline-flex;flex-direction:column;width:182px;height:140px;margin:10px 16px 0 0;box-sizing:border-box;border-radius:4px 4px 4px 4px;box-shadow:-2px 2px 10px 2px rgba(29,31,32,.15);position:relative;overflow:hidden}.colorBlock .color[data-v-4024b998]{height:106px;flex-wrap:wrap;padding:20px 20px 20px 30px;position:relative}.colorBlock .color[data-v-4024b998],.colorBlock .name[data-v-4024b998]{width:100%;display:flex;justify-content:center;align-items:center;border:1px solid #dcdfe6;box-sizing:border-box}.colorBlock .name[data-v-4024b998]{height:34px;font-size:14px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Regular;font-weight:400;color:#303133;background:#f4f4f5;border-radius:0 0 4px 4px;border-top:none}.circel[data-v-4024b998]{display:inline-block;width:27px;height:27px;border:2px solid #fff;border-radius:50%;margin-left:-10px;background:#fff;color:#303133}.more[data-v-4024b998]{display:inline-flex;align-items:center;justify-content:center;font-size:14px;border:none;line-height:27px;position:absolute;right:4px;z-index:-1;bottom:21px}.newBlock[data-v-4024b998]{display:inline-flex;align-items:center;justify-content:center;width:182px;height:137px;border-radius:4px;font-size:14px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Regular;font-weight:400;border:1px solid #409eff;color:#409eff;line-height:22px;margin:10px 16px 0 0;box-shadow:-2px 2px 10px 2px rgba(29,31,32,.15);cursor:pointer}.newBlock[data-v-4024b998]:hover{border:1px solid #66b1ff;color:#66b1ff}.customeGradient[data-v-4024b998]{margin-top:30px}.pillar[data-v-4024b998]{display:inline-block;width:128px;height:24px;border-radius:33px}.blockMenu[data-v-4024b998]{position:absolute;height:100%;background:rgba(0,0,0,.5);flex-direction:column;justify-content:center;z-index:2;border-radius:4px;padding:0 20px;top:0;left:0}.blockMenu[data-v-4024b998],.blockMenu p[data-v-4024b998]{width:100%;display:flex;align-items:center;cursor:pointer;box-sizing:border-box}.blockMenu p[data-v-4024b998]{font-size:14px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Regular;font-weight:400;color:#fff;flex-wrap:nowrap;height:28px}.blockMenu p[data-v-4024b998]:hover{text-shadow:#aaa 1px 1px 2px}.blockMenu p img[data-v-4024b998]{width:20px;margin-right:5px}.applying[data-v-4024b998]{position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:400;border-radius:4px;top:0;left:0}.applying img[data-v-4024b998]{width:20px;margin-right:5px}.colorDialog[data-v-4024b998] .el-dialog{max-width:1080px;font-size:14px}.colorDialog[data-v-4024b998] .dialogContainer{height:550px;display:flex}.colorDialog[data-v-4024b998] .dialogContainer .left{width:304px;height:100%;box-sizing:border-box;display:inline-flex;flex-direction:column;border-right:1px solid #dcdfe6;padding-right:20px}.dialogContainer .left .colorContent[data-v-4024b998]{display:flex;flex-direction:column;height:487px}.dialogContainer .left .colorContent .title[data-v-4024b998]{font-size:16px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Bold;font-weight:700;text-align:LEFT;color:#303133;line-height:22px;height:22px}.dialogContainer .left .colorContent .colorScrollBar[data-v-4024b998]{height:380px;margin-bottom:15px;overflow-x:hidden;margin-right:-10px}.dialogContainer .left .colorContent .colorScrollBar[data-v-4024b998] .el-scrollbar__view{height:unset}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect[data-v-4024b998]{display:flex;margin:10px 10px 10px 0;position:relative;flex-direction:column;justify-content:space-between;height:56px}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect .options[data-v-4024b998]{position:absolute;width:100%;height:180px;z-index:3000;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;top:63px;right:0;transition:all .3s ease 0s;padding-bottom:10px}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect .options .list[data-v-4024b998]{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect .options .list li[data-v-4024b998]{font-size:14px;padding:0 10px 0 10px;margin-bottom:0;position:relative;color:#606266;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-around;height:35px;align-items:center}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect .options .list li[data-v-4024b998]:hover{background:#f4f9ff}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect[data-v-4024b998] .title{width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:28px;font-size:14px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Regular;font-weight:400;text-align:LEFT;color:#333;line-height:28px}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect[data-v-4024b998] .color{width:108px;height:20px;display:inline-block;margin-top:0;min-height:unset;padding:0}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect .blur[data-v-4024b998]{position:relative;width:100%;height:32px;padding:0 3px;display:inline-flex;flex-wrap:nowrap;align-items:center;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:14px;padding:0 10px}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect .blur .selected[data-v-4024b998]{display:flex;align-items:center;width:calc(100% - 20px)}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect .blur .selected .color[data-v-4024b998]{width:108px}.dialogContainer .left .colorContent .colorScrollBar .gradientSelect .blur .icon[data-v-4024b998]{position:absolute;right:10px;font-size:14px;line-height:20px;transition:all .3s ease 0s}.gradientSelectContainer[data-v-4024b998]{display:flex;align-items:center;width:100%;height:100%;justify-content:space-between}.gradientSelectTitle[data-v-4024b998]{float:left;font-size:14px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Regular;font-weight:400;color:#303133;line-height:22px}.gradientSelectColorBLock[data-v-4024b998]{float:right;width:123px;height:18px}.dialogContainer .left .colorContent .button[data-v-4024b998]{height:70px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.dialogContainer .left .colorContent .button button[data-v-4024b998]{width:100%;margin-left:0}.brief[data-v-4024b998]{background-color:#f4f4f5;border:1px solid #dcdfe6;border-radius:4px;margin-top:5px;font-size:12px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Regular;font-weight:400;color:#606266;line-height:20px;display:block;padding:3px 25px 3px 5px;position:relative;overflow:hidden;transition:height .3s ease;margin-right:10px;cursor:pointer;box-sizing:content-box}.brief i[data-v-4024b998]{position:absolute;right:5px;top:5px;font-size:15px;transition:transform .3s ease}.brief .up[data-v-4024b998]{transform:rotate(180deg)}.left .colorContent .color[data-v-4024b998]{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-right:10px;white-space:nowrap;font-size:14px;min-height:20px}.left .colorContent .color .main[data-v-4024b998]{display:inline-flex;flex-direction:row;align-items:center;flex-wrap:nowrap;width:160px;padding:0;justify-content:flex-end;color:12px}.left .colorContent[data-v-4024b998] .color .main div{width:131px!important;height:26px!important;border-radius:5px;box-sizing:content-box}.left .colorContent[data-v-4024b998] .color .main div span{margin:3px 5px!important;border:1px solid #f2f2f2}.left .colorContent[data-v-4024b998] .color .main div input{left:30px!important;top:0!important;width:78px!important;height:26px!important;padding:0 10px;color:#606266}.left .colorContent[data-v-4024b998] .color .main div input:focus{outline:none}.left .colorContent .color[data-v-4024b998] .el-input-group{display:inline-flex;font-size:12px}.left .colorContent .color[data-v-4024b998] .el-input-group__prepend{height:28px;width:28px;background:none;padding:4px;box-sizing:border-box;display:inline-block}.left .colorContent .color[data-v-4024b998] .el-input-group>.el-input__inner{height:28px;display:inline-block}.left .colorContent .color[data-v-4024b998] .square{display:inline-block;width:16px;height:16px;border-radius:1px;border:1px solid #f2f2f2}.colorDialog[data-v-4024b998] .dialogContainer .right{width:calc(100% - 304px);height:100%;box-sizing:border-box;padding-left:20px;display:inline-flex;flex-direction:column}.dialogContainer .right .preview[data-v-4024b998]{width:100%;height:495px;display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden}.dialogContainer .right .preview .title[data-v-4024b998]{display:inline-block;font-size:16px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Bold;font-weight:700;color:#303133;line-height:22px;margin-bottom:8px;margin-top:3px}.dialogContainer .right .preview[data-v-4024b998] .el-scrollbar__view{width:630px;min-height:440px;display:table}.dialogContainer .right .preview .svgContent[data-v-4024b998]{display:flex;flex-wrap:wrap;transform-origin:left top;pointer-events:none}.dialogContainer .right .preview .svgContent .svg[data-v-4024b998]{display:inline-flex;height:295px!important;overflow:hidden;justify-content:center;align-items:center;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;margin-bottom:15px;margin-right:15px}.dialogContainer .right .preview .svgContent1 .svg[data-v-4024b998]{width:285px!important;height:285px!important}.dialogContainer .right .preview .svgContent .svgWidth[data-v-4024b998]{width:310px!important}.dialogContainer .right .preview .svgContent .svgWidth1[data-v-4024b998]{width:305px!important}.dialogContainer .right .apply .title[data-v-4024b998]{display:block;font-size:14px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Bold;font-weight:400;color:#303133;line-height:22px;margin-bottom:4px;margin-top:4px}.dialogContainer .right .apply .task[data-v-4024b998]{display:flex;align-items:center;position:relative}.dialogContainer .right .apply .task .taskSelect[data-v-4024b998]{position:absolute;width:234px;height:180px;z-index:3000;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;bottom:35px;transition:all .3s ease 0s;padding-bottom:10px;min-height:180px}.dialogContainer .left .colorContent .colorScrollBar[data-v-4024b998] .el-scrollbar__wrap,.dialogContainer .right .apply .task .taskSelect[data-v-4024b998] .el-scrollbar__wrap{overflow-x:hidden}.dialogContainer .right .apply .task .taskSelect .list[data-v-4024b998]{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.dialogContainer .right .apply .task .taskSelect .list li[data-v-4024b998]{font-size:14px;padding:0 20px;position:relative;color:#606266;height:34px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-around}.dialogContainer .right .apply .task .taskSelect .list li span[data-v-4024b998]{width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialogContainer .right .apply .task .taskSelect .list li[data-v-4024b998] .el-checkbox__inner{border:1px solid #606266}.dialogContainer .right .apply .task .taskSelect .list li[data-v-4024b998] .el-checkbox__input.is-checked .el-checkbox__inner{border-color:#409eff}.dialogContainer .right .apply .task .blur[data-v-4024b998]{position:relative;width:calc(100% - 150px);max-width:260px;height:28px;padding:0 3px;display:inline-flex;flex-wrap:nowrap;align-items:center;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;cursor:pointer}.dialogContainer .right .apply .task .blur .taskName[data-v-4024b998]{position:relative;display:inline-block;width:calc(100% - 70px);height:20px;background:#ecf5ff;border:1px solid #d9ecff;border-radius:2px;font-size:14px;font-family:PingFang SC,PingFang SC-Semibold;font-weight:600;color:#409eff;line-height:20px;padding-right:20px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialogContainer .right .apply .task .blur .taskName i[data-v-4024b998]{position:absolute;right:3px;font-size:14px;color:#409eff;line-height:20px}.dialogContainer .right .apply .task .blur .noTask[data-v-4024b998]{padding-left:15px;color:#606266;font-size:14px}.dialogContainer .right .apply .task .blur .taskNum[data-v-4024b998]{display:inline-block;background:#ecf5ff;border:1px solid #d9ecff;border-radius:2px;font-size:14px;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;color:#409eff;line-height:20px;margin-left:3px;padding:0 5px;height:20px}.dialogContainer .right .apply .task .blur .icon[data-v-4024b998]{position:absolute;right:5px;font-size:14px;line-height:20px;transition:all .3s ease 0s}.colorDialogTaskName[data-v-4024b998]{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.colorDialogTaskName .title[data-v-4024b998]{font-size:14px;font-family:PingFang SC,PingFang SC-Regular;font-weight:400;color:#303133;line-height:22px;letter-spacing:0;width:80%;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.mask-fade-enter-active[data-v-4024b998],.mask-fade-leave-active[data-v-4024b998]{transition:all .2s ease-in-out}.mask-fade-enter[data-v-4024b998],.mask-fade-leave-to[data-v-4024b998]{top:-182px}.font14[data-v-4024b998]{font-size:14px}.docWrapper[data-v-4024b998]{background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.docClose[data-v-4024b998]{position:absolute;right:calc(50% - 400px);top:calc(50% - 175px);line-height:32px;font-size:26px;height:32px;z-index:100000}.docClose i[data-v-4024b998]{color:#7ca8cb;cursor:pointer}.docInner[data-v-4024b998]{background-color:#fff;padding:20px;max-width:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;border-radius:4px;box-shadow:5px 6px 15px 5px rgba(29,31,32,.15);max-height:350px;overflow-y:auto;width:90%;height:80%;box-sizing:content-box}.docInner p[data-v-4024b998]{line-height:2}.docInner[data-v-4024b998]::-webkit-scrollbar{display:none}.docInner .dialogContainer[data-v-4024b998] p{margin:5px 0;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px}.docInner .dialogContainer table[data-v-4024b998]{border-collapse:collapse;margin:auto}.docInner .dialogContainer table tr td[data-v-4024b998]{font:12px/1.5 "sans serif",tahoma,verdana,helvetica}.docInner .dialogContainer table tr td[data-v-4024b998]:nth-of-type(2){padding:10px}.docInner .dialogContainer table tr[data-v-4024b998]:nth-of-type(odd){background-color:#f2f2f2}@media screen and (max-width:800px){.docClose[data-v-4024b998]{right:4%}}@media screen and (max-height:725px){.docClose[data-v-4024b998]{top:24%}}.pointer[data-v-4024b998]{cursor:pointer}.tooltipClass[data-v-4024b998]{color:#606266!important;font-family:Microsoft YaHei;font-size:14px!important;line-height:1.5!important}.titleImg[data-v-4024b998]{width:28px;height:28px;margin-right:4px}.color-picker__control--a,.color-picker__control--h,.color-picker__control--sv{-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;background-size:100% 100%;position:relative;user-select:none}.color-picker__control--a div,.color-picker__control--h div,.color-picker__control--sv div{bottom:0;left:0;position:absolute;right:0;top:0}.color-picker__control--a div+div{background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,#fff 0,#fff 75%,#ddd 0,#ddd);background-position:0 0,5px 5px;background-size:10px 10px;z-index:1}.color-picker__dialog,.color-picker__dialog *,.color-picker__dialog:after,.color-picker__dialog :after,.color-picker__dialog:before,.color-picker__dialog :before{box-sizing:border-box;font:inherit}.color-picker__cursor--a,.color-picker__cursor--h{display:block;width:4px;height:28px;left:0;position:absolute;right:0;top:-4px;z-index:2}.color-picker__cursor--a:before,.color-picker__cursor--h:before{border:1px solid #ccc;background:#fff;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.color-picker__cursor--sv{display:block;height:15px;position:absolute;right:-7.5px;top:-7.5px;width:15px;z-index:2}.color-picker__cursor--sv:before{border-radius:100%;border:1px solid #fff;bottom:0;box-shadow:0 0 2px #000;content:"";display:block;left:0;position:absolute;right:0;top:0}.color-picker__color{display:inline-block;width:15px;height:15px;cursor:pointer;margin:4px}.gd-add-color-btn{display:inline-block;vertical-align:top;width:20px;height:20px;border:none;margin:3px 0 0 4px;padding:0;cursor:pointer}.color-picker__disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.colorTooltipContent{border:none!important;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.colorTooltipContent .popper__arrow{display:none}