.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mgb12{margin-bottom:12px!important}.mgb14{margin-bottom:14px!important}.mgb16{margin-bottom:16px!important}.mgb18{margin-bottom:18px!important}.mgr12{margin-right:12px}.mgr14{margin-right:14px}.mgr4{margin-right:4px}.mgr8{margin-right:8px}.mgr16{margin-right:16px}.mgl4{margin-left:4px}.mgl8{margin-left:8px}.mgl16{margin-left:16px}.mgb16{margin-bottom:16px}.fontW500{font-weight:500}.fontW600{font-weight:600}.fontW700{font-weight:700}.animate__animated0_1s{animation-duration:.1s;animation-delay:.1s}.animate__animated0_2s{animation-duration:.2s;animation-delay:.2s}.animate__animated0_3s{animation-duration:.3s;animation-delay:.3s}.animate__animated0_4s{animation-duration:.4s;animation-delay:.4s}.animate__animated0_5s{animation-duration:.5s;animation-delay:.5s}.animate__animated0_6s{animation-duration:.6s;animation-delay:.6s}.animate__animated0_7s{animation-duration:.7s;animation-delay:.7s}.animate__animated0_8s{animation-duration:.8s;animation-delay:.8s}.animate__animated1s{animation-duration:1s;animation-delay:1s}.animate__animated1_2s{animation-duration:1.2s;animation-delay:1.2s}.animate__animated1_4s{animation-duration:1.4s;animation-delay:1.4s}.animate__animated1_5s{animation-duration:.6s;animation-delay:1.5s}.animate__animated2s{animation-duration:.6s;animation-delay:2s}.animate__animated2_5s{animation-duration:.6s;animation-delay:2.5s}.animate__delay-0s1{animation-delay:.1s}.animate__delay-0s2{animation-delay:.2s}.animate__delay-0s3{animation-delay:.3s}.animate__delay-0s4{animation-delay:.4s}.animate__delay-0s5{animation-delay:.2s}.animate__delay-0s6{animation-delay:.6s}.animate__delay-0s7{animation-delay:.7s}.animate__delay-0s8{animation-delay:.8s}.animate__delay-0s9{animation-delay:.9s}.poc-container .poc-body .el-main{background:#f5f5f5}.image-process-page{height:100%;background:#fff}.image-process-main-header{height:55px;padding:0 25px;display:flex;align-items:center;justify-content:flex-end;background:#fff}.image-process-main-header .el-button,.image-process-main-header .el-button.disabled{width:140px;height:32px;border-radius:22px;font-size:14px;color:#59e200;background-image:linear-gradient(#5c5c5c,#000)}.image-process-main-header .el-button.disabled{cursor:not-allowed;color:#96979a;background-image:linear-gradient(#dbdbdb,#c8c8c8)}.image-process-main-bg{background:#fff;display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;height:100%;padding:25px;justify-content:center}.image-process-main-box{width:100%}.image-process-main.allWidth{width:100%!important}.image-process-main.allWidth:hover .goToRight{opacity:1}.image-process-main .upload-dialog .el-dialog__wrapper{position:absolute}.image-process-main .upload-dialog .el-dialog{background:#000!important;color:#fff}.image-process-main .upload-dialog .el-dialog__body,.image-process-main .upload-dialog .el-dialog__title{color:#fff}.image-process-main-content{position:relative;width:100%;max-height:620px;display:flex;justify-content:center;align-items:center}.image-process-main-content .picture-upload .el-upload{border:1px solid #c4c8cf;border-radius:4px;cursor:pointer;position:relative;overflow:hidden}.image-process-main-content .picture-upload .el-upload-list--picture-card .el-upload-list__item{display:flex;align-items:center;width:100%;min-height:600px;margin:0;line-height:1;background:transparent;border:16px solid #fff;border-radius:8px}.image-process-main-content .picture-upload .el-upload--picture-card{width:100%;height:100%;line-height:1.5;display:block;text-align:center;border:none}.image-process-main-content .picture-upload .el-input__inner{border:1px solid #c4c8cf}.image-process-main-content .picture-upload .el-list-enter-active{transition:all .5s}.image-process-main-content .picture-upload .el-list-leave-active{transition:all 0s}.image-process-main-content .picture-upload .el-list-enter{opacity:0;transform:translateY(-10px)}.image-process-main-content .picture-upload .el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.image-process-main-content .picture-upload .el-loading-spinner{background-image:url(../img/imageUpload.e7c15b52.gif);background-repeat:no-repeat;background-size:150px 150px;height:150px;width:150px;border-radius:50%;background-clip:border-box;background-size:cover;background-position:50%;top:40%;left:50%;margin-left:-75px}.image-process-main-content .picture-upload .el-loading-spinner .el-loading-text{margin:110% auto}.image-process-main-content .picture-upload .el-loading-spinner .circular{display:none}.image-process-main-content .picture-upload .upload-text{margin:105% auto;height:250px}.image-process-main-content .picture-upload .upload-text span{display:block;line-height:35px}.image-process-main-content .empty1 .el-upload--picture-card{display:none}.image-process-main-content .empty2 .el-upload--picture-card{display:block}.image-process-main-content .empty2 .el-upload--picture-card .el-upload-dragger{width:478px;height:620px;border-color:transparent;background:url(../img/imageUpBg.0a537b4c.png) no-repeat 50%;background-size:100% 100%}.image-process-main-content .picture-upload .el-upload-list--picture-card .el-upload-list__item .el-image-viewer__canvas{transition:none!important}.image-process-main-content .picture-upload .el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-delete{display:none}.image-process-main-content .picture-upload .el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:0}.image-process-main-content .img-box{position:relative;width:100%;height:600px;overflow:hidden;background-image:var(--bgDownUrl);background-repeat:no-repeat;background-position:50%;background-size:contain;background-color:#fff}.image-process-main-content .down-img{display:flex;align-items:center;justify-content:center;width:100%;background:#fff;padding:25px;margin:0;line-height:1}.image-process-main-content .effect{width:100%;padding:25px;position:relative;display:flex;align-items:center;flex-direction:column;overflow:hidden;background:#fff}.image-process-main-content .effect .effect-box{position:relative;width:100%;height:600px;overflow:hidden;background-image:var(--bgOldUrl);background-repeat:no-repeat;background-position:50%;background-size:contain;background-color:#fff}.image-process-main-content .effect .effect-box:after,.image-process-main-content .effect .effect-box:before{content:"";position:absolute;top:0;left:0;width:100%;overflow:hidden;background-repeat:no-repeat;background-position:50%;background-size:contain}.image-process-main-content .effect .effect-box:before{background-image:var(--bgOldUrl);z-index:2;height:100%;filter:blur(1px)}.image-process-main-content .effect .effect-box:after{height:100%;background-image:var(--bgNewUrl);animation:animate 20s linear infinite;z-index:3}.image-process-main-content .effect .effect-box-line{position:absolute;top:16px;left:-40px;display:block;width:calc(100% + 80px);height:2px;overflow:hidden;background:linear-gradient(45deg,#ddd,#000,#000,#000,#ddd);z-index:10;animation:animationLine 20s linear infinite}.image-process-main-content .el-upload-list--picture-card .el-upload-list__item-thumbnail{max-height:600px;width:100%;height:100%}.btn-box-img{display:flex;justify-content:center;margin-top:30px}.goToRight{position:absolute;left:0;top:46.5%;opacity:0;transition:opacity .5s ease}@keyframes animate{0%,to{clip-path:inset(0 0 100% 0)}50%{clip-path:inset(0 0 0 0)}}@keyframes animationLine{0%,to{top:16px}50%{top:calc(100% - 16px)}}