.clip-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.clip-wrapper .clip-main{position:relative;width:100%!important;height:100%!important}.clip-wrapper .clip-main .canvas-main,.clip-wrapper .clip-main .range{position:absolute;width:100%!important;height:100%!important}.clip-wrapper .clip-main .range{z-index:1;pointer-events:none}.clip-wrapper .canvas-main{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%!important;height:100%!important}.clip-wrapper .edit{cursor:move;pointer-events:all}.clip-wrapper .view-buttons{z-index:2;position:absolute;left:24px;bottom:24px}.clip-wrapper .view-buttons .ant-btn:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.clip-wrapper .view-buttons .ant-btn:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.clip-wrapper .view-buttons .currentView{background:#66bdff;color:#fff}.buttons .ant-btn{background-color:unset;border:none;-webkit-box-shadow:unset;box-shadow:unset}.buttons.disabled{opacity:.2;pointer-events:none}.position-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;background:#fff}.position-wrapper .col-center,.position-wrapper .col-left,.position-wrapper .col-right{width:30%;height:100%;background:#f1f3f8}.position-wrapper .position-front,.position-wrapper .position-right,.position-wrapper .position-top{background-image:url(../img/positionbg.4669cdfa.png);background-size:cover;background-repeat:no-repeat;background-position:50%}.position-wrapper .col-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}.position-wrapper .col-center .position-top{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #b0b5b9}.position-wrapper [class^=position]{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.position-wrapper [class^=position] .viewTag{position:absolute;z-index:2;top:10px;left:10px;padding:6px 15px;background:#fff;border-radius:5px;border:1px solid #d1d6d8;color:#818689}.position-wrapper [class^=position] .buttons{background:#fff;position:absolute;bottom:20px;z-index:2}.position-wrapper [class^=position] .buttons .btn-svg-icon{margin:0 15px;padding:0}.position-wrapper [class^=position] .buttons .btn-svg-icon img{background-color:#fff}.position-wrapper [class^=position] .buttons .btn-svg-icon:hover img{-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-transform:scale(1.3);transform:scale(1.3)}.position-wrapper [class^=view-]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;height:80%}.position-wrapper [class^=view-] .horizontal-center-line,.position-wrapper [class^=view-] .vertical-center-line{position:absolute;background-color:#319dee;pointer-events:none}.position-wrapper [class^=view-] .vertical-center-line{width:2px;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.position-wrapper [class^=view-] .horizontal-center-line{width:100%;height:2px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.position-wrapper .editor-actions{display:none}.position-wrapper #canvas-position{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.operation-view[data-v-4d6b553c]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f1f3f8}.operation-view .ant-btn[data-v-4d6b553c]{border-radius:5px}.operation-view .ant-btn-disabled[data-v-4d6b553c],.operation-view .ant-btn.disabled[data-v-4d6b553c],.operation-view .ant-btn[disabled][data-v-4d6b553c]{color:rgba(0,0,0,.25)!important}.operation-view .ant-btn-group .ant-btn[data-v-4d6b553c]{border-radius:0}.operation-view .btn-svg-icon[data-v-4d6b553c]{width:40px;height:40px;padding:0;border:none;background:#f1f3f8}.operation-view .btn-svg-icon img[data-v-4d6b553c]{max-height:28px}.operation-view li[data-v-4d6b553c],.operation-view ul[data-v-4d6b553c]{margin:0;padding:0;list-style:none}.operation-view .op-head[data-v-4d6b553c]{height:65px;padding:0 40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #b0b5b9;background:#e3e6ee}.operation-view .op-head .btn-svg-icon[data-v-4d6b553c],.operation-view .op-head[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.operation-view .op-head .btn-svg-icon[data-v-4d6b553c]{width:46px;height:36px;padding:0;border:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;color:#5e6168}.operation-view .op-head .btn-svg-icon img[data-v-4d6b553c]{max-height:28px}.operation-view .op-head .ant-btn-group>.ant-btn[data-v-4d6b553c]:last-child:not(:first-child),.operation-view .op-head .ant-btn-group>span:last-child:not(:first-child)>.ant-btn[data-v-4d6b553c]{border-top-right-radius:5px;border-bottom-right-radius:5px}.operation-view .op-head .ant-btn-group>.ant-btn[data-v-4d6b553c]:first-child:not(:last-child),.operation-view .op-head .ant-btn-group>span:first-child:not(:last-child)>.ant-btn[data-v-4d6b553c]{border-top-left-radius:5px;border-bottom-left-radius:5px}.operation-view .op-head-action[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.operation-view .op-head-action .steps[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;color:#818689}.operation-view .op-head-action .steps .step.current[data-v-4d6b553c]{color:#424445;font-weight:700}.operation-view .op-head-options[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex}.operation-view .op-head-options .top-section[data-v-4d6b553c],.operation-view .op-head-options .translate-step[data-v-4d6b553c]{margin-left:2em}.operation-view .op-head-options .translate-step[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.operation-view .op-head-options .ant-input-number[data-v-4d6b553c]{width:60px}.operation-view .op-head-left[data-v-4d6b553c],.operation-view .op-head-right[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.operation-view .op-head-title[data-v-4d6b553c]{position:absolute;top:0;left:240px;right:240px;text-align:center;font-size:16px;font-weight:700;height:60px;line-height:60px}.operation-view .top-bottom-sections[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex}.operation-view .top-bottom-sections .bottom-section[data-v-4d6b553c]{margin-left:24px}.operation-view .top-bottom-sections .caption[data-v-4d6b553c]{margin-right:8px}.operation-view .top-bottom-sections .ant-input-number-handler-wrap[data-v-4d6b553c]{opacity:1}.operation-view .op-head-navs[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.operation-view .op-head-navs .finish[data-v-4d6b553c],.operation-view .op-head-navs .next-step[data-v-4d6b553c],.operation-view .op-head-navs .prev-step[data-v-4d6b553c],.operation-view .op-head-navs .save[data-v-4d6b553c]{width:85px;height:28px;margin-left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:5px;border:1px solid #d1d6d8;color:#424445}.operation-view .op-head-navs .finish[data-v-4d6b553c]{background:#0176fe;color:#fff}.operation-view .op-main[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.operation-view .op-sidebar[data-v-4d6b553c]{width:56px;min-width:56px;height:100%;text-align:center;padding:20px 0;border-right:1px solid #b0b5b9;margin-top:-1px}.operation-view .op-sidebar .ant-btn-group[data-v-4d6b553c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.operation-view .op-sidebar .ant-btn-group>.ant-btn[data-v-4d6b553c]:last-child:not(:first-child),.operation-view .op-sidebar .ant-btn-group>span:last-child:not(:first-child)>.ant-btn[data-v-4d6b553c]{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.operation-view .op-sidebar .ant-btn-group>.ant-btn[data-v-4d6b553c]:first-child:not(:last-child),.operation-view .op-sidebar .ant-btn-group>span:first-child:not(:last-child)>.ant-btn[data-v-4d6b553c]{border-top-left-radius:5px;border-top-right-radius:5px}.operation-view .op-sidebar .ant-btn+.ant-btn-group[data-v-4d6b553c],.operation-view .op-sidebar .ant-btn-group+.ant-btn-group[data-v-4d6b553c],.operation-view .op-sidebar .ant-btn-group+.ant-btn[data-v-4d6b553c],.operation-view .op-sidebar .ant-btn-group .ant-btn+.ant-btn[data-v-4d6b553c],.operation-view .op-sidebar .ant-btn-group .ant-btn+span[data-v-4d6b553c],.operation-view .op-sidebar .ant-btn-group>span+span[data-v-4d6b553c],.operation-view .op-sidebar .ant-btn-group span+.ant-btn[data-v-4d6b553c]{margin-left:0;margin-top:-1px}.operation-view .op-center[data-v-4d6b553c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.remindFlex[data-v-4d6b553c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.remindInerBox[data-v-4d6b553c]{width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.remindImg[data-v-4d6b553c]{width:100%;height:100%}