.picture-editor-page{height:100vh;background-color:#000;position:fixed;left:0;right:0;top:0;bottom:0;overflow:auto;--zindex-mask:999}.picture-editor-page ul.editor-group:last-of-type{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc}.picture-editor-page ul.editor-group li{width:100%;--color-placeholder:#cfcfcf}.picture-editor-page ul.editor-group li input,.picture-editor-page ul.editor-group li select{width:100%;border:none;background-color:transparent}.picture-editor-page ul.editor-group li input{padding:0 0 0 5px}.picture-editor-page ul.editor-group li input::-moz-placeholder{color:var(--color-placeholder)}.picture-editor-page ul.editor-group li input:-ms-input-placeholder{color:var(--color-placeholder)}.picture-editor-page ul.editor-group li input::placeholder{color:var(--color-placeholder)}.picture-editor-page ul.editor-group li label{font-size:15px;white-space:nowrap}.picture-editor-page ul.editor-group li label:first-of-type{padding-left:10px}.picture-editor-page ul.editor-group li .page-btn,.picture-editor-page ul.editor-group li>div.flex-con,.picture-editor-page ul.editor-group li span.num{margin-top:10px}.picture-editor-page ul.editor-group li div.flex-con{width:100%;align-items:center}.picture-editor-page ul.editor-group li div.flex-con.is-menus{padding-left:15px}.picture-editor-page ul.editor-group li div.flex-con span.num{padding-left:10px}.picture-editor-page ul.editor-group li div.flex-con div.flex-con{--line-height:28px;min-height:var(--line-height);border:1px solid #ccc;background-color:#fff;border-radius:3px;position:relative;z-index:2;cursor:pointer}.picture-editor-page ul.editor-group li div.flex-con div.flex-con *{line-height:var(--line-height);font-size:14px;color:#666}.picture-editor-page ul.editor-group li div.flex-con div.flex-con input{cursor:text}.picture-editor-page ul.editor-group li div.flex-con div.flex-con input[type=file]{display:none}.picture-editor-page ul.editor-group li div.flex-con div.flex-con select{min-width:76px;height:var(--line-height);cursor:pointer}.picture-editor-page ul.editor-group li div.flex-con div.flex-con select+input{border-left:1px solid #ccc}.picture-editor-page ul.editor-group li div.flex-con div.flex-con p{width:100%;max-height:28px;padding:0 5px;line-height:1;overflow:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color-placeholder)}.picture-editor-page ul.editor-group li div.flex-con div.flex-con span.unit{display:inline-block;padding:0 5px;font-style:italic;border-left:1px solid #ccc}.picture-editor-page ul.editor-group li div.flex-con div.flex-con span.arrow-down,.picture-editor-page ul.editor-group li div.flex-con div.flex-con span.arrow-right{width:10px;height:10px;border-color:#ccc;margin:0 8px 0 5px}.picture-editor-page ul.editor-group li div.flex-con div.flex-con span.arrow-down{margin-top:-2px}.picture-editor-page .editor-side{width:20vw;max-width:540px;height:100vh;padding:20px 15px 20px 10px;transition:width .15s linear;overflow:auto}.picture-editor-page .editor-side .flex-con{justify-content:flex-start;align-items:flex-start}.picture-editor-page .editor-side .flex-con.title-h1{justify-content:space-between;align-items:center}.picture-editor-page .editor-side h1{width:auto;line-height:1;font-size:20px;color:#000;cursor:pointer}.picture-editor-page .editor-side h1.flex-con{align-items:center}.picture-editor-page .editor-side h1 span{font-size:13px;opacity:.5}.picture-editor-page .editor-side h1 span[class*=arrow-]{width:10px;height:10px;margin-left:10px;border-width:2px;border-color:#666;transition:all .15s linear;cursor:pointer;opacity:1}.picture-editor-page .editor-side h1 span.arrow-up{margin-top:6px}.picture-editor-page .editor-side h1 span.arrow-down{margin-top:-5px}.picture-editor-page .editor-side h2{width:100%;font-size:18px;color:#000;padding-left:10px;margin-top:15px;cursor:pointer}.picture-editor-page .editor-side h2.flex-con{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:center}.picture-editor-page .editor-side h2 span{font-size:12px}.picture-editor-page .editor-side h2 span[class*=arrow-]{width:8px;height:8px;margin-left:10px;border-width:2px;border-color:#666;transition:all .15s linear;cursor:pointer}.picture-editor-page .editor-side h2 span.arrow-up{margin-top:4px}.picture-editor-page .editor-side h2 span.arrow-down{margin-top:-3px}.picture-editor-page .editor-side.editor-side-left{min-width:360px}.picture-editor-page .editor-side.editor-side-left .editor-module-detail{height:auto;transition:height .2s linear;overflow:hidden}.picture-editor-page .editor-side.editor-side-left .editor-module-detail.is-fold{height:10px}.picture-editor-page .editor-side.editor-side-left ul.editor-group li div.flex-con div.flex-con select:not(:last-child){width:60%}.picture-editor-page .editor-side.editor-side-right{min-width:360px;border-left:1px dashed #ccc}.picture-editor-page .editor-side.editor-side-right h1.flex-con{white-space:nowrap;align-items:flex-end}.picture-editor-page .editor-side.editor-side-right h1.flex-con h2{width:auto;margin-top:3px;padding-bottom:2px;font-size:14px;opacity:.5}.picture-editor-page .editor-side.editor-side-right h1.flex-con span{margin-left:5px}.picture-editor-page .editor-side .page-btn.-btn-agree,.picture-editor-page .editor-side .page-btn.-btn-end,.picture-editor-page .editor-side .page-btn.-btn-error{line-height:1;font-size:12px;padding:4px 10px}.picture-editor-page .editor-side .page-btn.-btn-agree{width:100%!important;margin-right:5px;padding-left:12px;text-align:left;justify-content:flex-start;border-radius:0!important;opacity:.55}.picture-editor-page .editor-side .page-btn.-btn-agree:hover{opacity:.75}.picture-editor-page .editor-side .page-btn+.page-btn{margin-left:5px}.picture-editor-page .editor-side .editor-submit{text-align:right}.picture-editor-page .editor-side .editor-submit.is-line{width:100%}.picture-editor-page .editor-side .editor-submit.is-line .page-btn{width:100%!important}.picture-editor-page .editor-side .editor-submit.is-line:not(:last-of-type){margin-bottom:15px}.picture-editor-page .editor-side .editor-submit .page-btn{padding:4px 20px}.picture-editor-page .editor-side ul.editor-group{transition:height .2s linear}.picture-editor-page .editor-side ul.editor-group.is-fold{height:0;padding:0!important;overflow:hidden}.picture-editor-page .editor-side ul.editor-group.is-fold:last-of-type{height:10px}.picture-editor-page .editor-side ul.editor-group li.is-act .page-btn.-btn-agree{opacity:.9}.picture-editor-page .editor-side ul.editor-group li.is-act .page-btn.-btn-agree:hover{opacity:1}.picture-editor-page .editor-operat{width:calc(40vw + 20px);height:100vh;min-width:740px;justify-content:flex-end;transition:width .15s linear;position:fixed;top:0;right:0;z-index:var(--zindex-mask)}.picture-editor-page .editor-operat.is-fold{width:20px;min-width:0;overflow:hidden}.picture-editor-page .editor-operat.is-fold .editor-side{width:0;min-width:0;padding:0}.picture-editor-page .editor-operat.is-fold .editor-operat-fold{padding-left:0;padding-right:8px;border:none;opacity:.8}.picture-editor-page .editor-operat .editor-operat-fold{width:20px;height:100vh;padding-left:11px;padding-right:0;font-size:22px;font-weight:700;color:#fff;border-right:1px dashed #ccc;transform:scaleY(1.3);cursor:pointer;opacity:.7}.picture-editor-page .editor-operat .editor-operat-fold:hover{opacity:1}.picture-editor-page .editor-content{width:100%;height:100vh;padding:15px;overflow:auto}.picture-editor-page .editor-content h1{width:100%;font-size:20px;color:#fff}.picture-editor-page .editor-content h1 span{font-size:13px;margin-left:8px}.picture-editor-page .editor-view{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100vh;max-width:100vw;padding-top:60px;padding-bottom:30px;padding-left:30px;padding-right:30px;position:fixed;bottom:0;left:0;overflow:auto}.picture-editor-page .editor-view .editor-view-inner{position:relative;overflow:hidden;width:750px;min-height:900px;background-color:#fff}.picture-editor-page .editor-view .editor-view-inner .view-module,.picture-editor-page .editor-view .editor-view-inner .view-module>div.v-m-c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.picture-editor-page .editor-psw{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:calc(var(--zindex-mask) + 11);justify-content:center;align-items:center}.picture-editor-page .editor-psw .is-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:calc(var(--zindex-mask) + 10);opacity:.25}.picture-editor-page .editor-psw .grid-con{width:90vw;max-width:340px;padding:0 30px;padding-top:30px;position:relative;z-index:calc(var(--zindex-mask) + 11);border-radius:12px;border:1px solid #fff}.picture-editor-page .editor-psw .grid-con h1{width:100%;font-size:28px;text-align:center;padding:0 15px;margin-bottom:15px;color:#fff}.picture-editor-page .editor-psw .grid-con ul.editor-group{border:none}.picture-editor-page .editor-psw .grid-con ul.editor-group .flex-con{justify-content:flex-end}.picture-editor-page .editor-psw .grid-con ul.editor-group .flex-con input{text-align:center}.picture-editor-page .editor-psw .grid-con ul.editor-group .flex-con span{height:28px!important;margin-top:5px;margin-left:10px;padding:3px 15px;font-size:16px;border-color:#fff!important}.picture-editor-page .arrow-down,.picture-editor-page .arrow-right,.picture-editor-page .arrow-up{display:block;border-right:1px solid;border-bottom:1px solid;transform-origin:center center}.picture-editor-page .arrow-up{transform:rotate(-135deg)}.picture-editor-page .arrow-down{transform:rotate(45deg)}.picture-editor-page .arrow-right{transform:rotate(-45deg)}