.upload-component .imgItemWrap[data-v-261a558e]{width:100%;height:166px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1c212a;border:1px solid #384049;cursor:pointer}.upload-component .imgItemWrap .imgItem[data-v-261a558e]{max-width:100%;max-height:100%;border-radius:8px}.upload-component .imgItemWrap .delIcon[data-v-261a558e]{position:absolute;top:5px;right:8px;background:rgba(26,26,26,.8);border-radius:6px;cursor:pointer;width:30px;height:30px;background:rgba(0,0,0,.2);border-radius:8px 8px 8px 8px;border:1px solid hsla(0,0%,100%,.2);text-align:center}.upload-component .imgItemWrap .delIcon .icon-delete[data-v-261a558e]{font-size:16px;color:#d7d9dc;line-height:30px}.upload-component .upload-box[data-v-261a558e],.upload-component .upload-box[data-v-261a558e] .el-upload{width:100%;height:100%}.upload-component .upload-box[data-v-261a558e] .el-upload .el-upload-dragger{width:100%;height:100%;background:#1c212a;border-radius:8px 8px 8px 8px;border:1px solid #384049;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-component .upload-box[data-v-261a558e] .el-upload .upload-title{font-family:Source Han Sans;font-weight:400;font-size:16px;color:#4e5969;line-height:22px}.upload-component .upload-box[data-v-261a558e] .el-upload .upload-btn{width:178px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#313845;border-radius:8px 8px 8px 8px;font-family:Source Han Sans;font-weight:400;font-size:14px;color:#818f97;line-height:38px;padding:0 15px;margin-bottom:10px}.upload-component .upload-box[data-v-261a558e] .el-upload .upload-btn .upload-icon{margin-right:6px;width:16px;height:16px}.upload-component .upload-box[data-v-261a558e] .el-upload .upload-stip{font-family:Source Han Sans;font-weight:400;font-size:12px;color:#999;line-height:20px}.imgContainer[data-v-326ff11d]{margin-left:20px;padding-right:340px;max-width:1440px;height:calc(100vh - 50px);overflow:auto}.imgContainer[data-v-326ff11d]::-webkit-scrollbar,.imgContainer[data-v-326ff11d]::-webkit-scrollbar-thumb{display:none}.imgContainer .imgWrapper[data-v-326ff11d]{margin-bottom:20px}.imgContainer .imgWrapper .index-title[data-v-326ff11d]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.imgContainer .imgWrapper .index-title .index-model[data-v-326ff11d],.imgContainer .imgWrapper .index-title[data-v-326ff11d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.imgContainer .imgWrapper .index-title .index-model .model-name[data-v-326ff11d]{background:#1293ff;padding:0 10px;border-radius:6px;font-family:Source Han Sans;font-weight:400;font-size:13px;color:#fff;line-height:28px}.imgContainer .imgWrapper .index-title .index-model .create-time[data-v-326ff11d]{margin-left:10px;font-family:Source Han Sans;font-weight:400;font-size:14px;color:#929292;line-height:28px}.imgContainer .imgWrapper .index-title .index-opera[data-v-326ff11d]{display:-webkit-box;display:-ms-flexbox;display:flex}.imgContainer .imgWrapper .index-title .index-opera .index-extra[data-v-326ff11d]{margin-left:10px;width:70px;background:#2a2b2f;border-radius:4px 4px 4px 4px;border:1px solid #3b3b3b;cursor:pointer;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Source Han Sans;font-weight:400;font-size:12px;color:#fff;line-height:26px}.imgContainer .imgWrapper .index-title .index-opera .index-extra.active[data-v-326ff11d],.imgContainer .imgWrapper .index-title .index-opera .index-extra[data-v-326ff11d]:hover{background:#1293ff;color:#fff}.imgContainer .imgWrapper .index-title .index-opera .index-extra .icon-img[data-v-326ff11d]{width:16px;height:16px}.imgContainer .imgWrapper .index_desc[data-v-326ff11d]{margin-top:8px;font-family:Source Han Sans;font-weight:400;font-size:14px;color:#fff;line-height:20px}.imgContainer .imgWrapper .index_desc .copy-icon[data-v-326ff11d]{margin-left:4px;width:12px;vertical-align:middle;cursor:pointer}.imgContainer .imgWrapper .imgList[data-v-326ff11d]{margin-top:10px;width:840px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.imgContainer .imgWrapper .imgList .imgItem[data-v-326ff11d]{margin-right:10px;width:180px;position:relative}.imgContainer .imgWrapper .imgList .imgItem img[data-v-326ff11d]{display:block;width:100%;height:auto;border-radius:10px;cursor:pointer}.imgContainer .imgWrapper .imgList .imgItem .pic0[data-v-326ff11d]{border-radius:10px 0 0 0}.imgContainer .imgWrapper .imgList .imgItem .pic1[data-v-326ff11d]{border-radius:0 10px 0 0}.imgContainer .imgWrapper .imgList .imgItem .pic2[data-v-326ff11d]{border-radius:0 0 0 10px}.imgContainer .imgWrapper .imgList .imgItem .pic3[data-v-326ff11d]{border-radius:0 0 10px 0}.imgContainer .imgWrapper .imgList .imgItem:hover .operaBar[data-v-326ff11d]{display:block;opacity:1}.imgContainer .imgWrapper .imgList .imgItem .operaBar[data-v-326ff11d]{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.3);width:96px;height:30px;border-radius:6px;opacity:0;display:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 6px}.imgContainer .imgWrapper .imgList .imgItem .operaBar .iconfont[data-v-326ff11d]{color:#fff;font-size:30px;cursor:pointer}.imgContainer .imgWrapper .imgList .mask_layer[data-v-326ff11d]{margin-right:10px;width:180px;height:180px;background:#313845;border-radius:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.imgContainer .imgWrapper .imgList .mask_layer .inval-time[data-v-326ff11d]{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:12px;height:28px;line-height:26px;padding-left:5px;padding-right:5px;position:absolute;right:8px;text-align:center;top:8px;z-index:102}.imgContainer .imgWrapper .imgList .mask_layer .init-state[data-v-326ff11d]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100;color:#cce0ee;font-size:14px}.imgContainer .imgWrapper .imgList .make_fail[data-v-326ff11d]{width:180px;height:180px;background:#f5f7fa;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.imgContainer .imgWrapper .imgList .make_fail .text[data-v-326ff11d]{font-size:16px;color:#c0c4cc}.canvasBox[data-v-81a5880c]{width:100%;position:relative}.rightWrap[data-v-81a5880c]{position:fixed;right:10px;top:46px;z-index:1988;width:320px;background:#272c36;border-radius:8px;padding-bottom:16px}.rightWrap .title[data-v-81a5880c]{padding-left:16px;padding-top:14px;font-family:Source Han Sans;font-weight:400;font-size:16px;color:#fff;line-height:26px;text-align:left;padding-bottom:10px;border-bottom:1px solid #39414a}.rightWrap .designPanel[data-v-81a5880c]{padding:16px;max-height:calc(100vh - 180px);overflow-y:auto}.rightWrap .designPanel[data-v-81a5880c]::-webkit-scrollbar{width:4px;height:4px}.rightWrap .designPanel[data-v-81a5880c]::-webkit-scrollbar-thumb{border-radius:4px;background:#ccc}.rightWrap .designPanel[data-v-81a5880c]::-webkit-scrollbar-track{border-radius:4px}.rightWrap .designPanel .drawItem_name[data-v-81a5880c]{margin-bottom:10px;font-family:Source Han Sans;font-weight:400;font-size:14px;color:#fff;line-height:24px;position:relative}.rightWrap .designPanel .drawItem_name.is-required[data-v-81a5880c]:after{content:"*";color:#eb3527}.rightWrap .designPanel .flat-upload[data-v-81a5880c]{margin-bottom:16px;height:166px}.rightWrap .designPanel .size-box[data-v-81a5880c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.rightWrap .designPanel .size-box .space-item[data-v-81a5880c]{text-align:center;cursor:pointer}.rightWrap .designPanel .size-box .space-item .space-col[data-v-81a5880c]{width:51px;height:51px;background:#fff;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.rightWrap .designPanel .size-box .space-item .space-col.active[data-v-81a5880c]{outline:3px solid #1293ff}.rightWrap .designPanel .size-box .space-item .space-col .space-size1[data-v-81a5880c]{width:30px;height:30px;background-color:#dcdcdc}.rightWrap .designPanel .size-box .space-item .space-col .space-size2[data-v-81a5880c]{width:30px;height:40px;background-color:#dcdcdc}.rightWrap .designPanel .size-box .space-item .space-col .space-size3[data-v-81a5880c]{width:40px;height:30px;background-color:#dcdcdc}.rightWrap .designPanel .size-box .space-item .space-col .space-size4[data-v-81a5880c]{width:30px;height:48px;background-color:#dcdcdc}.rightWrap .designPanel .size-box .space-item .space-col .space-size5[data-v-81a5880c]{width:48px;height:30px;background-color:#dcdcdc}.rightWrap .designPanel .size-box .space-item .space-scale[data-v-81a5880c]{margin-top:6px;font-weight:700;font-size:14px;color:#fff}.rightWrap .designPanel .wordList[data-v-81a5880c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.rightWrap .designPanel .wordList .wordItem[data-v-81a5880c]{min-width:64px;padding:0 5px;margin-bottom:5px;background:rgba(0,0,0,.2);border-radius:6px;margin-right:6px;color:hsla(0,0%,100%,.7019607843137254);font-size:12px;line-height:32px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}.rightWrap .designPanel .wordList .wordItem[data-v-81a5880c]:hover{color:#00bafa}.rightWrap .designPanel .desContent[data-v-81a5880c]{padding:10px 16px;background:#1c212a;border-radius:8px 8px 8px 8px;border:1px solid #384049}.rightWrap .designPanel .desContent .intcss[data-v-81a5880c]{width:100%;height:220px;background:transparent;border:none;resize:none;font-family:Source Han Sans;font-weight:400;font-size:14px;color:#b1bec7;line-height:20px}.rightWrap .designPanel .desContent .intcss[data-v-81a5880c]::-webkit-scrollbar{width:4px;height:4px}.rightWrap .designPanel .desContent .intcss[data-v-81a5880c]::-webkit-scrollbar-thumb{border-radius:4px;background-color:#f2f3f5}.rightWrap .designPanel .desContent .intcss[data-v-81a5880c]::-webkit-scrollbar-track{border-radius:4px}.rightWrap .submitBtn[data-v-81a5880c]{margin:0 16px;background:#00bafa;border-radius:8px 8px 8px 8px;font-family:Source Han Sans;font-weight:400;font-size:14px;color:#fff;line-height:40px;text-align:center;cursor:pointer}.rightWrap .submitBtn.disabled[data-v-81a5880c]{cursor:not-allowed;background:#5a606a;color:#8f9da7}.rightWrap .submitBtn .icon[data-v-81a5880c]{margin:0 4px;width:16px;height:16px;vertical-align:middle}.uploadBox[data-v-81a5880c]{margin-left:20px;margin-right:340px}.card-box[data-v-81a5880c]{margin-top:30px;width:1120px;margin:10px auto}.card-box .index-card[data-v-81a5880c]{width:120px;float:left}.card-box .index-card .refer-image[data-v-81a5880c]{position:relative;border-radius:5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}.card-box .index-card .refer-image .origin-img[data-v-81a5880c]{display:block;width:100%;height:auto;border-radius:5px}.card-box .index-card .refer-image[data-v-81a5880c]:hover{outline:2px solid #1293ff}.card-box .index-card .refer-image:hover .sample[data-v-81a5880c],.card-box .index-card .refer-image:hover .yhBtn[data-v-81a5880c]{opacity:1}.card-box .index-card .refer-image:hover .delBox[data-v-81a5880c]{opacity:1;display:block}.card-box .index-card .refer-image .delBox[data-v-81a5880c]{position:absolute;top:14px;right:12px;background:rgba(0,0,0,.35);border-radius:6px;width:24px;height:24px;cursor:pointer;opacity:0;display:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center}.card-box .index-card .refer-image .delBox .icon-delete[data-v-81a5880c]{font-size:16px;color:#d7d9dc;line-height:24px}.card-box .index-card .refer-image .sample[data-v-81a5880c]{position:absolute;left:20px;right:20px;top:40%;background:-webkit-gradient(linear,right top,left top,from(#00bafa),color-stop(0,#01bafa),to(#1777ff));background:linear-gradient(270deg,#00bafa,#01bafa 0,#1777ff);border-radius:4px;font-family:Source Han Sans;font-weight:400;font-size:12px;color:#fff;line-height:28px;text-align:center;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;z-index:10}.card-box .index-card .refer-image .yhBtn[data-v-81a5880c]{opacity:0;position:absolute;right:2px;bottom:2px;padding:0 10px;background:#1293ff;border-radius:3px;height:24px;font-size:12px;line-height:24px;color:#fff;white-space:nowrap;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.card-box .index-card .desBox[data-v-81a5880c]{margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:13px;color:#88969e;line-height:22px}.card-box .mask_layer[data-v-81a5880c]{margin-left:10px;width:240px;float:left;background:#313845;border-radius:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-box .mask_layer .inval-time[data-v-81a5880c]{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:12px;height:28px;line-height:26px;padding-left:5px;padding-right:5px;position:absolute;right:8px;text-align:center;top:8px;z-index:102}.card-box .mask_layer .init-state[data-v-81a5880c]{color:#cce0ee;font-size:14px;text-align:center}.card-box .imgItem[data-v-81a5880c]{margin-left:10px;width:240px;float:left;position:relative;border-radius:5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}.card-box .imgItem .img[data-v-81a5880c]{display:block;width:100%;height:auto;border-radius:5px}.card-box .imgItem[data-v-81a5880c]:hover{outline:2px solid #1293ff}.card-box .imgItem:hover .operaBar[data-v-81a5880c]{opacity:1}.card-box .imgItem:hover .delBox[data-v-81a5880c]{opacity:1;display:block}.card-box .imgItem .delBox[data-v-81a5880c]{position:absolute;top:14px;right:12px;background:rgba(0,0,0,.35);border-radius:6px;width:24px;height:24px;cursor:pointer;opacity:0;display:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center}.card-box .imgItem .delBox .icon-delete[data-v-81a5880c]{font-size:16px;color:#d7d9dc;line-height:24px}.card-box .imgItem .operaBar[data-v-81a5880c]{position:absolute;right:0;bottom:2px;height:24px;border-radius:6px;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2px}.card-box .imgItem .operaBar .iconfont[data-v-81a5880c]{color:#fff;font-size:30px;cursor:pointer}.card-box .imgItem .operaBar .yhBtn[data-v-81a5880c]{padding:0 10px;background:#1293ff;border-radius:3px;height:24px;font-size:12px;line-height:24px;color:#fff;white-space:nowrap}.card-box .make-image[data-v-81a5880c]{margin-left:10px;width:240px;float:left}.card-box .make-image .draw-img[data-v-81a5880c]{position:relative;border-radius:5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}.card-box .make-image .draw-img img[data-v-81a5880c]{display:block;width:100%;height:auto;border-radius:5px}.card-box .make-image .draw-img[data-v-81a5880c]:hover{outline:2px solid #1293ff}.card-box .make-image .draw-img:hover .operaBar[data-v-81a5880c]{opacity:1}.card-box .make-image .draw-img:hover .delIconBox[data-v-81a5880c]{display:block;opacity:1}.card-box .make-image .draw-img:hover .sample[data-v-81a5880c]{opacity:1}.card-box .make-image .draw-img .delIconBox[data-v-81a5880c]{position:absolute;top:14px;right:12px;background:rgba(0,0,0,.35);border-radius:6px;width:24px;height:24px;cursor:pointer;opacity:0;display:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center}.card-box .make-image .draw-img .delIconBox .icon-delete[data-v-81a5880c]{font-size:16px;color:#d7d9dc;line-height:24px}.card-box .make-image .draw-img .operaBar[data-v-81a5880c]{position:absolute;right:0;bottom:2px;height:24px;border-radius:6px;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2px}.card-box .make-image .draw-img .operaBar .iconfont[data-v-81a5880c]{color:#fff;font-size:30px;cursor:pointer}.card-box .make-image .draw-img .operaBar .yhBtn[data-v-81a5880c]{padding:0 10px;background:#1293ff;border-radius:3px;height:24px;font-size:12px;line-height:24px;color:#fff;white-space:nowrap}.card-box .make-image .draw-img .sample[data-v-81a5880c]{position:absolute;left:20px;right:20px;top:60%;background:-webkit-gradient(linear,right top,left top,from(#00bafa),color-stop(0,#01bafa),to(#1777ff));background:linear-gradient(270deg,#00bafa,#01bafa 0,#1777ff);border-radius:8px 8px 8px 8px;font-family:Source Han Sans;font-weight:400;font-size:14px;color:#fff;line-height:36px;text-align:center;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;z-index:10}.card-box .make_fail[data-v-81a5880c]{float:left;width:240px;height:320px;background:#f5f7fa;border-radius:5px;margin-left:10px;position:relative}.card-box .make_fail:hover .delBox[data-v-81a5880c]{display:block;opacity:1}.card-box .make_fail .delBox[data-v-81a5880c]{position:absolute;top:14px;right:12px;background:rgba(0,0,0,.35);border-radius:6px;width:24px;height:24px;cursor:pointer;opacity:0;display:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center}.card-box .make_fail .delBox .icon-delete[data-v-81a5880c]{font-size:16px;color:#d7d9dc;line-height:24px}.card-box .make_fail .text[data-v-81a5880c]{font-size:16px;color:#c0c4cc;line-height:320px;text-align:center}