[data-v-facf1e48] .el-dialog{margin-top:3vh!important}[data-v-facf1e48] .mainText{line-height:20px;font-size:16px}[data-v-facf1e48] .mainText .title{font-size:18px;margin-top:10px;margin-bottom:8px;font-weight:600}[data-v-facf1e48] .mainText p{margin:10px 0}[data-v-facf1e48] .img{width:300px;height:200px;overflow:hidden}[data-v-facf1e48] .img img{-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:top;object-position:top}[data-v-facf1e48] .imageShow_box{display:flex;flex-direction:column}[data-v-facf1e48] .imageShow_box .imageShow{font-size:16px;display:flex;flex-direction:column;margin-bottom:10px;width:100%}[data-v-facf1e48] .imageShow_box .imageShow p{margin:6px 0}.createdialog[data-v-b2fffc86] .el-upload,.createdialog[data-v-b2fffc86] .el-upload-dragger{width:100%}.createdialog[data-v-b2fffc86] .el-tabs__nav{width:100%;overflow:hidden}.createdialog[data-v-b2fffc86] .el-tabs__item:hover{background-color:#ebeafd;color:#000}.createdialog[data-v-b2fffc86] .is-active{background-color:#8882ff!important;color:#fff}.createdialog[data-v-b2fffc86] .el-tabs__item{height:46px;line-height:46px;background-color:#eee;width:50%}.createdialog[data-v-b2fffc86] .el-tabs__header{margin-bottom:0}.createdialog[data-v-b2fffc86] .el-upload-dragger{border:none;background-color:#f9f9f9}.createdialog[data-v-b2fffc86] .el-tabs__item{text-align:center}.btns[data-v-b2fffc86]{display:flex}.cleans[data-v-b2fffc86]{background-color:#eee;color:#565656;width:126px;height:42px;margin-left:57px;margin-right:40px}.subbtn[data-v-b2fffc86]{width:126px;height:42px}.upload-btn[data-v-b2fffc86]{cursor:pointer;color:#959595;text-align:center;align-items:center;background-color:#f9f9f9;padding:1.19792rem 4.6875rem 2.60417rem 4.6875rem;display:flex;flex-direction:column}.upload-btn .uploadbtn[data-v-b2fffc86]{line-height:80px;width:80px;height:80px;border:1px solid #959595;border-radius:10px;font-size:30px}.meater[data-v-b2fffc86]{width:100%;height:300px;overflow:auto;background-color:#f9f9f9}.meater .meater-ul[data-v-b2fffc86]{display:grid;grid-template-columns:repeat(4,1fr);align-content:start}.meater .meater-ul .material-item[data-v-b2fffc86]{position:relative;overflow:hidden;height:130px;cursor:pointer}.meater .meater-ul .material-item img[data-v-b2fffc86]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s;box-sizing:border-box}.meater .meater-ul .material-item img[data-v-b2fffc86]:hover{transform:scale(1.02)}.meater .meater-ul .material-item.selected[data-v-b2fffc86]{border:2px solid #8882ff;box-sizing:border-box}.meater[data-v-b2fffc86]::-webkit-scrollbar{width:5px;position:absolute}.meater[data-v-b2fffc86]::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset005pxrgba(0,0,0,.2);background:rgba(0,0,0,.2)}.meater[data-v-b2fffc86]::-webkit-scrollbar-track{-webkit-box-shadow:inset005pxrgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.uploadTr[data-v-b2fffc86]{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;width:100%;height:300px}.uploadTr .upbox[data-v-b2fffc86]{width:300px;text-align:center}.uploadTr .uptitle[data-v-b2fffc86]{font-size:16px;font-family:PingFang SC;font-weight:500;color:#020202;line-height:16px;padding:17px 0;margin-bottom:6px}.uploadTr .upbody[data-v-b2fffc86]{display:flex}.uploadTr .upbody span[data-v-b2fffc86]{font-size:16px;font-family:PingFang SC;font-weight:500;color:#020202;margin-right:12px}.uploadTr .upbody img[data-v-b2fffc86]{width:130px;height:130px;background:#959595;border-radius:5px;background-color:#565656}.uploadTr .updown[data-v-b2fffc86]{line-height:16px;text-align:start;font-size:16px;font-family:PingFang SC;font-weight:500;color:#020202;margin-top:33px}.uploadTr .againup[data-v-b2fffc86]{cursor:pointer;text-align:end;font-size:14px;font-family:PingFang SC;font-weight:500;color:#020202;margin-top:33px;position:relative;right:-30px}.container[data-v-5d7ac296]{padding:16px 0 0 30px!important;box-sizing:border-box;overflow:auto;padding:0;display:flex}.container .canvas[data-v-5d7ac296]{width:100px}.container .canvasBox[data-v-5d7ac296]{box-sizing:border-box;padding:40px 40px 0 40px;width:500px;box-shadow:5px 0 5px 0 rgba(0,0,0,.05);height:864px}.container .canvasBox .phoneBorder[data-v-5d7ac296]{overflow:hidden;box-sizing:border-box;width:100%;height:100%;background:#f5f5f5;border:10px solid #000;border-radius:50px;display:flex;justify-content:center;position:relative}.container .canvasBox .phoneBorder .bgc[data-v-5d7ac296]{top:21px;position:absolute;width:133px;height:11px;background:#000;border-radius:6px}.container .main[data-v-5d7ac296]{width:60%;padding:20px 0 0 40px;margin-left:520px}.container .main .ARmodleimg[data-v-5d7ac296]{display:flex;margin-bottom:32px}.container .main .ARmodleimg p[data-v-5d7ac296]{font-size:20px;font-family:PingFang SC;font-weight:500;color:#000}.container .main .ARmodleimg .imgbody[data-v-5d7ac296]{margin-left:22px}.container .main .ARmodleimg .imgbody img[data-v-5d7ac296]{border-radius:30px;width:180px;height:180px;margin-bottom:9px}.container .main .ARmodleimg .again[data-v-5d7ac296]{font-size:14px;font-family:PingFang SC;font-weight:500;color:#020202;margin-left:7px;display:flex;flex-direction:column;justify-content:end}.container .main .ARmodleimg .again .el-icon-refresh[data-v-5d7ac296]{color:#959595}.container .main .ARmodleimg .againup[data-v-5d7ac296]{margin-bottom:15px;cursor:pointer}.container .main .Advanced .el-switch[data-v-5d7ac296]{padding-bottom:5px}.container .main .Advanced .change_Advanced[data-v-5d7ac296]{width:70%;font-size:20px;font-family:PingFang SC;font-weight:500;color:#000;display:flex;justify-content:space-between}.container .main .Advanced .change_Advanced .switchtitle[data-v-5d7ac296]{margin-right:30px}.container .main .Advanced .change_Advanced .reset[data-v-5d7ac296]{cursor:pointer;font-size:14px;font-family:PingFang SC;font-weight:500;color:#020202}.container .main .Advanced .change_Advanced .reset .el-icon-circle-close[data-v-5d7ac296]{color:#959595;margin-right:5px}.container .main .Advanced[data-v-5d7ac296] .el-slider__bar{background-color:#8882ff!important}.container .main .Advanced[data-v-5d7ac296] .el-slider__button{width:20px;height:20px;background-color:#9492e2;border-color:#9492e2}.container .main .Advanced[data-v-5d7ac296] .el-slider__runway{background-color:#8582ff}.container .main .setup[data-v-5d7ac296]{padding-bottom:100px;margin-top:20px}.container .main .setup .mobility[data-v-5d7ac296]{width:100%;display:flex}.container .main .setup .remore[data-v-5d7ac296]{text-align:center;line-height:40px}.container .main .setup .remore .el-icon-warning-outline[data-v-5d7ac296]{margin-left:5px}.container .main .setup .remorebody[data-v-5d7ac296]{position:relative;margin-bottom:50px;width:820px;margin-left:20px;display:flex}.container .main .setup .remorebody .remorebody_right[data-v-5d7ac296]{position:absolute;left:530px}.container .main .setup .remorebody .remorebody_left[data-v-5d7ac296]{margin-right:15px}.container .main .setup .remorebody span[data-v-5d7ac296]{line-height:40px}.container .main .setup .remorebody .el-slider[data-v-5d7ac296]{width:80%}.container .main .setup .remorebody .centimetre[data-v-5d7ac296]{width:50px;margin-left:22px}.container .footer[data-v-5d7ac296]{position:fixed;bottom:0;width:100%;height:70px;background:#fff;box-shadow:0 -5px 5px 0 rgba(0,0,0,.03);border-radius:0;z-index:999;display:flex;align-items:center;justify-content:center}.container .footer .margin[data-v-5d7ac296]{margin:0 20px}.container .canvas_box[data-v-5d7ac296]{width:400px!important;height:800px!important;background-color:#fafafa}[data-v-5d7ac296] .el-slider__input.el-input-number.el-input-number--mini{width:110px!important}[data-v-5d7ac296] .el-slider__button-wrapper{z-index:2}.phone-container[data-v-5d7ac296]{box-shadow:5px 0 5px 0 rgba(0,0,0,.05);width:440px;height:calc(100vh - 130px);position:fixed;overflow-y:auto}.phone-container .phone-box[data-v-5d7ac296]{margin-top:20PX;width:400PX;height:740PX;position:relative;transition:all .2s;background-image:url(../img/iphoneX.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.phone-container .phone-box .canvas-box[data-v-5d7ac296]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-container .phone-box.horizontal[data-v-5d7ac296]{transform:rotate(-90deg)}.phone-container .phone-box.horizontal .canvas-box[data-v-5d7ac296]{transform:translate(-50%,-50%) rotate(90deg)}.phone-container .phone-box .img[data-v-5d7ac296]{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:absolute;width:100%}