[data-v-9c60b30c] .craftList .el-tag--mini{padding-left:15px!important;position:relative}[data-v-9c60b30c] .craftList .el-tag .el-icon-close{position:absolute!important;color:#fff;background-color:#d52535;top:1px;left:3px}.showLine[data-v-9c60b30c]{border:1px solid #d52535!important;padding:5px 0}[data-v-9c60b30c] .el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-4px!important}[data-v-9c60b30c] .el-tabs--left .el-tabs__header.is-left{width:100%;margin-left:6px}[data-v-9c60b30c] .el-tabs--left .el-tabs__header.is-left .el-tabs--left .el-tabs__nav-scroll{width:100%}[data-v-9c60b30c] .el-tabs--left .el-tabs__header.is-left .el-tabs__active-bar.is-left{right:12%}.selectCrafts[data-v-9c60b30c]{padding:5px 0;overflow-y:auto;max-height:200px}.selectCrafts>div[data-v-9c60b30c]{margin:5px 0;max-width:240px;display:flex;align-items:center;border-bottom:1px solid #f3f3f3}.selectCrafts .craftList[data-v-9c60b30c]{display:flex;flex-wrap:wrap}.selectCrafts .el-tooltip[data-v-9c60b30c],.selectCrafts img[data-v-9c60b30c]{width:30px;margin:0 5px}.selectCrafts span[data-v-9c60b30c]{margin-bottom:5px;margin-right:5px}.tags[data-v-9c60b30c]{max-width:240px;display:flex;flex-wrap:wrap;padding:5px 0}.tags>span[data-v-9c60b30c]{margin:5px}.canvasList[data-v-9c60b30c]{display:flex;position:absolute;width:100%;bottom:10px}.canvasList>canvas[data-v-9c60b30c]{margin-left:50px}[data-v-9c60b30c] .table-page .page-content>svg{width:100%;height:100%;margin:0}[data-v-9c60b30c] .close-btn{position:absolute;right:20px;top:20px;width:35px;height:35px;background:#fff;border-radius:50%;transform:rotate(45deg);cursor:pointer;z-index:2019}[data-v-9c60b30c] .close-btn:before{width:20px;height:2px}[data-v-9c60b30c] .close-btn:after{width:2px;height:20px}[data-v-9c60b30c] .close-btn:after,[data-v-9c60b30c] .close-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px;background:#777}[data-v-9c60b30c] .svg-manage .el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;box-sizing:border-box}[data-v-9c60b30c] .preview .main svg{width:100%!important;height:100%!important;margin:0;padding:0}.rightSide[data-v-9c60b30c]{background-color:transparent;position:absolute;right:0;bottom:2%;z-index:10;transition:all .3s}.rightSide>.hiddenCrafts[data-v-9c60b30c]{color:#fff;font-weight:700;position:absolute;right:15px;top:15%;background-color:#fc3;padding:40px 5px;display:inline-block;border-radius:10px}.rightSide>.hiddenCrafts[data-v-9c60b30c]:after{content:"";display:inline-block;width:0;height:0;border:15px solid transparent;border-right-color:#fc3;position:absolute;right:100%;top:30%}.rightSide .crafts[data-v-9c60b30c],.rightSide .preview[data-v-9c60b30c]{background-color:#fff;border-radius:10px;margin:5px 0;border:1px solid #e5e5e5;min-width:200px}.rightSide .crafts .main[data-v-9c60b30c],.rightSide .preview .main[data-v-9c60b30c]{max-height:300px;overflow-y:auto;min-height:100px;width:200px;padding:10px}.rightSide .crafts .main .page-content[data-v-9c60b30c],.rightSide .preview .main .page-content[data-v-9c60b30c]{width:100%}.rightSide>.preview[data-v-9c60b30c]{padding:10px 0}.rightSide>.preview>.title>span[data-v-9c60b30c]{margin:0 15px}.rightSide>.preview>.title>.preactive[data-v-9c60b30c]{color:orange}.showCrafts[data-v-9c60b30c]{opacity:0;transform:translateX(200%)}.crafts[data-v-9c60b30c]{z-index:10;transition:all .3s;background-color:#fff;border-radius:10px;margin:5px 30px;border:1px solid #e5e5e5}.crafts .main[data-v-9c60b30c]{margin-top:10px;min-height:100px;width:200px;padding:10px}.crafts .main .page-content[data-v-9c60b30c]{width:100%}.crafts .line[data-v-9c60b30c]{border-bottom:1px solid #e5e5e5}.crafts .title[data-v-9c60b30c]{margin:5px 10px;display:flex;justify-content:space-between}.crafts .btn[data-v-9c60b30c]{text-align:center;margin:5px 10px;padding:5px 0;border:1px solid #999;border-radius:5px}.design[data-v-9c60b30c]{width:100%;height:100%;background:#ebece7;position:fixed;top:0;left:0;right:0;bottom:0;min-width:960px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.design .select-font-size[data-v-9c60b30c]{width:50px;height:30px;text-align:center;margin-top:6px}.design .header[data-v-9c60b30c]{position:relative;z-index:1000;min-width:1120px}.design .side .tools[data-v-9c60b30c]{width:60px;height:100%;background-color:#fff;z-index:10;font-size:14px;padding-top:20px;border-right:1px solid #ececec}.design .side .tools .tools-list[data-v-9c60b30c]{padding:0;height:100%;display:flex;flex-direction:column}.design .side .tools .tools-list li[data-v-9c60b30c]{width:100%;text-align:center;padding:10px 0;font-weight:800;letter-spacing:2px;color:#6d6d6d;cursor:pointer;background:#fff}.design .side .tools .tools-list .li-active[data-v-9c60b30c],.design .side .tools .tools-list li[data-v-9c60b30c]:hover{background:var(--td-gradient);color:#fff}.design .side .tools .tools-list .li-active .tools-icon[data-v-9c60b30c],.design .side .tools .tools-list li:hover .tools-icon[data-v-9c60b30c]{background-position-x:-1px}.design .tool-container .filter[data-v-9c60b30c]{position:absolute;top:0;left:0;width:330px;height:100%;overflow-y:scroll;background:#f8f8f8;box-shadow:0 0 4px 0 rgba(0,0,0,.16);padding:20px;z-index:10}.design .tool-container .filter .filter-image-item[data-v-9c60b30c]:nth-child(4n){margin:0 0 8px}.design .tool-container .filter-image-item[data-v-9c60b30c]{display:inline-block;width:62px;height:62px;position:relative;margin:0 12px 8px 0;transition:outline .3s}.design .tool-container .filter-image-item[data-v-9c60b30c]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:1}.design .tool-container .filter-image-item[data-v-9c60b30c]:hover{outline:1px solid #745bff}.design .tool-container .filter-image-item span[data-v-9c60b30c]{position:absolute;width:100%;display:block;height:24px;color:#fff;font-size:12px;box-sizing:border-box;padding-right:6px;line-height:24px;text-align:right;left:0;z-index:2;bottom:0}.design .tool-container .filter-container[data-v-9c60b30c]{background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);padding:10px}.design .tool-container .filter-item[data-v-9c60b30c]{margin-top:10px}.design .tool-container .filter-item-title[data-v-9c60b30c]{font-size:12px;color:rgba(0,0,0,.8)}.design .tool-container .filter-item-content[data-v-9c60b30c]{display:flex;align-items:center}.design .tool-container .filter-item-content .filter-item-value[data-v-9c60b30c]{width:40px;margin-left:10px;text-align:center;font-weight:700}.design .design-main[data-v-9c60b30c]{width:100%;height:calc(100vh - 50px);position:relative}.design .toolface[data-v-9c60b30c]{height:100%}.design .designer[data-v-9c60b30c]{position:absolute;top:0;left:390px;right:0;bottom:0}.design .editor-container[data-v-9c60b30c]{position:relative;z-index:10;min-width:794px;height:100%}.design .editor-container #pageNavigator[data-v-9c60b30c]{opacity:0;display:none;position:absolute;right:210px;bottom:25px;background:#ebece7;box-shadow:0 0 8px 0 rgba(0,0,0,.2);padding:20px;overflow:hidden;z-index:99}.design .editor-container #pageNavigator .page-thumb[data-v-9c60b30c]{background-color:#fff}.design .editor-container #pageNavigator .page-thumb img[data-v-9c60b30c]{width:100%;height:100%}.design .editor-container #pageNavigator .page-view[data-v-9c60b30c]{position:absolute;left:25%;top:25%;width:70px;height:70px;z-index:99;border:2px solid var(--td-primary);cursor:move}.design .editor-page[data-v-9c60b30c]{position:relative;height:100%;margin-right:200px;overflow:hidden}.design .editor-page .top-tool[data-v-9c60b30c]{position:absolute;top:0;left:25px;width:100%;height:40px;background:var(--td-white);border-bottom:1px solid #ebece7;z-index:9;transition:all .3s}.design .editor-page .top-tool .background-tool[data-v-9c60b30c],.design .editor-page .top-tool .group-tool[data-v-9c60b30c],.design .editor-page .top-tool .image-tool[data-v-9c60b30c],.design .editor-page .top-tool .text-tool[data-v-9c60b30c]{height:100%;padding-left:20px;display:flex;min-width:666px;position:absolute;left:0;top:0}.design .editor-page .top-tool .text-tool .line[data-v-9c60b30c]{width:1px;height:32px;background:var(--td-primary-line);margin-top:4px}.design .editor-page .top-tool .text-tool .text-item[data-v-9c60b30c]{position:relative;padding-left:10px}.design .editor-page .top-tool .text-tool .text-color .item-content[data-v-9c60b30c]{width:100%;height:100%;padding:8px 0}.design .editor-page .top-tool .text-tool .text-color .item-content .item-content-color[data-v-9c60b30c]{display:block;width:24px;height:24px;margin:0 10px;border:1px solid #ccc;border-radius:3px;outline:none;cursor:pointer}.design .editor-page .top-tool .text-tool .text-font[data-v-9c60b30c]{width:200px;padding:10px 0 10px 10px}.design .editor-page .top-tool .text-tool .text-font .text-img[data-v-9c60b30c]{width:180px;height:20px;margin:0 auto;cursor:pointer}.design .editor-page .top-tool .text-tool .text-font .text-img img[data-v-9c60b30c]{height:100%}.design .editor-page .top-tool .text-tool .text-font .family-list[data-v-9c60b30c]{width:213px;height:300px;overflow-x:hidden;overflow-y:auto;padding-top:10px;box-shadow:0 1px 3px rgba(0,0,0,.4)}.design .editor-page .top-tool .text-tool .text-font .family-list .family-type[data-v-9c60b30c]{height:32px;display:flex;justify-content:space-around;padding:4px 0}.design .editor-page .top-tool .text-tool .text-font .family-list .family-type span[data-v-9c60b30c]{display:inline-block;height:22px;font-size:12px;padding:3px 10px;border:1px solid var(--td-primary-line);border-radius:3px;cursor:pointer}.design .editor-page .top-tool .text-tool .text-font .family-list .family-type .type-active[data-v-9c60b30c]{background:var(--td-primary);color:var(--td-white)}.design .editor-page .top-tool .text-tool .text-font .family-list .family-item[data-v-9c60b30c]{padding:3px 10px;cursor:pointer}.design .editor-page .top-tool .text-tool .text-font .family-list .family-item .family-value[data-v-9c60b30c]{height:25px}.design .editor-page .top-tool .text-tool .text-font .family-list .family-item .family-value img[data-v-9c60b30c]{height:100%}.design .editor-page .top-tool .text-tool .text-font .family-list .family-item[data-v-9c60b30c]:hover{background:rgba(0,0,0,.2)}.design .editor-page .top-tool .text-tool .text-size[data-v-9c60b30c]{width:100px;font-size:14px;line-height:40px}.design .editor-page .top-tool .text-tool .text-size input[data-v-9c60b30c]{width:60px;outline:none;border:none}.design .editor-page .top-tool .text-tool .text-size .size-list[data-v-9c60b30c]{width:86px;height:300px;overflow-x:hidden;overflow-y:auto;box-shadow:0 1px 3px rgba(0,0,0,.4)}.design .editor-page .top-tool .text-tool .text-size .size-list .size-item[data-v-9c60b30c]{padding-left:10px;height:30px;line-height:30px;cursor:pointer}.design .editor-page .top-tool .text-tool .text-size .size-list .size-item[data-v-9c60b30c]:hover{background:rgba(0,0,0,.2)}.design .editor-page .top-tool .text-tool .text-style[data-v-9c60b30c]{padding:10px;width:130px;display:flex;justify-content:space-around}.design .editor-page .top-tool .text-tool .text-style .text-style-item[data-v-9c60b30c]{width:23px;height:22px;padding:0}.design .editor-page .top-tool .text-tool .text-style .text-item-bold[data-v-9c60b30c]{position:relative}.design .editor-page .top-tool .text-tool .text-style .text-item-bold .text-item-bold-content[data-v-9c60b30c]{position:absolute;top:35px;left:-105px;display:flex;background:#fff;width:250px;height:35px;font-size:14px;padding-left:10px;align-items:center}.design .editor-page .top-tool .text-tool .text-style .text-item-bold .text-item-bold-content span[data-v-9c60b30c]:first-child{margin-right:10px}.design .editor-page .top-tool .text-tool .text-style .text-item-bold .text-item-bold-content span[data-v-9c60b30c]:last-child{margin:0 0 0 10px;width:38px;height:23px;background:#e5e5e5;border-radius:3px;text-align:center;line-height:23px;font-size:12px}.design .editor-page .top-tool .text-tool .text-style .text-item-bold .san[data-v-9c60b30c]{position:absolute;top:-10px;left:45%;width:0;height:0;border:6px solid transparent;border-bottom:6px solid var(--td-white)}.design .editor-page .top-tool .text-tool .text-style .bold[data-v-9c60b30c],.design .editor-page .top-tool .text-tool .text-style .italic[data-v-9c60b30c],.design .editor-page .top-tool .text-tool .text-style .underline[data-v-9c60b30c]{background-repeat:no-repeat;background-position:1px -1px;cursor:pointer;outline:none}.design .editor-page .top-tool .text-tool .text-style .italic[data-v-9c60b30c]{background-image:url(/img/desicon/text_style.png)}.design .editor-page .top-tool .text-tool .text-style .underline[data-v-9c60b30c]{background-image:url(/img/desicon/text_style.png);background-position-x:-20px}.design .editor-page .top-tool .text-tool .text-style .bold[data-v-9c60b30c]{background-image:url(/img/desicon/text_style.png);background-position-x:-40px}.design .editor-page .top-tool .text-tool .text-style .active[data-v-9c60b30c]{background-position-y:-21px}.design .editor-page .top-tool .text-tool .text-conversion[data-v-9c60b30c]{padding:10px 0;font-size:18px;cursor:pointer;outline:none;position:relative}.design .editor-page .top-tool .text-tool .text-conversion[data-v-9c60b30c]:hover{color:var(--td-primary)}.design .editor-page .top-tool .text-tool .text-conversion[data-v-9c60b30c]:hover:before{content:attr(data-tip);font-size:12px;line-height:12px;background-color:#fff;color:#626262;padding:4px 8px;position:absolute;top:44px;left:-24.5px;white-space:pre;border-radius:2px;box-shadow:0 2px 8px 0 rgba(0,0,0,.24)}.design .editor-page .top-tool .text-tool .text-conversion[data-v-9c60b30c]:hover:after{content:"";position:absolute;width:0;height:0;border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;top:40px;left:5.5px}.design .editor-page .top-tool .text-tool .align-check[data-v-9c60b30c]{padding:10px;width:80px;display:flex;justify-content:space-around}.design .editor-page .top-tool .text-tool .align-check .choose-active[data-v-9c60b30c]{display:flex;left:-50px}.design .editor-page .top-tool .text-tool .align-check .choose-active .board[data-v-9c60b30c]{left:67px}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item[data-v-9c60b30c]{padding:5px 10px;cursor:pointer}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item span[data-v-9c60b30c]{display:inline-block;width:20px;height:20px;background-size:100%;background-repeat:no-repeat}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item .align-left[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/wzz_icon.png)}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item .align-left[data-v-9c60b30c]:hover{background-image:url(/img/desicon/topTool/wzz_blue_icon.png)}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item .align-center[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/wzzh_icon.png)}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item .align-center[data-v-9c60b30c]:hover{background-image:url(/img/desicon/topTool/wzzh_blue_icon.png)}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item .align-right[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/wzy_icon.png)}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item .align-right[data-v-9c60b30c]:hover{background-image:url(/img/desicon/topTool/wzy_blue_icon.png)}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item .align-fenbu[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/wzdz_icon.png)}.design .editor-page .top-tool .text-tool .align-check .choose-active .choose-item .align-fenbu[data-v-9c60b30c]:hover{background-image:url(/img/desicon/topTool/wzd_blue_icon.png)}.design .editor-page .top-tool .text-tool .align-check .align-check-choose[data-v-9c60b30c]{width:20px;height:20px;background-repeat:no-repeat;background-image:url(/img/desicon/topTool/edit_icon.svg);background-position:-30px 2px;cursor:pointer;outline:none}.design .editor-page .top-tool .text-tool .align-check .align-check-choose[data-v-9c60b30c]:hover{background-position-y:-18px}.design .editor-page .top-tool .text-tool .align-check .check-spacing[data-v-9c60b30c]{width:20px;height:20px;cursor:pointer;outline:none;background-repeat:no-repeat;background-image:url(/img/desicon/topTool/space_icon.png)}.design .editor-page .top-tool .text-tool .align-check .check-spacing[data-v-9c60b30c]:hover{background-image:url(/img/desicon/topTool/space_blue_icon.png)}.design .editor-page .top-tool .text-tool .align-check .text-spacing[data-v-9c60b30c]{left:-70px}.design .editor-page .top-tool .text-tool .align-check .text-spacing .board[data-v-9c60b30c]{left:120px}.design .editor-page .top-tool .text-tool .align-check .spacing-list[data-v-9c60b30c]{width:280px;height:79px;font-size:14px;padding-left:10px}.design .editor-page .top-tool .text-tool .align-check .spacing-list .spacing-item[data-v-9c60b30c]{height:50%;display:flex;align-items:center}.design .editor-page .top-tool .text-tool .align-check .spacing-list .spacing-item span[data-v-9c60b30c]{display:inline-block;margin-right:10px}.design .editor-page .top-tool .text-tool .align-check .spacing-list .spacing-item span[data-v-9c60b30c]:last-child{margin:0 0 0 10px;width:38px;height:23px;background:var(--td-input);border-radius:3px;text-align:center;line-height:23px;font-size:12px}.design .editor-page .top-tool .text-tool .change-family[data-v-9c60b30c],.design .editor-page .top-tool .text-tool .change-size[data-v-9c60b30c]{position:absolute;right:20px;top:0;width:12px;height:100%;padding:6px 0}.design .editor-page .top-tool .text-tool .item-active[data-v-9c60b30c]{position:absolute;top:50px;left:0;background:var(--td-white);z-index:99;border-radius:3px}.design .editor-page .top-tool .image-tool[data-v-9c60b30c]{font-size:14px}.design .editor-page .top-tool .image-tool .image-background[data-v-9c60b30c],.design .editor-page .top-tool .image-tool .image-clip[data-v-9c60b30c],.design .editor-page .top-tool .image-tool .image-left-filter[data-v-9c60b30c],.design .editor-page .top-tool .image-tool .image-reset[data-v-9c60b30c],.design .editor-page .top-tool .image-tool .image-size[data-v-9c60b30c]{position:relative}.design .editor-page .top-tool .image-tool .image-background[data-v-9c60b30c]:hover:before,.design .editor-page .top-tool .image-tool .image-clip[data-v-9c60b30c]:hover:before,.design .editor-page .top-tool .image-tool .image-left-filter[data-v-9c60b30c]:hover:before,.design .editor-page .top-tool .image-tool .image-reset[data-v-9c60b30c]:hover:before,.design .editor-page .top-tool .image-tool .image-size[data-v-9c60b30c]:hover:before{content:attr(data-tip);font-size:12px;line-height:12px;background-color:#fff;color:#626262;padding:4px 8px;position:absolute;top:49px;left:-.5px;white-space:pre;border-radius:2px;box-shadow:0 2px 8px 0 rgba(0,0,0,.24)}.design .editor-page .top-tool .image-tool .image-background[data-v-9c60b30c]:hover:after,.design .editor-page .top-tool .image-tool .image-clip[data-v-9c60b30c]:hover:after,.design .editor-page .top-tool .image-tool .image-left-filter[data-v-9c60b30c]:hover:after,.design .editor-page .top-tool .image-tool .image-reset[data-v-9c60b30c]:hover:after,.design .editor-page .top-tool .image-tool .image-size[data-v-9c60b30c]:hover:after{content:"";position:absolute;width:0;height:0;border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;top:45px;left:15.5px}.design .editor-page .top-tool .image-tool .image-filter[data-v-9c60b30c]{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-image:url(/img/left-tool-Filter.svg);position:relative}.design .editor-page .top-tool .image-tool .image-filter[data-v-9c60b30c]:before{content:"";position:absolute;top:-5px;left:-5px;width:140%;height:140%;border-radius:4px;z-index:-1}.design .editor-page .top-tool .image-tool .image-filter[data-v-9c60b30c]:hover:before{background-color:#ccc}.design .editor-page .top-tool .image-tool .image-item[data-v-9c60b30c]{height:100%;padding:7px 10px;cursor:pointer}.design .editor-page .top-tool .image-tool .image-item .image-icon[data-v-9c60b30c]{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:1px -3px;background-image:url(/img/desicon/topTool/image_tool.png);position:relative}.design .editor-page .top-tool .image-tool .image-item .image-icon[data-v-9c60b30c]:before{content:"";position:absolute;top:-5px;left:-5px;width:140%;height:140%;border-radius:4px;z-index:-1}.design .editor-page .top-tool .image-tool .image-item:hover .image-icon[data-v-9c60b30c]:before{background-color:#ccc}.design .editor-page .top-tool .image-tool .image-clip .image-icon[data-v-9c60b30c]{background-position-x:-25px}.design .editor-page .top-tool .image-tool .image-background .image-icon[data-v-9c60b30c]{background-position-x:-53px}.design .editor-page .top-tool .image-tool .image-reset .image-icon[data-v-9c60b30c]{background-position-x:-80px}.design .editor-page .top-tool .image-tool .image-size .image-active[data-v-9c60b30c]{position:absolute;top:50px;left:0;width:120px;height:100px;background:var(--td-white);z-index:99;border-radius:3px}.design .editor-page .top-tool .image-tool .image-active[data-v-9c60b30c]{padding:8px;display:flex;flex-direction:column}.design .editor-page .top-tool .image-tool .image-active .size-item[data-v-9c60b30c]{flex:1;font-size:14px;width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.design .editor-page .top-tool .image-tool .image-active .size-item input[data-v-9c60b30c]{width:60px;outline:none}.design .editor-page .top-tool .image-tool .image-active .size-item>.unit[data-v-9c60b30c]{position:absolute;right:5px;top:7px;color:#9b9797}.design .editor-page .top-tool .image-tool .image-active .size-item-span span[data-v-9c60b30c]{display:inline-block;font-size:12px;font-family:MicrosoftYaHei;padding:2px 5px;border:1px solid var(--td-primary-line);border-radius:3px}.design .editor-page .top-tool .image-tool .image-active .size-item-span span[data-v-9c60b30c]:hover{color:var(--td-white);background:var(--td-primary)}.design .editor-page .top-tool .image-tool .svg-tool[data-v-9c60b30c]{height:100%;padding:7px 10px;display:flex;position:relative}.design .editor-page .top-tool .image-tool .svg-tool .svg-fill-list[data-v-9c60b30c]{position:relative;width:25px;height:25px;border-radius:3px;cursor:pointer;box-shadow:0 1px 8px rgba(0,0,0,.3);margin-right:10px}.design .editor-page .top-tool .image-tool .svg-tool .svg-fill-list[data-v-9c60b30c]:hover{box-shadow:0 1px 8px rgba(0,0,0,.8)}.design .editor-page .top-tool .image-tool .svg-tool .svg-fill-active[data-v-9c60b30c]{position:absolute;top:50px;left:0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);border-radius:3px}.design .editor-page .top-tool .image-tool .svg-tool .svg-fill-active .fill-default[data-v-9c60b30c],.design .editor-page .top-tool .image-tool .svg-tool .svg-fill-active .fill-zhuti[data-v-9c60b30c]{display:flex;flex-wrap:wrap;padding:10px 7px}.design .editor-page .top-tool .image-tool .svg-tool .svg-fill-active .fill-default .fill-default-item[data-v-9c60b30c]{width:25px;height:25px;border-radius:3px;cursor:pointer;margin-right:5px;margin-bottom:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,.16);transition:all .3s}.design .editor-page .top-tool .image-tool .svg-tool .svg-fill-active .fill-default .fill-default-item[data-v-9c60b30c]:hover{transform:scale(1.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.32)}.design .editor-page .top-tool .image-tool .svg-tool .svg-fill-active .fill-default .fill-default-item[data-v-9c60b30c]:nth-child(6n){margin-right:0}.design .editor-page .top-tool .group-tool .group-text[data-v-9c60b30c]{position:relative;width:45px;height:39px}.design .editor-page .top-tool .group-tool .group-text-active[data-v-9c60b30c]{position:absolute;top:46px;background:#fff}.design .editor-page .top-tool .group-tool .group-text-content[data-v-9c60b30c]{width:100%;height:100%;padding:8px 0}.design .editor-page .top-tool .group-tool .group-text-content .group-text-content-color[data-v-9c60b30c]{display:block;width:24px;height:24px;margin:0 10px;border:1px solid #ccc;border-radius:3px;outline:none;cursor:pointer}.design .editor-page .top-tool .group-tool .group-item[data-v-9c60b30c]{position:relative}.design .editor-page .top-tool .group-tool .group-item[data-v-9c60b30c]:hover:before{content:attr(data-tip);font-size:12px;line-height:12px;background-color:#fff;color:#626262;padding:4px 8px;position:absolute;top:49px;left:-.5px;white-space:pre;border-radius:2px;box-shadow:0 2px 8px 0 rgba(0,0,0,.24)}.design .editor-page .top-tool .group-tool .group-item[data-v-9c60b30c]:hover:after{content:"";position:absolute;width:0;height:0;border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;top:45px;left:15.5px}.design .editor-page .top-tool .group-tool .group-item[data-v-9c60b30c]{padding:7px 10px}.design .editor-page .top-tool .group-tool .group-item .group-icon[data-v-9c60b30c]{display:inline-block;width:25px;height:25px;background-repeat:no-repeat;background-position:50%;border:1px solid var(--td-primary-line);border-radius:3px;cursor:pointer}.design .editor-page .top-tool .group-tool .group-item .group-icon[data-v-9c60b30c]:hover{border:1px solid var(--td-primary)}.design .editor-page .top-tool .group-tool .group-item .group-box[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/group_icon.png)}.design .editor-page .top-tool .group-tool .group-item .group-box[data-v-9c60b30c]:hover{background-image:url(/img/desicon/topTool/group_blue_icon.png)}.design .editor-page .top-tool .group-tool .group-item .group-align[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/zdq_icon.png)}.design .editor-page .top-tool .group-tool .group-item .group-align[data-v-9c60b30c]:hover{background-image:url(/img/desicon/topTool/zdq_blue_icon.png)}.design .editor-page .top-tool .group-tool .group-item .group-fenbu[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/tcdq_icon.png)}.design .editor-page .top-tool .group-tool .group-item .group-fenbu[data-v-9c60b30c]:hover{background-image:url(/img/desicon/topTool/tcdq_blue_icon.png)}.design .editor-page .top-tool .group-tool .group-align-active[data-v-9c60b30c]{position:absolute;top:50px;left:0;width:175px;font-size:14px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);border-radius:3px;z-index:9}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item[data-v-9c60b30c]{height:30px;padding-left:30px;line-height:30px;position:relative;cursor:pointer}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item[data-v-9c60b30c]:hover{background:rgba(0,0,0,.2);color:var(--td-primary)}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item:hover .g-align[data-v-9c60b30c]{background-position-x:-19px}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item:hover .x-fenbu[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/sf_blue_icon.png)}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item:hover .y-fenbu[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/tcdq_blue_icon.png)}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .g-align[data-v-9c60b30c]{position:absolute;top:4px;left:4px;width:22px;height:22px;background-repeat:no-repeat;background-image:url(/img/desicon/topTool/canvas_blue_icon.png)}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .x-middle[data-v-9c60b30c]{background-position-y:-20px}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .right[data-v-9c60b30c]{background-position-y:-40px}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .y-middle[data-v-9c60b30c]{background-position-y:-78px}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .top[data-v-9c60b30c]{background-position-y:-58px}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .bottom[data-v-9c60b30c]{background-position-y:-96px}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .x-fenbu[data-v-9c60b30c],.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .y-fenbu[data-v-9c60b30c]{position:absolute;top:4px;left:4px;width:22px;height:22px;background-repeat:no-repeat}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .x-fenbu[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/sf_icon.png)}.design .editor-page .top-tool .group-tool .group-align-active .group-align-item .y-fenbu[data-v-9c60b30c]{background-image:url(/img/desicon/topTool/tcdq_icon.png)}.design .editor-page .top-tool .background-tool .background-item[data-v-9c60b30c]{height:100%;font-size:14px;padding:6px 0}.design .editor-page .top-tool .background-tool .background-item .span-btn[data-v-9c60b30c]{display:inline-block;padding:3px 5px;border:1px solid var(--td-primary-line);border-radius:3px;cursor:pointer}.design .editor-page .top-tool .background-tool .background-item .span-btn[data-v-9c60b30c]:hover{color:var(--td-primary);border:1px solid var(--td-primary)}.design .editor-page .operate[data-v-9c60b30c]{position:absolute;right:0;top:40px;width:130px;background:var(--td-white);z-index:999;transition:all .3s}.design .editor-page .operate .right-tool[data-v-9c60b30c]{position:relative;height:40px;font-size:14px}.design .editor-page .operate .right-tool:hover .tool-title span[data-v-9c60b30c]{background-position-x:-24px;color:var(--td-primary)}.design .editor-page .operate .right-tool .tool-title[data-v-9c60b30c]{height:100%;text-align:right;display:flex;align-items:center;cursor:pointer}.design .editor-page .operate .right-tool .tool-title span[data-v-9c60b30c]{display:inline-block}.design .editor-page .operate .right-tool .tool-title span[data-v-9c60b30c]:first-child{margin:0 10px;width:24px;height:24px;background-repeat:no-repeat;background-image:url(/img/desicon/right_tool.png)}.design .editor-page .operate .right-tool .tool-title i[data-v-9c60b30c]{margin:5px 10px 0 5px;width:24px;height:24px}.design .editor-page .operate .right-tool .tool-active span[data-v-9c60b30c]{background-position-x:-24px;color:var(--td-primary)}.design .editor-page .operate .right-tool .tool-copy span[data-v-9c60b30c]:first-child{background-position-y:-5px}.design .editor-page .operate .right-tool .tool-sort span[data-v-9c60b30c]:first-child{background-position-y:-30px}.design .editor-page .operate .right-tool .tool-opacity span[data-v-9c60b30c]:first-child{background-position-y:-53px}.design .editor-page .operate .right-tool .tool-projection span[data-v-9c60b30c]:first-child{background-position-y:-77px}.design .editor-page .operate .right-tool .tool-reverse span[data-v-9c60b30c]:first-child{background-position-y:-100px}.design .editor-page .operate .right-tool .tool-collect span[data-v-9c60b30c]:first-child{background-position-y:-122px}.design .editor-page .operate .right-tool .tool-lock span[data-v-9c60b30c]:first-child{background-position-y:-148px}.design .editor-page .operate .right-tool .tool-del span[data-v-9c60b30c]:first-child{background-position-y:-170px}.design .editor-page .operate .right-tool .right-tool-active[data-v-9c60b30c]{position:absolute;top:0;right:130px;background:var(--td-white);border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.4)}.design .editor-page .operate .right-tool .right-tool-active .right-tool-board[data-v-9c60b30c]{position:absolute;top:15px;right:-12px;width:0;height:0;border:6px solid transparent;border-left:6px solid var(--td-white)}.design .editor-page .operate .right-tool .make-move[data-v-9c60b30c]{width:180px;font-size:12px}.design .editor-page .operate .right-tool .make-move .move-icon[data-v-9c60b30c]{height:36px;line-height:36px;cursor:pointer;padding-left:40px;position:relative}.design .editor-page .operate .right-tool .make-move .move-icon[data-v-9c60b30c]:hover{background-color:rgba(0,0,0,.2)}.design .editor-page .operate .right-tool .make-move .move-icon span[data-v-9c60b30c]{position:absolute;left:8px;top:8px;display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-image:url(/img/desicon/make_move.png);background-position-x:-1px}.design .editor-page .operate .right-tool .make-move .move-icon[data-v-9c60b30c]:hover{color:var(--td-primary)}.design .editor-page .operate .right-tool .make-move .move-icon:hover span[data-v-9c60b30c]{background-position-x:-20px}.design .editor-page .operate .right-tool .make-move .cant-use[data-v-9c60b30c]{cursor:default;opacity:.3}.design .editor-page .operate .right-tool .make-move .cant-use[data-v-9c60b30c]:hover{color:#626262;background:#fff}.design .editor-page .operate .right-tool .make-move .move-top span[data-v-9c60b30c]{background-position-y:-2px}.design .editor-page .operate .right-tool .make-move .move-bottom span[data-v-9c60b30c]{background-position-y:-20px}.design .editor-page .operate .right-tool .make-move .move-best-top span[data-v-9c60b30c]{background-position-y:-40px}.design .editor-page .operate .right-tool .make-move .move-best-bottom span[data-v-9c60b30c]{background-position-y:-60px}.design .editor-page .operate .right-tool .make-opacity[data-v-9c60b30c]{display:flex;width:300px;height:46px;font-size:12px;padding-left:5px;align-items:center}.design .editor-page .operate .right-tool .make-opacity span[data-v-9c60b30c]:first-child{margin-right:10px}.design .editor-page .operate .right-tool .make-opacity span[data-v-9c60b30c]:last-child{margin:0 0 0 10px;width:38px;height:23px;background:#e5e5e5;border-radius:3px;text-align:center;line-height:23px;font-size:12px}.design .editor-page .operate .right-tool .tool_projection[data-v-9c60b30c]{width:280px;padding:10px}.design .editor-page .operate .right-tool .tool_projection .projection-control[data-v-9c60b30c]{border-top:1px solid var(--td-primary-line);border-bottom:1px solid var(--td-primary-line);padding:10px 0}.design .editor-page .operate .right-tool .tool_projection .projection-control .projection-control-item[data-v-9c60b30c]{font-size:14px;display:flex;align-items:center}.design .editor-page .operate .right-tool .tool_projection .projection-control .projection-control-item span[data-v-9c60b30c]:first-child{margin-right:10px;width:50px}.design .editor-page .operate .right-tool .tool_projection .projection-control .projection-control-item span[data-v-9c60b30c]:last-child{margin:0 0 0 10px;width:38px;height:23px;background:#e5e5e5;border-radius:3px;text-align:center;line-height:23px;font-size:12px}.design .editor-page .operate .right-tool .tool_projection .projection-control-off[data-v-9c60b30c]{padding-top:10px;font-size:14px;display:flex;justify-content:space-between}.design .editor-page .operate .right-tool .tool_reverse[data-v-9c60b30c]{font-size:12px;width:130px;height:80px}.design .editor-page .operate .right-tool .tool_reverse .reverse-x[data-v-9c60b30c],.design .editor-page .operate .right-tool .tool_reverse .reverse-y[data-v-9c60b30c]{position:relative;height:40px;line-height:40px;padding-left:40px;cursor:pointer}.design .editor-page .operate .right-tool .tool_reverse .reverse-x span[data-v-9c60b30c],.design .editor-page .operate .right-tool .tool_reverse .reverse-y span[data-v-9c60b30c]{position:absolute;top:10px;left:10px;display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-image:url(/img/desicon/reverse.png)}.design .editor-page .operate .right-tool .tool_reverse .reverse-x:hover span[data-v-9c60b30c],.design .editor-page .operate .right-tool .tool_reverse .reverse-x[data-v-9c60b30c]:hover,.design .editor-page .operate .right-tool .tool_reverse .reverse-y:hover span[data-v-9c60b30c],.design .editor-page .operate .right-tool .tool_reverse .reverse-y[data-v-9c60b30c]:hover{background-position-x:-21px;color:var(--td-primary)}.design .editor-page .operate .right-tool .tool_reverse .reverse-x span[data-v-9c60b30c]{background-position:0 0}.design .editor-page .operate .right-tool .tool_reverse .reverse-y span[data-v-9c60b30c]{background-position:0 -20px}.design .editor-page .board[data-v-9c60b30c]{position:absolute;width:0;height:0;border:6px solid transparent;border-bottom-color:#fff;top:-12px;left:15px}.design .resize-btn[data-v-9c60b30c]{display:block;width:0;height:0;border:6px solid transparent;cursor:pointer}.design .number-up[data-v-9c60b30c]{margin-bottom:4px;border-bottom-color:var(--td-primary-unchecked)}.design .number-up[data-v-9c60b30c]:hover{border-bottom-color:var(--td-primary)}.design .number-down[data-v-9c60b30c]{border-top-color:var(--td-primary-unchecked)}.design .number-down[data-v-9c60b30c]:hover{border-top-color:var(--td-primary)}.design .editor-svg[data-v-9c60b30c]{position:absolute;left:0;top:0;bottom:0;width:100%}.design .editor-svg .canvas[data-v-9c60b30c]{position:absolute;background:#fff}.design .editor-svg .editor-box[data-v-9c60b30c]{position:absolute;pointer-events:none;display:none;z-index:10}.design .editor-svg .editor-box .editor-box-rect[data-v-9c60b30c]{position:absolute;left:0;top:0;width:100%;height:100%}.design .editor-svg .editor-box .editor-box-rect[data-v-9c60b30c]:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #fff}.design .editor-svg .editor-box .editor-box-rect[data-v-9c60b30c]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1px dashed rgba(0,0,0,.5);z-index:10}.design .editor-svg .editor-box .resize[data-v-9c60b30c]{position:absolute;width:14px;height:14px;z-index:1;background-image:url(/img/desicon/dartboard.svg?v=1233);background-repeat:no-repeat;background-position-x:0;right:-8px;bottom:-8px}.design .editor-svg .editor-box .lt-resize-point[data-v-9c60b30c]{left:-8px;top:-8px;background-position-y:-24px}.design .editor-svg .editor-box .lt-resize-point[data-v-9c60b30c]:hover{cursor:nwse-resize;background-position-x:-24px}.design .editor-svg .editor-box .rt-resize-point[data-v-9c60b30c]{right:-8px;top:-8px;background-position-y:0}.design .editor-svg .editor-box .rt-resize-point[data-v-9c60b30c]:hover{cursor:nesw-resize;background-position-x:-24px}.design .editor-svg .editor-box .rb-resize-point[data-v-9c60b30c]{right:-8px;bottom:-8px;background-position-y:-72px}.design .editor-svg .editor-box .rb-resize-point[data-v-9c60b30c]:hover{cursor:nwse-resize;background-position-x:-24px}.design .editor-svg .editor-box .lb-resize-point[data-v-9c60b30c]{left:-8px;bottom:-8px;background-position-y:-48px}.design .editor-svg .editor-box .lb-resize-point[data-v-9c60b30c]:hover{cursor:nesw-resize;background-position-x:-24px}.design .right-list[data-v-9c60b30c]{position:absolute;right:0;top:0;bottom:0;width:200px;min-height:600px;background:#dfdfdf;z-index:10;font-size:14px;border-left:1px solid #ebece7;padding-bottom:90px}.design .right-list .right-title[data-v-9c60b30c]{height:40px;text-align:center;line-height:42px;border-bottom:1px solid #ececec;border-left:1px solid #ececec;margin-left:-1px}.design .right-list .right-title .right-title-icon[data-v-9c60b30c]{display:inline-block;padding-left:30px;background:url(/img/page_icon.png) no-repeat 0 50%}.design .right-list .page-add[data-v-9c60b30c]{position:absolute;bottom:0;width:100%;height:49px;text-align:center;line-height:49px;font-size:18px;color:#fff;cursor:pointer;background:var(--td-primary);transition:.3s}.design .right-list .page-add .add-btn[data-v-9c60b30c]{display:inline-block;padding-left:30px;background:url(/img/desicon/add_page_icon.png) no-repeat 0 50%}.design .toggle[data-v-9c60b30c]{position:absolute;right:-18px;top:50%;margin-top:-45px;background:url(/img/desicon/toggle.png) no-repeat;background-size:18px 90px;width:22px;height:90px;cursor:pointer;transition:all .2s linear;line-height:90px;font-size:20px;text-align:center;z-index:100}.design .btnGroup[data-v-9c60b30c]{width:100%;position:absolute;left:0;bottom:5%;z-index:10;display:flex}.design .btnGroup>button[data-v-9c60b30c]{margin:auto}.design .active-toggle[data-v-9c60b30c]{transform:translateX(-100%)}.design .active-toggle-btn[data-v-9c60b30c]{transform:translateX(-330px)}.design .svg_select_points[data-v-9c60b30c]:hover{fill:"#00c1de"}.design[data-v-9c60b30c] ::-webkit-scrollbar{width:4px;height:8px;background-color:#f5f5f5}.design[data-v-9c60b30c] ::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}.design[data-v-9c60b30c] ::-webkit-scrollbar-thumb{border-radius:10px;background-color:#cfcfcf}.design .parentDiv[data-v-9c60b30c]{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.design .rectDiv[data-v-9c60b30c]{position:absolute;background:#5a72f8;border:1px solid #257fb4;width:0;height:0;opacity:.2}.design .rectDiv[data-v-9c60b30c],.design .svg_select_points[data-v-9c60b30c]{pointer-events:none}.design .wheel[data-v-9c60b30c]{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);height:34px;display:flex;background:#fff;line-height:34px;color:var(--td-primary-unchecked);box-shadow:0 1px 6px 0 rgba(0,0,0,.2);z-index:11}.design .wheel .wheel-btn[data-v-9c60b30c]{display:inline-block;width:40px;text-align:center;position:relative}.design .wheel .wheel-btn[data-v-9c60b30c]:not(:nth-child(4)){cursor:pointer}.design .wheel .wheel-btn[data-v-9c60b30c]:not(:nth-child(4)):hover{background-color:#ececec}.design .wheel .wheel-btn[data-v-9c60b30c]:not(:last-child){border-right:1px solid var(--td-primary-line)}.design .wheel .wheel-btn[data-v-9c60b30c]:nth-child(2){background:url(/img/desicon/bottom/bili.png) no-repeat;background-size:40%;background-position:50%}.design .wheel .wheel-btn[data-v-9c60b30c]:nth-child(3),.design .wheel .wheel-btn[data-v-9c60b30c]:nth-child(4){border:none}.design .wheel .wheel-btn[data-v-9c60b30c]:nth-child(3):before{content:"";display:block;width:12px;height:2px;background:#ccc;margin:16px auto}.design .wheel .wheel-btn[data-v-9c60b30c]:nth-child(4){width:70px}.design .wheel .wheel-btn[data-v-9c60b30c]:nth-child(5):before{content:"";display:block;width:12px;height:2px;background:#ccc;margin:16px auto}.design .wheel .wheel-btn[data-v-9c60b30c]:nth-child(5):after{content:"";display:block;width:2px;height:12px;background:#ccc;margin:-23px auto 0}.design .wheel .wheel-btn[data-v-9c60b30c]:nth-child(6){background-repeat:no-repeat;background-image:url(/img/desicon/bottom/zhuangshou.png);background-size:50%;background-position:50%}.design .wheel .wheel-btn:nth-child(6).mask[data-v-9c60b30c]{background-image:url(/img/desicon/bottom/zhuangshou_active.png)}.design .wheel .add-ref-line[data-v-9c60b30c]{position:absolute;top:-58px;left:10px;width:110px;height:48px;font-size:14px;line-height:24px;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);background:#fff}.design .wheel .add-ref-line .add-line[data-v-9c60b30c]{display:block}.design .wheel .add-ref-line .add-line[data-v-9c60b30c]:hover{background-color:#ececec}.design .wheel .add-ref-line[data-v-9c60b30c]:after{content:"";position:absolute;left:45px;bottom:-11px;width:0;height:0;border:6px solid transparent;border-top-color:#fff}.design .cloneBox[data-v-9c60b30c]{width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0}.design .code-box[data-v-9c60b30c]{position:fixed;cursor:move;transform:all .3s}.design .code-box .text-editor[data-v-9c60b30c]{position:relative;z-index:10}.design .code-box[data-v-9c60b30c]:before{border:1px solid #fff}.design .code-box[data-v-9c60b30c]:after,.design .code-box[data-v-9c60b30c]:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:3}.design .code-box[data-v-9c60b30c]:after{border:1px dashed rgba(0,0,0,.5)}.design .code-box .resize[data-v-9c60b30c]{position:absolute;width:14px;height:14px;z-index:1;background-image:url(/img/desicon/dartboard.svg);background-repeat:no-repeat;background-position-x:0;right:-8px;bottom:-8px;pointer-events:auto}.design .code-box .t-resize-point[data-v-9c60b30c]{top:-7px;left:50%;margin-left:-7px;z-index:2;background-position-y:-96px}.design .code-box .t-resize-point[data-v-9c60b30c]:active,.design .code-box .t-resize-point[data-v-9c60b30c]:hover{cursor:ns-resize;background-position-x:-24px}.design .code-box .r-resize-point[data-v-9c60b30c]{top:50%;margin-top:-7px;right:-13px;z-index:2;background-position-y:-168px}.design .code-box .r-resize-point[data-v-9c60b30c]:active,.design .code-box .r-resize-point[data-v-9c60b30c]:hover{cursor:ew-resize;background-position-x:-24px}.design .code-box .b-resize-point[data-v-9c60b30c]{bottom:-9px;left:50%;margin-left:-7px;z-index:2;background-position-y:-116px}.design .code-box .b-resize-point[data-v-9c60b30c]:active,.design .code-box .b-resize-point[data-v-9c60b30c]:hover{cursor:ns-resize;background-position-x:-24px}.design .code-box .l-resize-point[data-v-9c60b30c]{top:50%;margin-top:-7px;left:-8px;z-index:2;background-position-y:-144px}.design .code-box .l-resize-point[data-v-9c60b30c]:active,.design .code-box .l-resize-point[data-v-9c60b30c]:hover{cursor:ew-resize;background-position-x:-24px}.design .code-box .lt-resize-point[data-v-9c60b30c]{left:-8px;top:-8px;background-position-y:-24px}.design .code-box .lt-resize-point[data-v-9c60b30c]:active,.design .code-box .lt-resize-point[data-v-9c60b30c]:hover{cursor:nwse-resize;background-position-x:-24px}.design .code-box .rt-resize-point[data-v-9c60b30c]{right:-8px;top:-8px;background-position-y:0}.design .code-box .rt-resize-point[data-v-9c60b30c]:active,.design .code-box .rt-resize-point[data-v-9c60b30c]:hover{cursor:nesw-resize;background-position-x:-24px}.design .code-box .rb-resize-point[data-v-9c60b30c]{right:-8px;bottom:-8px;background-position-y:-72px}.design .code-box .rb-resize-point[data-v-9c60b30c]:active,.design .code-box .rb-resize-point[data-v-9c60b30c]:hover{cursor:nwse-resize;background-position-x:-24px}.design .code-box .lb-resize-point[data-v-9c60b30c]{left:-8px;bottom:-8px;background-position-y:-48px}.design .code-box .lb-resize-point[data-v-9c60b30c]:active,.design .code-box .lb-resize-point[data-v-9c60b30c]:hover{cursor:nesw-resize;background-position-x:-24px}.design .code-box .rotate-btn[data-v-9c60b30c]{width:0;height:40px;margin:0 auto;position:absolute;top:100%;left:50%;transform:translateX(-50%);pointer-events:auto}.design .code-box .rotate-btn[data-v-9c60b30c]:before{content:"";position:absolute;top:16px;left:-10px;width:20px;height:20px;border-radius:10px;background:url(/img/desicon/dartboard.svg) 0 -192px;cursor:pointer}.design .code-box .rotate-btn[data-v-9c60b30c]:active:before,.design .code-box .rotate-btn[data-v-9c60b30c]:hover:before{background:url(/img/desicon/dartboard.svg) -30px -192px}.design .code-box .rotate-btn[data-v-9c60b30c]:after{content:"";display:block;position:absolute;left:50%;height:16px;border-left:1px dashed #9b9b9b}.design .clip-area[data-v-9c60b30c]{position:absolute;border:1px dashed rgba(0,0,0,.5)}.design .svg-lock[data-v-9c60b30c]{cursor:auto;pointer-events:none}.design .svg-lock[data-v-9c60b30c]:after{border:1px dashed #ff3d67}.design .svg-lock .resize[data-v-9c60b30c],.design .svg-lock .rotate-btn[data-v-9c60b30c]{display:none}.design .svg-lock .lock-point[data-v-9c60b30c]{position:absolute;right:-10px;bottom:-10px;width:20px;height:20px;padding:3px;z-index:5;cursor:pointer;pointer-events:auto}.design .svg-lock .lock-point[data-v-9c60b30c]:before{content:"";display:block;width:10px;height:10px;background:#ff3d67;border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px 1px rgba(0,0,0,.15)}.design .img-clip[data-v-9c60b30c]{position:fixed;z-index:2;background:hsla(0,0%,100%,.7)}.design .img-clip img[data-v-9c60b30c]{position:absolute;width:100%;height:100%;opacity:.5}.design .clip-box[data-v-9c60b30c]{position:absolute;cursor:move;width:100px;height:100px;z-index:5;background-repeat:no-repeat}.design .clip-box .clip-btn[data-v-9c60b30c]{width:20px;height:20px;position:absolute}.design .clip-box .clip-btn[data-v-9c60b30c]:before{width:2px;height:13px}.design .clip-box .clip-btn[data-v-9c60b30c]:after,.design .clip-box .clip-btn[data-v-9c60b30c]:before{content:"";display:block;position:absolute;border:1px solid #fff;background-color:#000;box-sizing:content-box}.design .clip-box .clip-btn[data-v-9c60b30c]:after{height:2px;width:10px}.design .clip-box .clip-right-top-btn[data-v-9c60b30c]{right:-8px;top:-8px;cursor:ne-resize}.design .clip-box .clip-right-top-btn[data-v-9c60b30c]:before{right:4px;top:4px;box-shadow:-2px 2px 3px rgba(0,0,0,.25)}.design .clip-box .clip-right-top-btn[data-v-9c60b30c]:after{right:7px;bottom:12px;border-right:none;box-shadow:-2px 2px 3px rgba(0,0,0,.25)}.design .clip-box .clip-right-bottom-btn[data-v-9c60b30c]{right:-8px;bottom:-8px;cursor:se-resize}.design .clip-box .clip-right-bottom-btn[data-v-9c60b30c]:before{right:4px;bottom:4px;box-shadow:-2px -2px 3px rgba(0,0,0,.25)}.design .clip-box .clip-right-bottom-btn[data-v-9c60b30c]:after{right:7px;top:12px;border-right:none;box-shadow:-2px -2px 3px rgba(0,0,0,.25)}.design .clip-box .clip-left-bottom-btn[data-v-9c60b30c]{left:-8px;bottom:-8px;cursor:sw-resize}.design .clip-box .clip-left-bottom-btn[data-v-9c60b30c]:before{left:4px;top:1px}.design .clip-box .clip-left-bottom-btn[data-v-9c60b30c]:after{left:7px;top:12px;border-left:none}.design .clip-box .clip-left-top-btn[data-v-9c60b30c]{left:-8px;top:-8px;cursor:nw-resize}.design .clip-box .clip-left-top-btn[data-v-9c60b30c]:before{left:4px;top:4px}.design .clip-box .clip-left-top-btn[data-v-9c60b30c]:after{left:7px;top:4px;border-left:none}.design .clip-box .clip-left-btn[data-v-9c60b30c]{left:-8px;top:50%;cursor:nw-resize}.design .clip-box .clip-left-btn[data-v-9c60b30c]:before{left:4px;top:4px}.design .clip-box .clip-left-btn[data-v-9c60b30c]:after{display:none}.design .clip-box .clip-oper[data-v-9c60b30c]{position:absolute;top:0;right:-48px;width:32px;height:64px;background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.24);cursor:auto}.design .clip-box .clip-oper .clip-confirm[data-v-9c60b30c]{width:32px;height:32px;display:block;padding:6px;box-sizing:border-box;overflow:hidden;cursor:pointer}.design .clip-box .clip-oper .clip-confirm[data-v-9c60b30c]:before{content:"";width:30px;height:45px;display:block;background:url(/img/desicon/confirm_new.svg) no-repeat}.design .clip-box .clip-oper .clip-confirm[data-v-9c60b30c]:hover:before{background-position-y:-22.5px}.design .clip-box .clip-oper .clip-cancel[data-v-9c60b30c]{width:32px;height:32px;display:block;padding:6px;box-sizing:border-box;overflow:hidden;cursor:pointer}.design .clip-box .clip-oper .clip-cancel[data-v-9c60b30c]:before{content:"";width:30px;height:47px;display:block;background:url(/img/desicon/cancel_new.svg) no-repeat}.design .clip-box .clip-oper .clip-cancel[data-v-9c60b30c]:hover:before{background-position-y:-23.5px}.design .editor-text[data-v-9c60b30c]{width:100%;position:relative;z-index:11;letter-spacing:2px;outline:none;overflow:hidden;cursor:text;word-break:break-all}.design .drag-and-drop[data-v-9c60b30c]{text-align:center}.design .copyBox[data-v-9c60b30c],.design .drag-and-drop[data-v-9c60b30c]{position:absolute;pointer-events:none;z-index:2019}.design .copyBox[data-v-9c60b30c]{display:none;cursor:move}.design .copyBox img[data-v-9c60b30c]{width:100%}.design .design_title_input[data-v-9c60b30c]{margin:-50px auto 0;width:300px;height:50px;position:relative;z-index:100;overflow:hidden}.design .design_title_input .works[data-v-9c60b30c]{background:transparent;text-align:center;width:100%;height:100%;border:none;color:#000;font-size:16px;outline:none}.design .design_title_input .works[data-v-9c60b30c]::-webkit-input-placeholder{color:#000}.design .design_title_input .works[data-v-9c60b30c]:hover{background-color:rgba(0,0,0,.1)}.design .all-mask[data-v-9c60b30c]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:grab}.design .move-guide .guide-item[data-v-9c60b30c]{position:absolute;border:.5px dashed red}.design .move-guide .elem[data-v-9c60b30c]{position:absolute;border:.5px dashed #797979}.design .move-guide .guide-left[data-v-9c60b30c]{left:0;top:0;height:100%}.design .move-guide .guide-top[data-v-9c60b30c]{left:0;top:0;width:100%}.design .move-guide .guide-right[data-v-9c60b30c]{right:0;top:0;height:100%}.design .move-guide .guide-bottom[data-v-9c60b30c]{left:0;bottom:0;width:100%}.design .move-guide .guide-cx[data-v-9c60b30c]{left:50%;top:0;height:100%}.design .move-guide .guide-cy[data-v-9c60b30c]{left:0;top:50%;width:100%}.design .out-blood-line[data-v-9c60b30c]{pointer-events:none}.design .out-blood-line .bleed-top[data-v-9c60b30c]{position:absolute;top:0;left:0;width:100%}.design .out-blood-line .bleed-right[data-v-9c60b30c]{position:absolute;right:0;border-left:1px dashed var(--td-bleed)}.design .out-blood-line .bleed-bottom[data-v-9c60b30c]{position:absolute;bottom:0;left:0;width:100%}.design .out-blood-line .bleed-left[data-v-9c60b30c]{position:absolute;left:0;border-right:1px dashed var(--td-bleed)}.design .out-blood-line .bleed-line[data-v-9c60b30c]{height:0;border-bottom:1px dashed var(--td-bleed);position:absolute}.design .out-blood-line .bleed_ruler[data-v-9c60b30c]{position:absolute;background-color:var(--td-bleed)}.design .out-blood-line .bleed_ruler_bottom_left[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_bottom_right[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_top_left[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_top_right[data-v-9c60b30c]{width:10px;height:1px}.design .out-blood-line .bleed_ruler_left_bottom[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_left_top[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_right_bottom[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_right_top[data-v-9c60b30c]{width:1px;height:10px}.design .out-blood-line .bleed_ruler_bottom_left[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_top_left[data-v-9c60b30c]{left:-14px}.design .out-blood-line .bleed_ruler_bottom_right[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_top_right[data-v-9c60b30c]{right:-14px}.design .out-blood-line .bleed_ruler_left_top[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_right_top[data-v-9c60b30c]{top:-14px}.design .out-blood-line .bleed_ruler_left_bottom[data-v-9c60b30c],.design .out-blood-line .bleed_ruler_right_bottom[data-v-9c60b30c]{bottom:-14px}.design .right-menu[data-v-9c60b30c]{position:absolute;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);transform-origin:0 0;overflow:hidden;z-index:4}.design .right-menu .menu-ul[data-v-9c60b30c]{width:164px}.design .right-menu .menu-ul .menu-li[data-v-9c60b30c]{display:flex;align-items:center;line-height:30px;padding:0 16px;font-size:14px;color:#626262;cursor:pointer}.design .right-menu .menu-ul .menu-li[data-v-9c60b30c]:hover{color:var(--td-primary);background-color:#f8f8f8}.design .right-menu .menu-ul .menu-li .command[data-v-9c60b30c]{display:flex;align-items:center;margin-left:auto}.design .right-menu .menu-ul .cant-use[data-v-9c60b30c]{cursor:default;opacity:.3}.design .right-menu .menu-ul .cant-use[data-v-9c60b30c]:hover{color:#626262;background:#fff}.design .right-menu .hr[data-v-9c60b30c]{height:1px;background-color:#cdcdcd;box-shadow:inset 0 -1px 0 0 #ddd}.design .ref-line .line-item[data-v-9c60b30c]{position:absolute;background-color:#f93310}.design .ref-line .line-item[data-v-9c60b30c]:after{content:"";position:absolute;left:-6px;right:-6px;top:-6px;bottom:-6px}.design .fade-enter-active[data-v-9c60b30c],.design .fade-leave-active[data-v-9c60b30c]{transition:opacity .3s}.design .fade-enter[data-v-9c60b30c],.design .fade-leave-to[data-v-9c60b30c]{opacity:0}.design .left-show-enter-active[data-v-9c60b30c]{transition:all .3s;width:100%}.design .left-show-enter[data-v-9c60b30c]{transform:translateX(-330px)}.design .left-show-leave-to[data-v-9c60b30c]{display:none}.design .diag-enter[data-v-9c60b30c],.design .diag-leave-to[data-v-9c60b30c]{opacity:0}.design .diag-enter-active[data-v-9c60b30c],.design .diag-leave-active[data-v-9c60b30c]{transition:opacity .3s}.design .tool-container .filter .el-slider[data-v-9c60b30c]{width:100%}.design .el-slider[data-v-9c60b30c]{width:150px}.design .el-slider[data-v-9c60b30c] .el-slider__bar,.design .el-slider[data-v-9c60b30c] .el-slider__runway{height:2px}.design .el-slider[data-v-9c60b30c] .el-slider__bar{background-color:var(--td-primary)}.design .el-slider[data-v-9c60b30c] .el-slider__button.el-tooltip{background-color:var(--td-primary);width:10px;height:10px;border:1px solid #409eff}.design .el-slider[data-v-9c60b30c] .el-slider__button-wrapper{top:-17px}.design .el-color-picker[data-v-9c60b30c] .el-color-picker__color-inner{background-image:url(/img/desicon/topTool/addcolor.png);background-size:100%}.design .el-color-picker[data-v-9c60b30c] .el-icon-close:before{content:""}#dialogcontent[data-v-9c60b30c]::-webkit-scrollbar{display:none}.side[data-v-9c60b30c]{left:0;z-index:101}.side[data-v-9c60b30c],.tool-container[data-v-9c60b30c]{position:absolute;top:0;height:100%;background:#fff}.tool-container[data-v-9c60b30c]{left:75px;width:340px;z-index:100;transition:all .2s}.side .el-tabs__item{font-weight:400;font-size:12px}.side .sidelList-item{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.side .sidelList-item i{font-size:25px}.side .sidelList-item span{line-height:20px}.side .sidelList-item .tools-icon{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-image:url(/img/desicon/side_icon.png);background-position-x:-38px}.side .sidelList-item p{margin:0}.side .sidelList-item:nth-child(2) .tools-icon{background-position-y:-40px}.side .sidelList-item:nth-child(3) .tools-icon{background-position-y:-80px}.side .sidelList-item:nth-child(4) .tools-icon{background-position-y:-120px}.side .sidelList-item:nth-child(5) .tools-icon{background-position-y:-160px}.side .sidelList-item:nth-child(6) .tools-icon{background-position-y:-200px}.side .el-tabs__item{padding:0;width:70px;height:85px}.el-tabs__item{color:#6d6d6d}.span-fixed{position:fixed;left:0;top:0;z-index:999999}.el-radio[data-v-aea1066e]{margin:5px 0}.el-radio[data-v-aea1066e] .el-radio__label{font-size:16px!important}.el-radio[data-v-aea1066e] .el-radio__input.is-checked+.el-radio__label{color:#d52535}.el-radio[data-v-aea1066e] .el-radio__input.is-checked .el-radio__inner{border-color:#d52535;background:#d52535}.u-flex[data-v-aea1066e]{display:flex;justify-content:space-between}.u-flex[data-v-aea1066e] .el-form-item{width:100%}.u-flex[data-v-aea1066e] .el-form-item:first-child{margin-right:10px}[data-v-a00a8726] .number:not(.disabled).active{background-color:#d52535!important}[data-v-a00a8726] button[disabled=disabled]{background-color:#f7f7f7!important}[data-v-90d83072] .number:not(.disabled).active{background-color:#d52535!important}[data-v-90d83072] button[disabled=disabled]{background-color:#f7f7f7!important}[data-v-7549c1e0] .shipping .el-radio{display:block;margin-bottom:46px;transform:scale(1.3)}[data-v-7549c1e0] .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner{border-color:#d52535;background:#d52535}[data-v-7549c1e0] .el-radio.is-checked .el-radio__input.is-checked+.el-radio__label{color:#d52535}