@charset "UTF-8";.peUploadPage{width:100%;height:100%}.peUploadPage .peTitle{font-size:48px;font-weight:700;line-height:58px;text-align:center}.peUploadPage .peSubTitle{margin-top:24px;font-size:18px;font-weight:400;line-height:27px;text-align:center}.peUploadPage .peUpload{font-family:Poppins;margin-top:64px;width:1248px;height:450px;background:linear-gradient(180deg,#f3f1ff 10.1%,#fff4ee 126.67%);border-radius:32px;cursor:pointer}.peUploadPage .peUpload:hover{border:1px dashed #6b57ff}.peUploadPage .peUpload:active .peUploadBtn{background-color:#998cff}.peUploadPage .peUpload .peUploadIcon{width:161px;height:145px}.peUploadPage .peUpload .peUploadBtn{margin-top:8px;width:273px;height:72px;background-color:#6b57ff;border-radius:88px;font-size:20px;font-weight:700;line-height:30px;color:#fff}.peUploadPage .peUpload .peSubText{margin-top:16px;font-size:16px;font-weight:400;line-height:24px}.peUploadPage .peSampleImage{margin-top:64px}.peUploadPage .peSampleImage .peSampleTitle{font-family:Poppins;font-size:16px;font-weight:700;line-height:24px;text-align:center;margin-bottom:16px}.peUploadPage .peSampleImage .peSampleImg{width:64px;height:64px;cursor:pointer;margin-right:8px}.peUploadPage .peSampleImage .peSampleImg:hover{filter:contrast(70%)}.peUploadPage .peSampleImage.disabled{cursor:not-allowed}@media screen and (max-width: 1440px){.peUploadPage .peUpload{width:884px;height:300px}}.peMainImg{position:relative;width:1200px;height:450px;background:linear-gradient(180deg,#f3f1ff 10.1%,#fff4ee 126.67%);margin-top:64px;border-radius:32px}.peMainImg .peImgContainer{position:relative;width:100%;height:100%;margin:0 auto}.peMainImg .peImgContainer .peReplaceFile{position:absolute;background:#0009;width:98px;height:32px;right:24px;top:24px;z-index:10;font-family:Poppins;font-size:13px;line-height:18px;color:#fff;border-radius:8px;cursor:pointer}.peMainImg .peImgContainer .peReplaceFile .uploadContainer{width:98px;height:32px;display:flex;justify-content:center;align-items:center}.peMainImg .peImgContainer .peReplaceFile .uploadContainer .addIcon{margin-right:2px}.peMainImg .peImgContainer .peOldImg{position:absolute;width:1px;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1;transition:opacity .48s linear}.peMainImg .peImgContainer .waterMark{position:absolute;width:1px;top:0;right:0;bottom:0;left:0;margin:auto;z-index:9;overflow:hidden}.peMainImg .peImgContainer .waterMark:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../svg/watermark2.svg) repeat;z-index:-1;transform:rotate(-45deg);transform-origin:center}.peMainImg .peImgContainer .peNewWrap{position:absolute;width:50%;height:100%;left:0;top:0;overflow:hidden;z-index:10}.peMainImg .peImgContainer .peNewWrap .peNewImg{position:absolute;width:1px;z-index:10;transition:opacity .48s linear}.peMainImg .peImgContainer .control{position:absolute;opacity:0;width:30px;height:100%;top:0;left:calc(50% - 15px);cursor:pointer;z-index:10}.peMainImg .peImgContainer .control .line{width:2px;height:100%;background:#fff;margin:0 auto}.peMainImg .peImgContainer .control .moveImg{position:absolute;width:30px;left:0;right:0;top:0;bottom:0;margin:auto;z-index:10}.peMainImg .peImgContainer .peLoading{display:block;position:absolute;height:100%;left:0;top:0;z-index:100;background:linear-gradient(#fff,#409eff,#fff);animation:loading 1.2s linear infinite}@keyframes loading{0%{width:0}to{width:100%;opacity:.1}}@media screen and (max-width: 1440px){.peMainImg{width:884px;height:300px}}.peModal .ant-modal-content{width:500px;height:298px;border-radius:24px;padding:40px}.peModal .ant-modal-content .ant-modal-body{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.peModal .ant-modal-content .ant-modal-body .peLoading{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.peModal .ant-modal-content .ant-modal-body .peLoading .loadIcon{width:40px;height:40px;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:rotate}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}.peModal .ant-modal-content .ant-modal-body .imgIcon{height:90px;width:auto}.peModal .ant-modal-content .ant-modal-body .peModalText{margin-top:16px;width:420px;height:48px;font-family:Poppins;font-size:16px;font-weight:400;line-height:24px;text-align:center}.peModal .ant-modal-content .ant-modal-body .peBtn{background-color:#6b57ff;height:40px;padding:0 48px;position:absolute;bottom:32px;border-radius:100px;font-family:Poppins;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#fff}.fileNotSupportModal .ant-modal-content{width:500px;height:279px;border-radius:24px;font-family:Poppins}.fileNotSupportModal .ant-modal-content .ant-modal-body{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.fileNotSupportModal .ant-modal-content .ant-modal-body .cryCat{width:88px}.fileNotSupportModal .ant-modal-content .ant-modal-body .fileNotSupportText{text-align:center;width:420px;height:48px;font-size:16px;line-height:150%;color:#000;margin-top:16px}.fileNotSupportModal .ant-modal-content .ant-modal-body .btnGroup{margin-top:40px;display:flex}.fileNotSupportModal .ant-modal-content .ant-modal-body .btnGroup .cancelBtn{min-width:120px;height:40px;border-radius:100px;font-size:16px;color:#6b57ff;line-height:40px;margin-right:16px;cursor:pointer;border:1px solid #6b57ff;background-color:#fff;text-align:center}.fileNotSupportModal .ant-modal-content .ant-modal-body .btnGroup .cancelBtn:hover{background-color:#6b57ff;color:#fff}.fileNotSupportModal .ant-modal-content .ant-modal-body .btnGroup .uploadNew{text-align:center;min-width:120px;height:40px;border-radius:100px;font-size:16px;color:#fff;line-height:40px;cursor:pointer;background-color:#6b57ff}.fileNotSupportModal .ant-modal-content .ant-modal-body .btnGroup .uploadNew:hover{background-color:#5b44ff}.peContainer{max-width:100vw;height:100vh;overflow-x:hidden;position:relative}.peContainer .peRightBg{background:url(https://www.hitpaw.com/api-function-page/images/peRightBg.png) no-repeat;background-size:contain;background-repeat:no-repeat;background-position:center;width:235px;height:235px;position:absolute;right:-10px;top:0;bottom:0;margin:auto}.peContainer .peRightBg .peSeePricing{width:188px;height:56px;background:linear-gradient(0deg,#6b57ff,#b7adff 157.14%);box-shadow:0 4px 12px #00000040;cursor:pointer;border-radius:40px;font-family:Poppins;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0em;color:#fff}.peContainer .peRightBg .peApiDocument{width:188px;height:56px;border:2px solid #6b57ff;border-radius:40px;margin-top:16px;cursor:pointer;font-family:Poppins;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0em;color:#6b57ff}.peContainer .peRightBg .peIcon{margin-right:4px}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.flex_box{display:flex}.flex_box_col{display:flex;flex-direction:column}.hc{display:flex;justify-content:center}.hc_col{display:flex;flex-direction:column;justify-content:center}.vc{display:flex;align-items:center}.vc_col{display:flex;flex-direction:column;align-items:center}.justify{display:flex;justify-content:space-between}.justify_vc{display:flex;justify-content:space-between;align-items:center}.flex_center{display:flex;justify-content:center;align-items:center}.flex_center_col{display:flex;flex-direction:column;justify-content:center;align-items:center}.position_center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.full_box{position:absolute;top:0;right:0;bottom:0;left:0}.full_box_fixed{position:fixed;top:0;right:0;bottom:0;left:0}.overflow_ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mainBtn{background-color:#6b57ff;color:#fff}.mainBtn:not(:disabled):hover{background-color:#5b44ff!important}.mainBtn:not(:disabled):active{background-color:#5b44ff!important;box-shadow:0 0 0 3px #6b57ff4d!important}.mainBtn:not(:disabled):focus{background-color:#6b57ff!important;border:none!important}.mainBtn:disabled{border-color:#e4e7ed!important;background-color:#9f9fa1!important;cursor:not-allowed!important}.subBtn{border:1px solid #6b57ff;background-color:#fff;color:#6b57ff}.subBtn:not(:disabled):hover{background-color:#5b44ff!important;color:#fff!important}.subBtn:not(:disabled):active{background-color:#5b44ff!important;box-shadow:0 0 0 3px #6b57ff4d!important;color:#fff!important}.subBtn:not(:disabled):focus{background-color:#6b57ff!important;color:#fff!important;border:none!important}.subBtn:disabled{border-color:#e4e7ed!important;background-color:#9f9fa1!important;color:#fff;cursor:not-allowed!important}.subBtn_bgBlack{background-color:#fff;color:#6b57ff}.subBtn_bgBlack:not(:disabled):hover{background:#ffffffe6!important}.subBtn_bgBlack:not(:disabled):active{background-color:#ffffffe6!important;box-shadow:0 0 0 3px #ffffff4d!important}.subBtn_bgBlack:not(:disabled):focus{background-color:#fff!important;border:none!important}.h2_font{font-size:56px;font-weight:700;line-height:67px;letter-spacing:0em}.h3_font{font-size:40px;font-weight:700;line-height:48px;letter-spacing:0em}.h4_font{font-size:24px;font-weight:700;line-height:29px;letter-spacing:0em}.t1_bold{font-size:18px;font-weight:400;line-height:18px;letter-spacing:0em}.t1_text{font-size:18px;font-weight:400;line-height:27px;letter-spacing:0em}.t2_bold{font-size:16px;font-weight:700;line-height:24px;letter-spacing:0em}.t2_text{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0em}.t3_text{font-size:14px;font-weight:400;line-height:18px;letter-spacing:0em}.t3_bold{font-size:14px;font-weight:700;line-height:18px;letter-spacing:0em}*,:before,:after{padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}::-webkit-scrollbar{width:7px;height:7px;background-color:#f5f5f5}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px #0000001a;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#c8c8c8}.fixTop{position:fixed;left:0;top:0;right:0}.mr-10{margin-right:10px}.w100{width:100vw}.pointer{cursor:pointer}html.mobile,.mobile body,#app{height:100%}.mobile #canvas4enhancer{pointer-events:none}.create-video{position:fixed;left:0;top:0;visibility:hidden;z-index:-100}.hipwa-canvas{position:fixed;opacity:0;z-index:-10;left:0;top:0}.lm-animate-mask-lightTrigger:after{content:"";display:block;position:absolute;z-index:1;left:0;top:0;bottom:0;right:0;opacity:.3;animation:lightTrigger 1.5s linear infinite}@keyframes lightTrigger{0%{background-color:transparent}25%{background-color:#fff}50%{background-color:transparent}75%{background-color:#fff}to{background-color:transparent}}.fade-enter-active,.fade-leave-active{transition:all .5s}.fade-enter-from,.fade-leave-to{opacity:0}