.available-box[data-v-51c85d85]{transition:.1s;position:relative;z-index:255;width:20.833333vw;height:22.291667vw;background:#fff;box-shadow:0 .416667vw 1.510417vw 0 rgba(0,0,0,.08);border-radius:.625vw .625vw .625vw .625vw}.available-box .header[data-v-51c85d85]{width:100%;display:flex;justify-content:center}.available-box .bind-search[data-v-51c85d85]{margin-top:1.041667vw;width:18.75vw;height:2.083333vw;border-radius:.3125vw .3125vw .3125vw .3125vw;border:1px solid #ddd}.available-box .bind-list-box[data-v-51c85d85]{margin-top:1.041667vw;margin-left:1.041667vw;margin-right:1.041667vw;width:18.75vw;height:17.083333vw;overflow-y:auto;overflow-x:hidden}.available-box .bind-list-box .list-item[data-v-51c85d85]{margin-bottom:.729167vw;height:5.208333vw;width:18.75vw;display:flex}.available-box .bind-list-box .list-item .item-image[data-v-51c85d85]{width:5.208333vw;height:5.208333vw;border-radius:.3125vw .3125vw .3125vw .3125vw}.available-box .bind-list-box .list-item .item-info[data-v-51c85d85]{margin-left:.729167vw;width:12.8125vw;height:5.208333vw}.available-box .bind-list-box .list-item .item-info .item-info0[data-v-51c85d85],.available-box .bind-list-box .list-item .item-info .item-info1[data-v-51c85d85],.available-box .bind-list-box .list-item .item-info .item-info2[data-v-51c85d85]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.available-box .bind-list-box .list-item .item-info .item-info1[data-v-51c85d85]{height:.885417vw;width:11.197917vw;margin-top:1.354167vw;font-size:.729167vw;color:#000;line-height:.885417vw;cursor:pointer}.available-box .bind-list-box .list-item .item-info .item-info2[data-v-51c85d85]{height:.729167vw;width:11.197917vw;margin-top:.729167vw;font-size:.729167vw;color:#999;cursor:pointer}.available-box .bind-list-box .bottom-item[data-v-51c85d85]{width:100%;height:5.208333vw}.header[data-v-44d05bec]{position:relative;width:calc(100% - 2.08333vw);height:4.166667vw;display:flex;justify-content:space-between;align-items:center;padding:0 1.041667vw;border-bottom:1px solid #cdd3d9;background-color:#fff}.header .back[data-v-44d05bec]{height:2.291667vw;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header .back .back-icon[data-v-44d05bec]{width:1.041667vw;height:1.041667vw;line-height:1.041667vw;font-size:1.041667vw;font-weight:700}.header .back .back-title[data-v-44d05bec]{font-size:1.041667vw;font-weight:700;margin-left:.520833vw}.header .next[data-v-44d05bec]{width:3.854167vw;height:2.291667vw;line-height:2.291667vw;border-radius:.3125vw;border:1px solid #cdd3d9;font-size:.9375vw;font-weight:700;color:#161616;text-align:center;cursor:pointer}.header .next[data-v-44d05bec]:hover{border:.104167vw solid #000}.button-box[data-v-44d05bec]{display:flex;justify-content:right;width:50vw}[data-v-b6cd29f8].el-upload-dragger{background-color:#fff;box-sizing:border-box;width:23.4375vw;height:10.416667vw;text-align:center;cursor:pointer;position:relative;overflow:hidden;border:1px dashed #165ef0!important}[data-v-b6cd29f8].el-upload-dragger:hover{border:1px dashed #032a6d!important}.loading[data-v-b6cd29f8]{width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0;cursor:auto;background-color:hsla(0,0%,100%,.3);z-index:3000}.upload-image-view[data-v-b6cd29f8]{position:relative;margin-bottom:.625vw;display:flex}.upload-image-view .upload-drop[data-v-b6cd29f8]{width:23.177083vw!important;height:10.416667vw!important;background:#fff;border-radius:.3125vw;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.upload-image-view .upload-drop .title[data-v-b6cd29f8]{height:1.09375vw;font-size:.833333vw;font-weight:700;color:#161616;line-height:1.09375vw}.upload-image-view .upload-drop .icon[data-v-b6cd29f8]{width:1.927083vw;height:1.71875vw;color:#161616;margin-top:.520833vw}.upload-image-view .upload-drop .hint[data-v-b6cd29f8]{height:.729167vw;font-size:.729167vw;line-height:.729167vw;margin-top:1.041667vw;font-weight:500;color:#161616}.upload-image .el-upload[data-v-b6cd29f8],.upload-image[data-v-b6cd29f8]{height:9.375vw}.upload-image .el-upload .el-upload-dragger[data-v-b6cd29f8]{padding:0}[data-v-71395d8c].search-area,[data-v-71395d8c].search-area .el-input__inner{position:relative;width:23.4375vw;height:2.8125vw;border-radius:.3125vw;display:flex}[data-v-71395d8c].search-area .el-input__inner{font-weight:400;font-size:.729167vw;color:#9e9e9e;line-height:.9375vw}[data-v-71395d8c].search-area .el-input__inner .el-input__icon{width:.78125vw;height:.78125vw;background:#777}[data-v-71395d8c].search-area .icon{width:.78125vw;height:.78125vw;background-color:#777}.search-area .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px #165ef0}.image-item[data-v-174f1360]{position:relative;width:9.375vw;height:14.322917vw;background:#fff;border-radius:.520833vw;border:1px solid #cdd3d9;padding:.520833vw;margin-top:.520833vw;cursor:pointer;transition:all .1s ease 0s}.image-item[data-v-174f1360]:hover{cursor:default;border-color:#165ef0}.image-item .img-area[data-v-174f1360]{position:relative;width:9.375vw;height:9.375vw;border-radius:.833333vw}.image-item .img-area .img[data-v-174f1360]{width:9.375vw;height:9.375vw;-o-object-fit:contain;object-fit:contain}.image-item .img-area .img[data-v-174f1360]:hover{cursor:pointer}.image-item .img-area .scale-box[data-v-174f1360]{position:absolute;width:2.291667vw;height:2.291667vw;right:.260417vw;top:.260417vw;display:flex;justify-content:center;align-items:center}.image-item .img-area .scale-box .scale[data-v-174f1360]{width:2.291667vw;height:2.291667vw;background:rgba(0,0,0,.2);border-radius:.416667vw .416667vw .416667vw .416667vw;display:flex;justify-content:center;align-items:center}.image-item .img-area .scale-box .scale[data-v-174f1360]:hover{background:rgba(0,0,0,.3)}.image-item .img-area .scale-box .icon[data-v-174f1360]{width:1.25vw;height:1.25vw;font-size:1.25vw;line-height:1.25vw;border-radius:.416667vw .416667vw .416667vw .416667vw}.image-item .img-area .scale-box .icon[data-v-174f1360]:hover{cursor:pointer}.image-item .file-name[data-v-174f1360]{margin-top:1.041667vw;width:9.375vw;height:2.1875vw;font-size:.833333vw;font-weight:700;color:#161616;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.image-item .info[data-v-174f1360]{position:relative;display:flex;justify-content:space-between;margin-top:.729167vw}.image-item .info .size[data-v-174f1360]{height:.78125vw;font-size:.78125vw;line-height:.78125vw;color:#777}.image-list[data-v-9622ee9c]{position:relative;width:23.4375vw;height:calc(100vh - 21.35417vw)!important;margin-top:1.40625vw;overflow-x:hidden;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:space-evenly}.image-list[data-v-9622ee9c]::-webkit-scrollbar{width:.15625vw}.image-list[data-v-9622ee9c]::-webkit-scrollbar-thumb{background-color:#bababa;border-radius:.625vw}.image-list .hidden-img[data-v-9622ee9c]{position:relative;width:10.9375vw;height:15.104167vw}.image-list .bottom[data-v-9622ee9c]{width:100%;height:5.208333vw}.bottom-item[data-v-9622ee9c]{width:100%;height:2.604167vw}.image-area{background-color:#fff;position:relative}.image-area .el-upload-dragger{width:auto}.image-area .el-drawer.btt{width:25.520833vw!important;height:calc(100vh - 4.16667vw)!important;background:#fff;box-shadow:0 .833333vw 1.666667vw 0 rgba(0,0,0,.05);border-radius:.520833vw;overflow:hidden;z-index:3000!important}.image-area .el-drawer__body{overflow:hidden;display:flex;flex-direction:column;align-items:center}.image-area .el-drawer__header{margin-bottom:0;padding:.520833vw 1.041667vw 0 1.041667vw}.image-area .image-list{position:relative;height:100%}.add-area[data-v-71054119]{position:relative;display:flex;justify-content:space-between}.add-area .add-img[data-v-71054119],.add-area .add-text[data-v-71054119],.add-area .btn[data-v-71054119]{width:11.197917vw;height:5.208333vw;border-radius:.3125vw;border:1px dashed #cdd3d9;margin:1.041667vw 0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#777;cursor:pointer;transition:all .3s ease 0s}.add-area .add-img[data-v-71054119]:hover,.add-area .add-text[data-v-71054119]:hover,.add-area .btn[data-v-71054119]:hover{border:1px dashed #000;background:hsla(0,0%,93.3%,.4)}.add-area .add-img .icon[data-v-71054119],.add-area .add-text .icon[data-v-71054119],.add-area .btn .icon[data-v-71054119]{width:1.666667vw;height:1.666667vw;line-height:1.666667vw;font-size:1.666667vw}.add-area .add-img .title[data-v-71054119],.add-area .add-text .title[data-v-71054119],.add-area .btn .title[data-v-71054119]{font-size:.9375vw;margin-top:.260417vw}.add-area .add-img .image-icon[data-v-71054119]{height:1.666667vw;width:1.666667vw}.layer-operation[data-v-72976e11]{position:relative;display:flex;margin-right:.520833vw}.layer-operation .icon[data-v-72976e11]{width:1.041667vw;height:1.041667vw;line-height:1.041667vw;font-size:1.041667vw;margin:.15625vw;color:#161616;cursor:pointer!important}.image-item[data-v-1670d64b]{margin-bottom:.260417vw;width:23.4375vw;height:3.333333vw;border-radius:.3125vw .3125vw .3125vw .3125vw;cursor:-webkit-grab;cursor:grab;transition:all .5s ease 0s}.image-item .item-inner[data-v-1670d64b],.image-item[data-v-1670d64b]{display:flex;justify-items:center;align-items:center}.image-item .item-inner .move-box[data-v-1670d64b]{width:2.083333vw;height:2.083333vw;display:flex;align-items:center;justify-content:center}.image-item .item-inner .move-box .move-icon[data-v-1670d64b]{width:1.041667vw;height:1.041667vw}.image-item .item-inner .icon-body[data-v-1670d64b]{width:2.291667vw;height:2.291667vw;background:#fff;border-radius:.3125vw .3125vw .3125vw .3125vw;border:1px solid #165ef0}.image-item .item-inner .icon-body img[data-v-1670d64b]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-item .item-inner .img-info[data-v-1670d64b]{margin-left:.520833vw;margin-right:.520833vw;width:13.333333vw;height:2.291667vw;display:flex;align-items:center}.image-item .item-inner .img-info .info-box[data-v-1670d64b]{width:13.333333vw;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-item .item-inner .img-info .info-box .title[data-v-1670d64b]{font-weight:500;font-size:.729167vw;color:#161616;line-height:.9375vw}.image-item .item-inner .img-info .info-box .quality[data-v-1670d64b]{margin-top:.208333vw;display:flex;align-items:center;flex-wrap:wrap;font-weight:500;font-size:.625vw;line-height:.833333vw}.image-item .item-inner .img-info .info-box .quality .quality-good[data-v-1670d64b]{color:#3cca1d}.image-item .item-inner .img-info .info-box .quality .quality-normal[data-v-1670d64b]{color:#e2c202}.image-item .item-inner .img-info .info-box .quality .quality-bad[data-v-1670d64b]{color:#f01616}.text-item[data-v-680efc82]{margin-bottom:.260417vw;width:23.4375vw;height:3.333333vw;border-radius:.3125vw .3125vw .3125vw .3125vw;cursor:-webkit-grab;cursor:grab;transition:all .5s ease 0s}.text-item .item-inner[data-v-680efc82],.text-item[data-v-680efc82]{display:flex;justify-items:center;align-items:center}.text-item .item-inner .move-box[data-v-680efc82]{width:2.083333vw;height:2.083333vw;display:flex;align-items:center;justify-content:center}.text-item .item-inner .move-box .move-icon[data-v-680efc82]{width:1.041667vw;height:1.041667vw}.text-item .item-inner .text-box[data-v-680efc82]{width:2.291667vw;height:2.291667vw;background:#fff;border-radius:.3125vw .3125vw .3125vw .3125vw;border:1px solid #165ef0;display:flex;align-items:center;justify-content:center}.text-item .item-inner .text-box .text-icon[data-v-680efc82]{height:1.041667vw;width:1.041667vw}.text-item .item-inner .input-box[data-v-680efc82]{margin-left:.520833vw;margin-right:.520833vw;width:13.333333vw;height:100%;display:flex;align-items:center;justify-content:center}.text-item .item-inner .input-box .font-input[data-v-680efc82]{width:13.333333vw;height:2.291667vw;background:#fff;border-radius:.3125vw .3125vw .3125vw .3125vw;border:1px solid #165ef0}.color-item[data-v-665d7e83]{margin-bottom:.260417vw;width:23.4375vw;height:3.333333vw;border-radius:.3125vw .3125vw .3125vw .3125vw;cursor:-webkit-grab;cursor:grab;transition:all .5s ease 0s}.color-item .item-inner[data-v-665d7e83],.color-item[data-v-665d7e83]{display:flex;justify-items:center;align-items:center}.color-item .item-inner .move-box[data-v-665d7e83]{width:2.083333vw;height:2.083333vw;display:flex;align-items:center;justify-content:center;border-radius:.3125vw .3125vw .3125vw .3125vw}.color-item .item-inner .move-box .move-icon[data-v-665d7e83]{width:1.041667vw;height:1.041667vw}.color-item .item-inner .color-box[data-v-665d7e83]{width:2.291667vw;height:2.291667vw;background:#fff;border-radius:.3125vw .3125vw .3125vw .3125vw}.color-item .item-inner .text-box[data-v-665d7e83]{margin-left:.520833vw;margin-right:.520833vw;width:13.333333vw;height:100%;display:flex;align-items:center;font-size:.729167vw;color:#161616;line-height:.9375vw;text-align:left}.layers[data-v-0e25d5d1]{position:relative;padding:.78125vw 0;border-bottom:1px solid #eee}.layers .title[data-v-0e25d5d1]{font-size:.9375vw;font-weight:700;color:#161616;line-height:.9375vw;margin-bottom:1.041667vw}.layers .layer-body[data-v-0e25d5d1]{min-height:10.15625vw;max-height:21.875vw;width:23.4375vw;overflow-y:auto;overflow-x:hidden}.layers .layer-body[data-v-0e25d5d1]::-webkit-scrollbar{width:.15625vw}.layers .layer-body[data-v-0e25d5d1]::-webkit-scrollbar-thumb{background-color:#bababa;border-radius:.625vw}.layers .layer-hint-box[data-v-0e25d5d1]{margin-top:.260417vw;height:.9375vw;width:100%}.layers .layer-hint-box .layer-hint[data-v-0e25d5d1]{height:.9375vw;font-size:.729167vw;line-height:.9375vw;font-weight:500;color:#777}.operation-icon[data-v-3e72d7d1]{width:1.458333vw;height:1.458333vw;line-height:1.458333vw;font-size:1.458333vw;color:#3e3f42;cursor:pointer;transition:all .3s ease 0s;margin:0 .260417vw}.operation-icon[data-v-3e72d7d1]:hover{color:#1261ff}.title{margin-left:.520833vw;margin-top:1.302083vw;margin-bottom:.260417vw;font-weight:500;font-size:.729167vw;color:#777;line-height:.9375vw}.change-font-family{width:99%;height:2.291667vw;display:flex;align-items:center}.change-font-family .el-select.el-select--small{border-radius:.3125vw;width:100%;height:2.291667vw;line-height:2.291667vw;padding-left:.520833vw;padding-right:.520833vw}.change-font-family .el-select.el-select--small .el-input.el-input--small.el-input--suffix{height:2.291667vw}.change-font-family .icon-box{width:2.291667vw;height:2.291667vw;display:flex;justify-content:center;align-items:center}.change-font-family .icon-box .icon{width:1.041667vw;height:1.041667vw;cursor:pointer}.input-item[data-v-19374b40]{position:relative;width:10.416667vw;height:4.166667vw;padding-left:.520833vw;padding-right:.520833vw;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-item .input-item-title[data-v-19374b40]{margin-bottom:.520833vw;font-weight:500;font-size:.729167vw;color:#777;line-height:.9375vw}.input-item .input-addon[data-v-19374b40]{position:relative;width:100%;height:2.291667vw;display:flex}.input-item .input-addon .input[data-v-19374b40]{width:100%;height:2.291667vw;background:#fff;border-radius:.3125vw .3125vw .3125vw .3125vw;border:1px solid #cdd3d9;padding-left:2.291667vw;padding-right:1.458333vw;color:#3f3f3f;transition:border-color .2s,box-shadow .2s;outline:none;text-align:center}.input-item .input-addon .input[data-v-19374b40]:focus,.input-item .input-addon .input[data-v-19374b40]:hover{border-color:#6c9dfc}.input-item .input-color[data-v-19374b40]{position:relative;width:100%;height:2.291667vw;display:flex;border-radius:.3125vw;color:#3f3f3f;background-color:#fff;border:.15625vw solid #e6e6e6;transition:border-color .2s,box-shadow .2s;cursor:pointer}.input-item .input-color[data-v-19374b40]:focus,.input-item .input-color[data-v-19374b40]:hover{border-color:#6c9dfc}.input-item .input-color .color-title[data-v-19374b40]{position:absolute;font-size:.78125vw;width:2.604167vw;height:1.041667vw;text-align:center;left:calc(50% - 1.30208vw);top:calc(50% - .52083vw)}.icon-after[data-v-19374b40],.icon-base[data-v-19374b40],.icon-pre[data-v-19374b40],.icon-pull[data-v-19374b40]{position:absolute;width:1.25vw;height:1.25vw;line-height:1.25vw;font-size:1.25vw;color:#3e3f42;top:50%;transform:translateY(-50%)}.icon-pre[data-v-19374b40]{left:.625vw;pointer-events:none}.icon-after[data-v-19374b40]{right:.364583vw;cursor:ns-resize!important;font-size:.78125vw;-webkit-user-drag:none}.icon-pull[data-v-19374b40]{pointer-events:none;right:.364583vw;font-size:.78125vw}.input-item .input-color .color-item[data-v-19374b40]{width:2.083333vw;height:2.083333vw}.input-item .input-color .color-item .el-color-picker.el-tooltip__trigger.el-tooltip__trigger[data-v-19374b40]{display:flex;width:2.083333vw;height:2.083333vw;justify-content:center;align-items:center}.input-item .input-color .color-item .el-color-picker.el-tooltip__trigger.el-tooltip__trigger .el-color-picker__trigger[data-v-19374b40]{padding:0;width:1.5625vw;height:1.5625vw}.settings[data-v-6b277327]{position:relative;width:23.4375vw;margin-top:.260417vw}.settings .s-title[data-v-6b277327]{height:.9375vw;font-size:.9375vw;line-height:.9375vw;font-weight:700;color:#161616}.settings .s-body[data-v-6b277327]{padding-bottom:13.020833vw;position:relative;width:23.4375vw}.settings .s-body[data-v-6b277327]::-webkit-scrollbar{width:.15625vw}.settings .s-body[data-v-6b277327]::-webkit-scrollbar-thumb{background-color:#bababa;border-radius:.625vw}.settings .s-body .s-icon[data-v-6b277327],.settings .s-body .s-input-area[data-v-6b277327]{display:flex;flex-wrap:wrap;width:19.791667vw;gap:.3125vw;margin-top:.520833vw}.settings .s-body .s-input-area[data-v-6b277327]{width:23.4375vw;flex-wrap:wrap;margin-top:1.041667vw}.operation-area[data-v-311bd168]{max-height:calc(100vh - 4.16667vw);position:relative;max-width:26.041667vw;min-width:23.4375vw;background-color:#fff;border-right:1px solid #cdd3d9;padding:0 1.041667vw;overflow-y:scroll;overflow-x:auto}.operation-area.x[data-v-311bd168]{white-space:nowrap}.operation-area[data-v-311bd168]::-webkit-scrollbar{width:.260417vw;height:.520833vw}.operation-area[data-v-311bd168]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.520833vw}.thumbnail[data-v-bbe4269c]{width:7.291667vw;height:calc(100vh - 12.5vw);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.thumbnail[data-v-bbe4269c]::-webkit-scrollbar{width:.15625vw}.thumbnail[data-v-bbe4269c]::-webkit-scrollbar-thumb{background-color:#bababa;border-radius:.625vw}.thumbnail .thumbnail-item[data-v-bbe4269c]{position:relative;width:5.208333vw;margin:.520833vw;cursor:pointer}.thumbnail .thumbnail-item .img[data-v-bbe4269c]{width:5.208333vw;height:5.208333vw;border-radius:.3125vw;border:.15625vw solid transparent;transition:all .1s ease 0s}.thumbnail .thumbnail-item .img[data-v-bbe4269c]:hover{border-color:#000}.thumbnail .thumbnail-item .name[data-v-bbe4269c]{margin-top:.208333vw;width:5.208333vw;height:1.875vw;font-weight:400;font-size:.729167vw;color:#161616;line-height:.9375vw;text-align:center}.thumbnail .thumbnail-item .status[data-v-bbe4269c]{position:absolute;right:0;top:0;width:.729167vw;height:.729167vw;border-radius:50%}.canvas-view[data-v-cf98b8c2]{width:100%;height:calc(100vh - 10.41667vw);margin-right:1.041667vw}.canvas-view #canvasBox[data-v-cf98b8c2]{display:flex;justify-content:center;align-items:center}.design-area[data-v-d5a955d6]{position:relative;flex:1;margin-top:1.041667vw;height:calc(100% - 1.04167vw)}.design-area .main-design[data-v-d5a955d6]{display:flex;justify-content:space-between}.preview-canvas[data-v-050ffa70]{margin-top:1.041667vw;width:21.354167vw;height:21.354167vw;display:flex;justify-content:center;align-items:center;position:relative}.preview-canvas .progress-box-background[data-v-050ffa70],.preview-canvas .progress-box[data-v-050ffa70]{z-index:2000;position:absolute;top:0;left:0;width:21.354167vw;height:21.354167vw;background-color:#fff;opacity:.6}.preview-canvas .progress-box-background[data-v-050ffa70]{z-index:999;opacity:1}.preview-canvas .progress[data-v-050ffa70]{z-index:2001;position:absolute;height:1.041667vw;width:95%;top:48%;left:5%}.preview-canvas .preview-image[data-v-050ffa70]{height:100%;width:100%;cursor:pointer}.preview-canvas .scale-box[data-v-050ffa70]{position:absolute;width:2.291667vw;height:2.291667vw;right:.520833vw;top:.520833vw;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:.416667vw;background:rgba(0,0,0,.2)}.preview-canvas .scale-box[data-v-050ffa70]:hover{background:rgba(0,0,0,.3)}.preview-canvas .scale-box .scale[data-v-050ffa70]{width:2.291667vw;height:2.291667vw;border-radius:.416667vw;display:flex;justify-content:center;align-items:center}.preview-canvas .scale-box .icon[data-v-050ffa70]{width:1.25vw;height:1.25vw;font-size:1.25vw}.thumbnails[data-v-10f77a95]{display:flex;margin-top:2.083333vw;width:21.354167vw;height:5.208333vw;overflow-x:auto!important;overflow-y:hidden!important}.thumbnails .thumbnail-img[data-v-10f77a95]{width:5.208333vw;height:5.208333vw;border-radius:.3125vw .3125vw .3125vw .3125vw;margin-right:.520833vw;cursor:pointer}.show-preview-area[data-v-6eeb59b6]{position:relative;padding-left:.520833vw;padding-right:.520833vw;width:23.4375vw;height:100vh;background-color:#fff;border-left:1px solid #eee}.history[data-v-ab5bae0e]{position:relative;display:flex;width:7.291667vw}.history .icon[data-v-ab5bae0e]{width:1.041667vw;height:1.041667vw;line-height:1.041667vw;font-size:1.041667vw;cursor:pointer;transition:all .3s ease 0s;margin-left:2.083333vw}.history .icon[data-v-ab5bae0e]:hover{color:rgba(0,0,0,.5)}.background-color[data-v-17926953]{position:relative;width:8.645833vw;height:2.291667vw;display:flex;border-radius:.3125vw;color:#3f3f3f;background-color:#fff;border:1px solid #e6e6e6;transition:border-color .2s,box-shadow .2s;cursor:pointer;margin-left:1.041667vw}.background-color[data-v-17926953]:focus,.background-color[data-v-17926953]:hover{border-color:#6c9dfc}.background-color .icon-base[data-v-17926953],.background-color .icon-pull[data-v-17926953]{position:absolute;width:1.041667vw;height:1.041667vw;line-height:1.041667vw;font-size:1.041667vw;color:#3e3f42;top:50%;transform:translateY(-50%)}.background-color .color-title[data-v-17926953]{position:absolute;font-size:.78125vw;width:2.604167vw;height:1.041667vw;text-align:center;left:calc(50% - 1.5625vw);top:calc(50% - .52083vw)}.background-color .icon-pull[data-v-17926953]{margin-top:.625vw;margin-bottom:.625vw;pointer-events:none;right:.208333vw;font-size:.625vw;color:#000}.background-color .color-item{width:2.083333vw;height:2.083333vw}.background-color .color-item .el-color-picker.el-tooltip__trigger.el-tooltip__trigger{display:flex;width:2.083333vw;height:2.083333vw;justify-content:center;align-items:center}.background-color .color-item .el-color-picker.el-tooltip__trigger.el-tooltip__trigger .el-color-picker__trigger{padding:0;width:1.5625vw;height:1.5625vw}.clear[data-v-2a89fe88]{position:relative;width:2.291667vw;height:2.291667vw;margin-left:1.041667vw;display:flex;justify-content:center;align-items:center}.clear .icon[data-v-2a89fe88]{line-height:1.5625vw;font-size:1.5625vw;color:#999;transition:all .1s ease 0s;cursor:pointer}.clear .icon[data-v-2a89fe88]:hover{color:#161616}.preview-header[data-v-a29adf14]{position:relative;height:4.166667vw;width:100%;border-bottom:1px solid #eee;display:flex;align-items:center}.info-icon[data-v-a29adf14]{position:absolute;right:1.302083vw;height:1.041667vw;width:1.041667vw}.info-icon[data-v-a29adf14]:hover{cursor:pointer}.tool-tip-box[data-v-a29adf14]{width:19.791667vw;height:7.083333vw;padding:1.041667vw;border-radius:.3125vw .3125vw .3125vw .3125vw}.tool-tip-box .tool-tip-title[data-v-a29adf14]{height:1.041667vw;font-weight:500;font-size:.833333vw;color:#161616;line-height:1.041667vw;margin-bottom:1.041667vw}.tool-tip-box .tool-tip-content[data-v-a29adf14]{width:100%;font-size:.729167vw;color:#777;line-height:.885417vw;word-break:keep-all;white-space:normal}.pattern-item[data-v-ce0cff2a]{position:relative;width:100%;height:5.989583vw;border-top:1px solid #cdd3d9}.pattern-item .item-title[data-v-ce0cff2a]{margin-top:1.041667vw;font-weight:500;color:#777;height:1.09375vw;font-size:.833333vw;line-height:1.09375vw}.pattern-item .item-body[data-v-ce0cff2a]{position:relative;display:flex;width:100%;height:3.333333vw;align-items:center;justify-content:space-around}.pattern-item .item-body .item-body-icon[data-v-ce0cff2a]{width:1.041667vw;height:1.041667vw;line-height:1.041667vw;font-size:1.041667vw}.pattern-item .item-body .item-body-input[data-v-ce0cff2a]{flex:1;height:2.291667vw}.pattern-item .item-body .switch-area[data-v-ce0cff2a]{position:relative;display:flex}.pattern-area[data-v-49b7901d]{position:absolute;min-width:15.104167vw;transform:none;width:15.625vw;box-shadow:0 .833333vw 1.666667vw 0 rgba(0,0,0,.05);border-radius:.520833vw .520833vw .520833vw .520833vw;transition:opacity .2s,transform .2s;background-color:#fff;padding:1.041667vw;left:25.520833vw;top:0}.pattern-area .pattern-header[data-v-49b7901d]{position:relative;display:flex}.pattern-area .pattern-header .title[data-v-49b7901d]{height:1.09375vw;font-weight:700;font-size:.833333vw;color:#161616;line-height:1.09375vw;margin:1.041667vw 0}.pattern-area .pattern-list[data-v-49b7901d]{position:relative}.preview-body[data-v-14efc421]{position:relative;width:100%;height:calc(100vh - 4.16667vw);display:flex;background:#fff}.preview-body .preview-area[data-v-14efc421]{position:relative;height:100%;width:100%}.preview-body .preview-area .pre-container[data-v-14efc421]{position:relative;display:flex;width:100%;height:calc(100% - 4.16667vw)}.dialog[data-v-3596b0fc] .el-dialog__title{font-weight:700;font-size:.833333vw;color:#161616;line-height:1.09375vw}.dialog[data-v-3596b0fc] .el-dialog__close{width:.729167vw;height:.729167vw;color:#161616;font-weight:700}.dialog[data-v-3596b0fc] .el-dialog{width:35%;margin-left:32.5%;margin-right:32.5%;margin-top:25vh!important}.dialog .dialog-inner-box[data-v-3596b0fc]{display:flex;width:100%}.dialog .dialog-inner-box .warning-icon-box[data-v-3596b0fc]{height:1.354167vw;width:1.354167vw;display:flex;align-items:center;justify-content:center}.dialog .dialog-inner-box .warning-icon-box .warning-icon[data-v-3596b0fc]{height:1.041667vw;width:1.041667vw}.dialog .dialog-inner-box .dialog-text[data-v-3596b0fc]{margin-left:.520833vw;font-size:.833333vw;color:#000;line-height:1.354167vw}.dialog .dialog-inner-box .dialog-text .main-text[data-v-3596b0fc]{font-weight:700;font-size:.729167vw;color:#161616;line-height:1.458333vw}.dialog .dialog-inner-box .dialog-text .sub-text[data-v-3596b0fc]{font-size:.729167vw;color:#777;line-height:1.25vw}.button-box[data-v-3596b0fc]{margin-top:2.083333vw;display:flex;align-items:flex-end;justify-content:flex-end}.button-box .cancel-button[data-v-3596b0fc]{width:10.416667vw;height:2.083333vw;border-radius:.3125vw .3125vw .3125vw .3125vw;border:1px solid #000;color:#000}.button-box .confirm-button[data-v-3596b0fc]{width:10.416667vw;height:2.083333vw;background:#000;border-radius:.3125vw .3125vw .3125vw .3125vw;color:#fff}.dialog[data-v-f1ec5166] .el-dialog__title{font-weight:700;font-size:.833333vw;color:#161616;line-height:1.09375vw}.dialog[data-v-f1ec5166] .el-dialog__close{width:.729167vw;height:.729167vw;color:#161616;font-weight:700}.dialog[data-v-f1ec5166] .el-dialog{width:35%;margin-left:32.5%;margin-right:32.5%;margin-top:25vh!important}.dialog .dialog-inner-box[data-v-f1ec5166]{display:flex;width:100%}.dialog .dialog-inner-box .left[data-v-f1ec5166]{width:3.645833vw;height:3.125vw;font-weight:500;font-size:.729167vw;color:#161616;line-height:1.458333vw}.dialog .dialog-inner-box .right[data-v-f1ec5166]{width:calc(100% - 3.64583vw);height:3.125vw}.dialog .dialog-inner-box .right .dialog-text[data-v-f1ec5166]{margin-left:.520833vw;font-size:.833333vw;color:#000;line-height:1.354167vw}.dialog .dialog-inner-box .right .dialog-text .main-text-box[data-v-f1ec5166]{display:flex}.dialog .dialog-inner-box .right .dialog-text .main-text-box .warning-icon-box[data-v-f1ec5166]{height:1.458333vw;width:1.458333vw;display:flex;align-items:center;justify-content:center}.dialog .dialog-inner-box .right .dialog-text .main-text-box .warning-icon-box .warning-icon[data-v-f1ec5166]{height:1.041667vw;width:1.041667vw}.dialog .dialog-inner-box .right .dialog-text .main-text-box .main-text[data-v-f1ec5166]{margin-left:.260417vw;font-weight:700;font-size:.729167vw;color:#161616;line-height:1.458333vw}.dialog .dialog-inner-box .right .dialog-text .sub-text[data-v-f1ec5166]{width:90%;margin-left:1.71875vw;font-size:.729167vw;color:#777;line-height:1.25vw}.button-box[data-v-f1ec5166]{margin-top:2.083333vw;display:flex;align-items:flex-end;justify-content:flex-end}.button-box .cancel-button[data-v-f1ec5166]{width:10.416667vw;height:2.083333vw;border-radius:.3125vw .3125vw .3125vw .3125vw;border:1px solid #000;color:#000}.button-box .confirm-button[data-v-f1ec5166]{width:10.416667vw;height:2.083333vw;background:#000;border-radius:.3125vw .3125vw .3125vw .3125vw;color:#fff}.aop-preview{position:fixed;z-index:999;width:100vw;height:100vh;inset:0;overflow-y:hidden;overflow-x:auto}.aop-preview .aop-container{width:100%;height:100%;transition:all .3s ease 0s;background-color:#f2f2f2}.detail-box[data-v-28bcc66a]{margin-top:2.083333vw;margin-left:11.5%;margin-right:11.5%;width:77%}.detail-box .backBtn[data-v-28bcc66a]{font-size:.989583vw;color:#000;text-align:left;font-style:normal;text-transform:none}.detail-info-box-bottom[data-v-28bcc66a]{margin-top:1.666667vw;margin-bottom:7.8125vw;width:100%;min-height:18.229167vw}.detail-info-box-bottom .description[data-v-28bcc66a]{font-size:1.041667vw;font-weight:700;color:#000;line-height:1.354167vw}.detail-info-box-bottom .description-content[data-v-28bcc66a]{margin-top:1.041667vw;width:100%;color:#000;line-height:1.354167vw;font-size:.833333vw;font-weight:700}.detail-info-box[data-v-28bcc66a]{margin-top:1.770833vw;height:41.666667vw;display:flex}.detail-info-box .media-list-box[data-v-28bcc66a]{height:41.666667vw;width:7.291667vw}.detail-info-box .media-list-box .media-list[data-v-28bcc66a]{overflow-y:auto;width:7.291667vw;height:41.666667vw}.detail-info-box .media-list-box .media-list .media-item[data-v-28bcc66a]{width:5.989583vw;height:5.989583vw;border-radius:.3125vw .3125vw .3125vw .3125vw;margin-bottom:1.041667vw}.detail-info-box .media-list-box .media-list .media-item[data-v-28bcc66a]:hover{cursor:pointer}.detail-info-box .display-media-box[data-v-28bcc66a]{margin-left:1%;margin-right:1%;width:40.625vw;height:40.625vw}.detail-info-box .display-media-box .display-media[data-v-28bcc66a]{width:40.625vw;height:40.625vw}.detail-info-box .detail-info[data-v-28bcc66a]{width:26.041667vw}.detail-info-box .detail-info .info-item1[data-v-28bcc66a]{width:20.833333vw;font-size:1.041667vw;font-weight:600;color:#000;line-height:1.25vw}.detail-info-box .detail-info .info-item2[data-v-28bcc66a]{margin-top:1.666667vw;height:2.083333vw;width:26.041667vw;display:flex;align-items:center}.detail-info-box .detail-info .info-item2 .plus-icon-div-box[data-v-28bcc66a]{width:4.322917vw;height:1.666667vw}.detail-info-box .detail-info .info-item2 .plus-icon-div-box .plus-icon-div[data-v-28bcc66a]{width:4.322917vw;height:1.666667vw;background:#e9f3ff;border-radius:.208333vw .208333vw .208333vw .208333vw;border:1px solid #3e97ff}.detail-info-box .detail-info .info-item2 .plus-icon-div-box .plus-icon-div[data-v-28bcc66a] :hover{cursor:default}.detail-info-box .detail-info .info-item2 .plus-icon-div-box .plus-icon-div .plus-icon-inner-div[data-v-28bcc66a]{display:flex;align-items:center;width:100%;height:100%}.detail-info-box .detail-info .info-item2 .plus-icon-div-box .plus-icon-div .plus-icon-inner-div .plus-icon[data-v-28bcc66a]{margin-left:.520833vw;margin-right:.416667vw;width:.833333vw;height:.833333vw}.detail-info-box .detail-info .info-item2 .plus-icon-div-box .plus-icon-div .plus-icon-inner-div .plus-icon-text[data-v-28bcc66a]{width:1.614583vw;height:.885417vw;font-size:.729167vw;color:#3e97ff;line-height:.885417vw}.detail-info-box .detail-info .info-item2 .info-item2-text[data-v-28bcc66a]{width:21.71875vw;height:2.083333vw;font-weight:400;font-size:.729167vw;color:#000;line-height:.885417vw;text-align:right;font-style:normal;text-transform:none}.detail-info-box .detail-info .info-item3[data-v-28bcc66a]{margin-top:1.041667vw;font-size:.729167vw;color:#999;line-height:.885417vw}.detail-info-box .detail-info .info-item5[data-v-28bcc66a]{align-items:center;height:auto;width:20.833333vw;display:flex;flex-wrap:wrap}.detail-info-box .detail-info .info-item5 .skuList-item[data-v-28bcc66a]{margin-right:.78125vw;margin-top:.729167vw;width:5.9375vw;height:5.9375vw;border-radius:.3125vw .3125vw .3125vw .3125vw}.detail-info-box .detail-info .info-item5 .skuList-item[data-v-28bcc66a]:hover{cursor:pointer}.detail-info-box .detail-info .info-item6[data-v-28bcc66a]{margin-top:1.666667vw;width:20.833333vw;height:1.041667vw;font-weight:500;font-size:.833333vw;color:#000;line-height:1.041667vw}.detail-info-box .detail-info .info-item7[data-v-28bcc66a]{margin-top:.729167vw;font-size:.729167vw;color:#000;line-height:.885417vw}.detail-info-box .detail-info .info-item7 .popper-box[data-v-28bcc66a]{width:20.833333vw;height:1.041667vw}.detail-info-box .detail-info .info-item7 .popper-box .available[data-v-28bcc66a]:hover{cursor:pointer;font-weight:700}.detail-info-box .detail-info .info-item8[data-v-28bcc66a]{margin-top:1.666667vw;display:flex;justify-content:center}.detail-info-box .detail-info .info-item8 .customize-button[data-v-28bcc66a],.detail-info-box .detail-info .info-item8 .disabled-button[data-v-28bcc66a]{font-size:.833333vw;width:100%;height:2.083333vw;background-color:#000;border-radius:.3125vw .3125vw .3125vw .3125vw;color:#fff}.detail-info-box .detail-info .info-item8 .customize-button[data-v-28bcc66a]:hover,.detail-info-box .detail-info .info-item8 .disabled-button[data-v-28bcc66a]:hover{cursor:pointer;opacity:.8}.detail-info-box .detail-info .info-item8 .disabled-button[data-v-28bcc66a]{opacity:1;cursor:not-allowed!important}.detail-info-box .detail-info .info-item8 .disabled-button[data-v-28bcc66a]:hover{opacity:1}.content-sku-option-box[data-v-28bcc66a]{margin-top:1.25vw}.content-sku-option-box .content-sku-item[data-v-28bcc66a]{margin-top:.260417vw}.content-sku-option-box .content-sku-item .content-sku-item-label[data-v-28bcc66a]{font-size:.9375vw;font-weight:700;line-height:.9375vw;color:#000}.content-sku-option-box .content-sku-item .content-sku-attr-list[data-v-28bcc66a]{display:flex;flex-wrap:wrap;margin-top:.729167vw}.content-sku-option-box .content-sku-item .content-sku-attr-list .content-sku-attr-item[data-v-28bcc66a]{font-size:.625vw;cursor:pointer;line-height:1;border:1px solid #dcdcdc;margin-right:.520833vw;margin-bottom:.520833vw;border-radius:.208333vw;padding:.625vw;box-sizing:border-box}.content-sku-option-box .content-sku-item .content-sku-attr-list .content-sku-attr-item.active[data-v-28bcc66a]{background:#000;border:1px solid #000;color:#fff}.content-sku-option-box .content-sku-item .content-sku-color-top[data-v-28bcc66a]{display:flex;align-items:center}.content-sku-option-box .content-sku-item .content-sku-color-top .content-sku-color-select-text[data-v-28bcc66a]{margin-left:1.5625vw;font-size:.729167vw;font-weight:300;line-height:.9375vw;color:#000}.content-sku-option-box .content-sku-item .content-sku-color-list[data-v-28bcc66a]{margin-top:.729167vw;display:flex;flex-wrap:wrap;justify-content:space-between}.content-sku-option-box .content-sku-item .content-sku-color-list .content-sku-color-item-box[data-v-28bcc66a]{border:1px solid #dcdcdc;width:11%;margin-right:.520833vw;margin-bottom:.520833vw;border-radius:50%;padding:.15625vw;box-sizing:border-box}.content-sku-option-box .content-sku-item .content-sku-color-list .content-sku-color-item-box.active[data-v-28bcc66a]{border:1px solid #000}.content-sku-option-box .content-sku-item .content-sku-color-list .content-sku-color-item-box .content-sku-color-item[data-v-28bcc66a]{border-radius:50%}.content-sku-option-box .content-sku-item .content-sku-color-list .content-sku-color-item-box .content-sku-color-item[data-v-28bcc66a]:before{content:"";padding-top:100%;display:block}.content-sku-option-box .content-sku-item .content-sku-color-list .content-sku-color-item-box .content-sku-color-item[data-v-28bcc66a]:nth-child(7n+0){margin-right:0}.content-sku-option-box .content-sku-item .content-sku-color-list .no-click[data-v-28bcc66a]{display:flex;justify-content:center;align-items:center;background:#dcdcdc!important}.content-sku-option-box .content-sku-item .content-sku-color-list .no-click .content-sku-color-disabled[data-v-28bcc66a]{display:flex;width:70%;height:70%;border-radius:50%;overflow:hidden;transform:rotate(-45deg);border:.104167vw solid #fff}.content-sku-option-box .content-sku-item .content-sku-color-list .no-click .content-sku-color-disabled .content-sku-color-disabled-item[data-v-28bcc66a]{background:#dcdcdc!important;width:100%;height:100%}.content-sku-option-box .content-sku-item .content-sku-color-list .no-click .content-sku-color-disabled .content-sku-color-disabled-item[data-v-28bcc66a]:nth-child(2){border-left:.104167vw solid #fff}.content-sku-option-box .content-sku-item .content-sku-color-list i[data-v-28bcc66a]{width:11%;margin-right:.520833vw}.content-sku-option-box .content-sku-item .content-sku-image-list[data-v-28bcc66a]{margin-top:.729167vw;display:flex;flex-wrap:wrap;justify-content:space-between}.content-sku-option-box .content-sku-item .content-sku-image-list .content-sku-image-item-box[data-v-28bcc66a]{border:1px solid #dcdcdc;width:22%;margin-right:.520833vw;margin-bottom:.520833vw;padding:.15625vw;box-sizing:border-box}.content-sku-option-box .content-sku-item .content-sku-image-list .content-sku-image-item-box.active[data-v-28bcc66a]{border:1px solid #000}.content-sku-option-box .content-sku-item .content-sku-image-list .content-sku-image-item-box .content-sku-image-item[data-v-28bcc66a]{background-repeat:no-repeat;background-size:100% 100%;background-position:50%}.content-sku-option-box .content-sku-item .content-sku-image-list .content-sku-image-item-box .content-sku-image-item[data-v-28bcc66a]:before{content:"";padding-top:100%;display:block}.content-sku-option-box .content-sku-item .content-sku-image-list .content-sku-image-item-box .content-sku-image-item[data-v-28bcc66a]:nth-child(7n+0){margin-right:0}.content-sku-option-box .content-sku-item .content-sku-image-list .no-click[data-v-28bcc66a]{display:flex;justify-content:center;align-items:center;background:#dcdcdc!important}.content-sku-option-box .content-sku-item .content-sku-image-list .no-click .content-sku-color-disabled[data-v-28bcc66a]{display:flex;width:70%;height:70%;border-radius:50%;overflow:hidden;transform:rotate(-45deg);border:.104167vw solid #fff}.content-sku-option-box .content-sku-item .content-sku-image-list .no-click .content-sku-color-disabled .content-sku-color-disabled-item[data-v-28bcc66a]{background:#dcdcdc!important;width:100%;height:100%}.content-sku-option-box .content-sku-item .content-sku-image-list .no-click .content-sku-color-disabled .content-sku-color-disabled-item[data-v-28bcc66a]:nth-child(2){border-left:.104167vw solid #fff}.content-sku-option-box .content-sku-item .content-sku-image-list i[data-v-28bcc66a]{width:11%;margin-right:.520833vw}