.cropper-box[data-v-79b51f0c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.cropper-box .cropper[data-v-79b51f0c]{width:640px;height:640px}.cropper-box .show-preview[data-v-79b51f0c]{width:250px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.cropper-box .show-preview .preview[data-v-79b51f0c]{overflow:hidden;border:1px solid #ccc;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.cursor-input[data-v-79b51f0c]{width:200px;margin-right:20px}.left[data-v-0625e82c]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.center[data-v-0625e82c],.left[data-v-0625e82c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.center[data-v-0625e82c]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.right[data-v-0625e82c]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.around[data-v-0625e82c],.right[data-v-0625e82c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.around[data-v-0625e82c]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.between[data-v-0625e82c]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.scrollbar[data-v-0625e82c]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.scrollbar[data-v-0625e82c]::-webkit-scrollbar-thumb{background-color:var(--color)}.backgroundLinearGradien[data-v-0625e82c]{background:var(--btnLinear)}.main[data-v-0625e82c]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.main[data-v-0625e82c]::-webkit-scrollbar-thumb{background-color:var(--color)}.canvas-img[data-v-0625e82c]{width:30%}.canvas-img img[data-v-0625e82c]{width:100%}.text-wrapper[data-v-0625e82c]{white-space:pre-wrap}.promotion-text[data-v-0625e82c]{height:550px;overflow:scroll}.promotion-text[data-v-0625e82c]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.promotion-text[data-v-0625e82c]::-webkit-scrollbar-thumb{background-color:var(--color)}.label[data-v-0625e82c]{font-size:16px;font-weight:700}.promotion-textarea[data-v-0625e82c] .el-textarea__inner{border:0;resize:none}.left[data-v-2a80d989]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.center[data-v-2a80d989],.left[data-v-2a80d989]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.center[data-v-2a80d989]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.right[data-v-2a80d989]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.around[data-v-2a80d989],.right[data-v-2a80d989]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.around[data-v-2a80d989]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.between[data-v-2a80d989]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.scrollbar[data-v-2a80d989]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.scrollbar[data-v-2a80d989]::-webkit-scrollbar-thumb{background-color:var(--color)}.backgroundLinearGradien[data-v-2a80d989]{background:var(--btnLinear)}.match-box-wrapper[data-v-2a80d989]{height:100%;background:#efeff4;position:relative;overflow:hidden}.match-box-wrapper .match-left-box[data-v-2a80d989],.match-box-wrapper .match-right-box[data-v-2a80d989]{position:absolute;top:0;bottom:0;padding:10px;background:var(--btnLinear);-webkit-box-sizing:border-box;box-sizing:border-box;opacity:.85}.match-box-wrapper .match-right-box[data-v-2a80d989]{right:0;width:400px}.match-box-wrapper .match-left-switch[data-v-2a80d989]{position:fixed;top:50%;left:0;width:30px;height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#005b50;color:#fff;border-radius:0 100px 100px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .match-left-in[data-v-2a80d989]{-webkit-animation:left-in-data-v-2a80d989 .5s 1ms;animation:left-in-data-v-2a80d989 .5s 1ms}.match-box-wrapper .match-left-box[data-v-2a80d989]{left:0;width:220px;z-index:1}.match-box-wrapper .match-left-box .scene-list[data-v-2a80d989]{position:absolute;top:166px;bottom:0;height:auto;overflow-y:auto}.match-box-wrapper .match-left-box .scene-list[data-v-2a80d989]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.match-box-wrapper .match-left-box .scene-list[data-v-2a80d989]::-webkit-scrollbar-thumb{background-color:var(--color)}.match-box-wrapper .match-left-box .scene-list img[data-v-2a80d989]{width:200px;height:200px;padding:5px;border:1px solid var(--borderColor);-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;border-radius:10px}.match-box-wrapper .match-left-box .scene-list img.cur[data-v-2a80d989]{border-color:var(--color)}.match-box-wrapper .match-left-box .switch[data-v-2a80d989]{position:absolute;top:50%;right:-14%;width:30px;height:60px;background-color:#005b50;color:#fff;border-radius:0 100px 100px 0;-ms-flex-pack:center;-ms-flex-align:center}.match-box-wrapper .match-left-box .switch[data-v-2a80d989],.match-box-wrapper .match-middle-box[data-v-2a80d989]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.match-box-wrapper .match-middle-box[data-v-2a80d989]{right:400px;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;-ms-flex-align:center}.match-box-wrapper .match-middle-box .capture-area[data-v-2a80d989]{position:relative}.match-box-wrapper .match-middle-box .capture-area #the_canvas[data-v-2a80d989]{position:absolute;left:0;top:0;z-index:1;background:#fff}.match-box-wrapper .match-middle-box .capture-area .select-img[data-v-2a80d989]{position:absolute;left:0;top:0;cursor:move;-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px}.match-box-wrapper .match-middle-box .capture-area .select-img.isControl[data-v-2a80d989]{-webkit-transition:border .3s linear;transition:border .3s linear;border:2px dashed #999}.match-box-wrapper .match-middle-box .capture-area .select-img img[data-v-2a80d989]{max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.match-box-wrapper .match-middle-box .capture-area .select-img .icon-item[data-v-2a80d989]{background-color:#fff;border-radius:50px;padding:4px}.match-box-wrapper .match-middle-box .capture-area .select-img .icon-news[data-v-2a80d989]{position:absolute;left:-16px;bottom:-16px;font-size:35px;font-weight:700;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);cursor:pointer}.match-box-wrapper .match-middle-box .capture-area .select-img .iconfont.icon-zoom[data-v-2a80d989]{position:absolute;right:-16px;bottom:-16px;font-size:35px;font-weight:700;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.match-box-wrapper .match-middle-box .capture-area .select-img .iconfont.icon-close[data-v-2a80d989]{position:absolute;width:100%;text-align:center;left:0;top:-30px;font-size:24px;font-weight:700}.match-box-wrapper .match-middle-box .control-box[data-v-2a80d989]{position:absolute;bottom:0;left:0;width:100%;padding:15px;background:hsla(0,0%,100%,.8);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .match-middle-box .control-box .control-item[data-v-2a80d989]{margin:0 20px;color:#666}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont[data-v-2a80d989]{display:block;font-size:30px;text-align:center}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont.is-right[data-v-2a80d989]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont.icon-fanhui.top[data-v-2a80d989]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont.icon-fanhui.bottom[data-v-2a80d989]{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont.icon-fanhui.right[data-v-2a80d989]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.match-box-wrapper .match-middle-box .control-box .control-item p[data-v-2a80d989]{font-size:16px;margin-top:10px}.match-box-wrapper .match-right-switch[data-v-2a80d989]{position:fixed;top:50%;right:0;width:30px;height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#012f46;color:#fff;border-radius:100px 0 0 100px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .match-right-in[data-v-2a80d989]{-webkit-animation:right-in-data-v-2a80d989 .5s 1ms;animation:right-in-data-v-2a80d989 .5s 1ms}.match-box-wrapper .match-right-box .switch[data-v-2a80d989]{position:absolute;top:50%;left:-7%;width:30px;height:60px;background-color:#012f46;color:#fff;border-radius:100px 0 0 100px}.match-box-wrapper .match-right-box .product-nav[data-v-2a80d989],.match-box-wrapper .match-right-box .switch[data-v-2a80d989]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .match-right-box .product-nav .cell[data-v-2a80d989]{text-align:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:16px;color:#fff;height:45px;line-height:45px}.match-box-wrapper .match-right-box .product-nav .cell+.cell[data-v-2a80d989]{border-left:1px solid #fff}.match-box-wrapper .match-right-box .product-nav .cell.cur[data-v-2a80d989]{background:var(--color)}.match-box-wrapper .match-right-box .product-list[data-v-2a80d989]{position:absolute;top:65px;left:15px;right:15px;bottom:50px;height:auto;overflow-y:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.match-box-wrapper .match-right-box .product-list[data-v-2a80d989]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.match-box-wrapper .match-right-box .product-list[data-v-2a80d989]::-webkit-scrollbar-thumb{background-color:var(--color)}.match-box-wrapper .match-right-box .product-list .cover[data-v-2a80d989]{width:175px;height:200px;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:10px;margin-bottom:10px;border-radius:10px;padding:0 5px 8px}.match-box-wrapper .match-right-box .product-list .cover[data-v-2a80d989]:nth-child(2n){margin-right:0}.match-box-wrapper .match-right-box .product-list .cover.cur[data-v-2a80d989]{border-color:#ef883b}.match-box-wrapper .match-right-box .product-list .cover img[data-v-2a80d989]{width:100%}.match-box-wrapper .match-right-box .product-list .cover p[data-v-2a80d989]{font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.match-box-wrapper .match-right-box .product-btns[data-v-2a80d989]{position:absolute;bottom:10px;left:10px;right:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .match-right-box .product-btns .btn+.btn[data-v-2a80d989]{border-left:1px solid #fff}.match-box-wrapper .btn[data-v-2a80d989]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#fff;background:var(--color);width:100%;line-height:40px;border:none;outline:none}.match-box-wrapper .btn i[data-v-2a80d989]{font-size:20px;margin-right:8px}.match-box-wrapper .control-btn[data-v-2a80d989]{position:absolute;right:10px;bottom:10px;width:200px;-webkit-transition:bottom .25s ease-in-out;transition:bottom .25s ease-in-out}.match-box-wrapper .control-btn.open[data-v-2a80d989]{bottom:90px}.match-box-wrapper .scene-btns .btn[data-v-2a80d989]{border-radius:10px;margin-bottom:10px}.match-box-wrapper .canvas-img[data-v-2a80d989]{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .canvas-img .canvas-img-box[data-v-2a80d989]{text-align:center;width:850px;height:700px;background:#fff;border-radius:10px}.match-box-wrapper .canvas-img .canvas-img-box>img[data-v-2a80d989]{width:100%;height:450px;-o-object-fit:contain;object-fit:contain;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);box-shadow:0 2px 5px rgba(0,0,0,.3);margin:25px auto}.match-box-wrapper .canvas-img .canvas-img-box .canvas-info[data-v-2a80d989]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:20px}.match-box-wrapper .canvas-img .canvas-img-box .canvas-info img[data-v-2a80d989]{width:120px;height:120px}.match-box-wrapper .canvas-img .canvas-img-box .canvas-info p[data-v-2a80d989]{text-align:center;margin-top:10px}.match-box-wrapper .match-slide-top-box[data-v-2a80d989]{position:absolute;left:220px;top:0;right:420px;padding:20px 20px 10px;background:hsla(0,0%,100%,.9);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.match-box-wrapper .match-slide-top-box .match-slide-top-item[data-v-2a80d989]{font-size:16px;color:var(--color);text-align:center;margin-right:10px;margin-bottom:10px;border:1px solid var(--color) opacity;border-radius:5px;padding:5px}.match-box-wrapper .match-slide-top-box .match-slide-top-item.cur[data-v-2a80d989]{color:#fff;background:var(--color) opacity}.match-box-wrapper .upload-background-box-wrapper[data-v-2a80d989]{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .upload-background-box-wrapper .upload-background-box-bg[data-v-2a80d989]{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1}.match-box-wrapper .upload-background-box-wrapper .upload-background-box[data-v-2a80d989]{position:relative;text-align:center;background:#fff;border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20px 30px;z-index:100}.match-box-wrapper .upload-background-box-wrapper .upload-background-box img[data-v-2a80d989]{width:380px;height:380px;margin-bottom:20px}.match-box-wrapper .upload-background-box-wrapper .upload-background-box p[data-v-2a80d989]{font-size:18px;margin-bottom:10px}.match-box-wrapper .upload-background-box-wrapper .upload-background-box button[data-v-2a80d989]{font-size:16px;color:#fff;padding:8px 20px;background:var(--color);border:1px solid #fff;border-radius:10px;outline:none;position:relative}.match-box-wrapper .upload-background-box-wrapper .upload-background-box button input[data-v-2a80d989]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}@-webkit-keyframes left-in-data-v-2a80d989{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes left-in-data-v-2a80d989{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes right-in-data-v-2a80d989{0%{-webkit-transform:translate(100%);transform:translate(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes right-in-data-v-2a80d989{0%{-webkit-transform:translate(100%);transform:translate(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@media screen and (min-width:320px){html[data-v-42b4f95a]{font-size:8.5333px!important}}@media screen and (min-width:360px){html[data-v-42b4f95a]{font-size:9.6px!important}}@media screen and (min-width:375px){html[data-v-42b4f95a]{font-size:10px!important}}@media screen and (min-width:384px){html[data-v-42b4f95a]{font-size:10.24px!important}}@media screen and (min-width:411px){html[data-v-42b4f95a]{font-size:10.96px!important}}@media screen and (min-width:414px){html[data-v-42b4f95a]{font-size:11.04px!important}}@media screen and (min-width:448px){html[data-v-42b4f95a]{font-size:11.9467px!important}}@media screen and (min-width:480px){html[data-v-42b4f95a]{font-size:12.8px!important}}@media screen and (min-width:512px){html[data-v-42b4f95a]{font-size:13.6533px!important}}@media screen and (min-width:544px){html[data-v-42b4f95a]{font-size:14.5067px!important}}@media screen and (min-width:576px){html[data-v-42b4f95a]{font-size:15.36px!important}}@media screen and (min-width:608px){html[data-v-42b4f95a]{font-size:16.2133px!important}}@media screen and (min-width:640px){html[data-v-42b4f95a]{font-size:17.0667px!important}}@media screen and (min-width:750px){html[data-v-42b4f95a]{font-size:20px!important}}@media screen and (min-width:768px){html[data-v-42b4f95a]{font-size:20.48px!important}}@media screen and (min-width:800px){html[data-v-42b4f95a]{font-size:21.3333px!important}}@media screen and (min-width:1024px){html[data-v-42b4f95a]{font-size:27.3067px!important}}.bg_img[data-v-42b4f95a]{background-image:url(http://image.v3.findeng.com/dengku/upload_bg.png);background-size:100% 100%;height:100%;width:100%;position:absolute;overflow:hidden}.title[data-v-42b4f95a]{font-size:2.5rem;font-family:"\5B8B\4F53";font-weight:700;color:#fd0505}.content[data-v-42b4f95a]{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:1}.content .bg-img[data-v-42b4f95a]{margin-bottom:5rem}.bg-btn[data-v-42b4f95a]{position:relative;outline:none;width:30rem;height:10.5rem;font-size:4rem;border-radius:2.1rem}.bg-btn .bg-input[data-v-42b4f95a]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.bg-btn i[data-v-42b4f95a]{font-size:5rem}.left[data-v-4f66deda]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.center[data-v-4f66deda],.left[data-v-4f66deda]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.center[data-v-4f66deda]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.right[data-v-4f66deda]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.around[data-v-4f66deda],.right[data-v-4f66deda]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.around[data-v-4f66deda]{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.between[data-v-4f66deda]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.scrollbar[data-v-4f66deda]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.scrollbar[data-v-4f66deda]::-webkit-scrollbar-thumb{background-color:var(--color)}.backgroundLinearGradien[data-v-4f66deda]{background:var(--btnLinear)}.match-box-wrapper[data-v-4f66deda]{height:100%;background:#efeff4;position:relative;overflow:hidden}.match-box-wrapper .match-left-box[data-v-4f66deda],.match-box-wrapper .match-right-box[data-v-4f66deda]{position:absolute;top:0;bottom:0;padding:10px;background:var(--btnLinear);-webkit-box-sizing:border-box;box-sizing:border-box}.match-box-wrapper .match-right-box[data-v-4f66deda]{right:0;width:400px}.match-box-wrapper .match-left-box[data-v-4f66deda]{left:0;width:220px}.match-box-wrapper .match-left-box .scene-list[data-v-4f66deda]{position:absolute;bottom:0;height:auto;overflow-y:auto}.match-box-wrapper .match-left-box .scene-list[data-v-4f66deda]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.match-box-wrapper .match-left-box .scene-list[data-v-4f66deda]::-webkit-scrollbar-thumb{background-color:var(--color)}.match-box-wrapper .match-left-box .scene-list img[data-v-4f66deda]{width:200px;height:200px;padding:5px;border:1px solid var(--borderColor);-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;border-radius:10px}.match-box-wrapper .match-left-box .scene-list img.cur[data-v-4f66deda]{border-color:var(--color)}.match-box-wrapper .match-middle-box[data-v-4f66deda]{position:absolute;top:0;bottom:0;left:220px;right:400px}.match-box-wrapper .match-middle-box #the_canvas[data-v-4f66deda]{position:absolute;left:0;top:0;z-index:1;background:#fff}.match-box-wrapper .match-middle-box .select-img[data-v-4f66deda]{position:absolute;left:0;top:0;width:340px;height:340px;cursor:move;-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px}.match-box-wrapper .match-middle-box .select-img.isControl[data-v-4f66deda]{-webkit-transition:border .3s linear;transition:border .3s linear;border:2px dashed #999}.match-box-wrapper .match-middle-box .select-img img[data-v-4f66deda]{width:100%;height:100%}.match-box-wrapper .match-middle-box .select-img .iconfont.icon-zoom[data-v-4f66deda]{position:absolute;right:-16px;bottom:-16px;font-size:35px;font-weight:700;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.match-box-wrapper .match-middle-box .select-img .iconfont.icon-close[data-v-4f66deda]{position:absolute;width:100%;text-align:center;left:0;top:-30px;font-size:24px;font-weight:700}.match-box-wrapper .match-middle-box .control-box[data-v-4f66deda]{position:absolute;bottom:0;left:0;width:100%;padding:15px;background:hsla(0,0%,100%,.8);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .match-middle-box .control-box .control-item[data-v-4f66deda]{margin:0 20px;color:#666}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont[data-v-4f66deda]{display:block;font-size:30px;text-align:center}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont.is-right[data-v-4f66deda]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont.icon-fanhui.top[data-v-4f66deda]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont.icon-fanhui.bottom[data-v-4f66deda]{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.match-box-wrapper .match-middle-box .control-box .control-item .iconfont.icon-fanhui.right[data-v-4f66deda]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.match-box-wrapper .match-middle-box .control-box .control-item p[data-v-4f66deda]{font-size:16px;margin-top:10px}.match-box-wrapper .match-right-box .product-nav[data-v-4f66deda]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .match-right-box .product-nav .cell[data-v-4f66deda]{text-align:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:16px;color:#fff;height:45px;line-height:45px}.match-box-wrapper .match-right-box .product-nav .cell+.cell[data-v-4f66deda]{border-left:1px solid #fff}.match-box-wrapper .match-right-box .product-nav .cell.cur[data-v-4f66deda]{background:var(--color)}.match-box-wrapper .match-right-box .product-list[data-v-4f66deda]{position:absolute;top:65px;left:15px;right:15px;bottom:50px;height:auto;overflow-y:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.match-box-wrapper .match-right-box .product-list[data-v-4f66deda]::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.match-box-wrapper .match-right-box .product-list[data-v-4f66deda]::-webkit-scrollbar-thumb{background-color:var(--color)}.match-box-wrapper .match-right-box .product-list .cover[data-v-4f66deda]{width:175px;height:200px;border:1px solid var(--borderColor);-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:10px;margin-bottom:10px;border-radius:10px;padding:0 5px 8px}.match-box-wrapper .match-right-box .product-list .cover[data-v-4f66deda]:nth-child(2n){margin-right:0}.match-box-wrapper .match-right-box .product-list .cover.cur[data-v-4f66deda]{border-color:var(--color)}.match-box-wrapper .match-right-box .product-list .cover img[data-v-4f66deda]{width:100%}.match-box-wrapper .match-right-box .product-list .cover p[data-v-4f66deda]{font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.match-box-wrapper .match-right-box .product-btns[data-v-4f66deda]{position:absolute;bottom:10px;left:10px;right:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .match-right-box .product-btns .btn+.btn[data-v-4f66deda]{border-left:1px solid #fff}.match-box-wrapper .btn[data-v-4f66deda]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#fff;background:var(--color);width:100%;line-height:40px;border:none;outline:none}.match-box-wrapper .btn i[data-v-4f66deda]{font-size:20px;margin-right:8px}.match-box-wrapper .control-btn[data-v-4f66deda]{position:absolute;right:10px;bottom:10px;width:200px;-webkit-transition:bottom .25s ease-in-out;transition:bottom .25s ease-in-out}.match-box-wrapper .control-btn.open[data-v-4f66deda]{bottom:90px}.match-box-wrapper .scene-btns .btn[data-v-4f66deda]{border-radius:10px;margin-bottom:10px}.match-box-wrapper .canvas-img[data-v-4f66deda]{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .canvas-img .canvas-img-box[data-v-4f66deda]{text-align:center;width:850px;height:650px;background:#fff;border-radius:10px}.match-box-wrapper .canvas-img .canvas-img-box>img[data-v-4f66deda]{width:80%;height:450px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);box-shadow:0 2px 5px rgba(0,0,0,.3);margin:25px auto}.match-box-wrapper .canvas-img .canvas-img-box .canvas-info[data-v-4f66deda]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .canvas-img .canvas-img-box .canvas-info img[data-v-4f66deda]{width:120px;height:120px}.match-box-wrapper .canvas-img .canvas-img-box .canvas-info p[data-v-4f66deda]{text-align:center;margin-left:20px}.match-box-wrapper .match-slide-top-box[data-v-4f66deda]{position:absolute;left:220px;top:0;right:420px;padding:20px 20px 10px;background:hsla(0,0%,100%,.9);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.match-box-wrapper .match-slide-top-box .match-slide-top-item[data-v-4f66deda]{font-size:16px;color:#034d86;text-align:center;margin-right:10px;margin-bottom:10px;border:1px solid rgba(3,134,117,.8);border-radius:5px;padding:5px}.match-box-wrapper .match-slide-top-box .match-slide-top-item.cur[data-v-4f66deda]{color:#fff;background:rgba(3,134,117,.8)}.match-box-wrapper .upload-background-box-wrapper[data-v-4f66deda]{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.match-box-wrapper .upload-background-box-wrapper .upload-background-box-bg[data-v-4f66deda]{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1}.match-box-wrapper .upload-background-box-wrapper .upload-background-box[data-v-4f66deda]{position:relative;text-align:center;background:#fff;border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20px 30px;z-index:100}.match-box-wrapper .upload-background-box-wrapper .upload-background-box img[data-v-4f66deda]{width:380px;height:380px;margin-bottom:20px}.match-box-wrapper .upload-background-box-wrapper .upload-background-box p[data-v-4f66deda]{font-size:18px;margin-bottom:10px}.match-box-wrapper .upload-background-box-wrapper .upload-background-box button[data-v-4f66deda]{font-size:16px;color:#fff;padding:8px 20px;background:var(--color);border:1px solid #fff;border-radius:10px;outline:none;position:relative}.match-box-wrapper .upload-background-box-wrapper .upload-background-box button input[data-v-4f66deda]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.center,.left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.around,.right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.between{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.scrollbar::-webkit-scrollbar{display:block;width:3px;background-color:#fff}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--color)}.backgroundLinearGradien{background:var(--btnLinear)}.view{background:#efecea;height:100%;position:relative;overflow:hidden}.view .bg{width:100%;height:100%;text-align:center}.view .bg img{width:auto;height:100%;display:block;margin:auto}.view .pimg{position:absolute;top:0;left:0}.view .pimg .box{width:300px;height:300px;position:absolute;top:100px;left:400px;border:2px dashed hsla(0,0%,100%,0)}.view .pimg .on{border:2px dashed rgba(3,134,117,.9)}.view .pimg .on .del,.view .pimg .on .flip,.view .pimg .on .rotate,.view .pimg .on .scale{display:block}.view .pimg #father{width:600px;height:500px;background-color:#e275b8;position:relative}.view .pimg img{width:100%;height:100%}.view .pimg .pimg{position:absolute;cursor:move}.view .pimg .scale{width:20px;height:20px;overflow:hidden;cursor:se-resize;position:absolute;right:-20px;bottom:-20px;background:#fff;padding:10px;border-radius:100px;z-index:600;display:none}.view .pimg .scale img{width:100%}.view .pimg .rotate{overflow:hidden;cursor:move;position:absolute;top:-20px;z-index:600;text-align:center;width:100%;display:none}.view .pimg .rotate img{background:#fff}.view .pimg .del,.view .pimg .rotate img{width:20px;height:20px;padding:10px;border-radius:100px}.view .pimg .del{overflow:hidden;cursor:pointer;position:absolute;top:-20px;right:-20px;z-index:600;background:red;display:none}.view .pimg .del img{width:100%}.view .pimg .flip{width:20px;height:20px;overflow:hidden;cursor:pointer;position:absolute;left:-20px;bottom:-20px;background:#fff;padding:10px;border-radius:100px;z-index:600;display:none}.view .pimg .flip img{width:100%}.view .suspension{position:fixed;right:10px;bottom:280px;background:rgba(3,134,117,.6);padding:15px;border-radius:8px;z-index:999;-webkit-transition:all .3s linear;transition:all .3s linear}.view .suspension button{font-size:16px;display:block;width:120px;background:#038675;color:#fff;font-weight:700;text-align:center;border:0;padding:10px 0;margin-top:10px;border-radius:6px;cursor:pointer}.view .suspension button:first-child{margin-top:0}.view .suspension .on{background:#01574b}.view .suspensionShow{right:10px}.view .suspensionHidden{right:-350px}.view .productData{position:fixed;bottom:0;width:100%;height:140px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px;z-index:999;background:rgba(3,134,117,.6);overflow:hidden;overflow-x:scroll;-webkit-transition:all .3s linear;transition:all .3s linear}.view .productData div{width:130px;height:130px;padding:5px}.view .productData img{width:130px;height:130px;background:hsla(0,0%,100%,.9);border-radius:8px;cursor:pointer}.view .productDataShow{bottom:0}.view .productDataHidden{bottom:-200px}.view .bgData{width:250px;background:rgba(3,134,117,.6);height:75%;position:fixed;top:10px;left:10px;border-radius:6px;z-index:999;-webkit-transition:all .3s linear;transition:all .3s linear}.view .bgData .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px;height:8%}.view .bgData .title div{height:37px;line-height:37px;-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;color:rgba(3,134,117,.9);background:#fff;padding:5px 0;border:0;font-weight:700;border-radius:0 100px 100px 0;text-align:center;cursor:pointer}.view .bgData .title div:first-child{border-radius:100px 0 0 100px}.view .bgData .title .on{background:rgba(3,134,117,.9);color:#fff}.view .bgData .bgList{overflow:hidden;overflow-y:scroll;height:91%}.view .bgData .bgList img{width:95%;margin:2.5%;cursor:pointer}.view .bgDataShow{left:10px}.view .bgDataHidden{left:-280px}.view .scaleX{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}@media screen and (max-width:1023px){.view .bgData{width:150px}.view .bgData .title div{font-size:12px;height:20px;line-height:20px}.view .productData{height:100px}.view .productData div{width:90px;height:90px;padding:5px}.view .productData img{width:100%;height:100%}.view .suspension{padding:10px}.view .suspension button{font-size:12px;width:100px}.view .pimg .box{width:150px;height:150px}.view .pimg .del,.view .pimg .flip,.view .pimg .rotate img,.view .pimg .scale{width:15px;height:15px}}