#box[data-v-09434a17]{overflow:hidden;height:100%}#box .tip[data-v-09434a17]{color:#fff;background:rgba(0,0,0,.6);border-radius:10px;overflow:hidden;padding:10px;text-align:center;display:inline-block;margin:20px auto}#box .step[data-v-09434a17]{width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,.39);top:calc(50vh - 25px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#box .left[data-v-09434a17]{left:20px}#box .left[data-v-09434a17],#box .right[data-v-09434a17]{position:absolute;display:flex;align-items:center;justify-content:center}#box .right[data-v-09434a17]{right:20px}.canvas-box[data-v-09434a17]{display:inline-block;position:relative}.toolbar[data-v-09434a17]{position:absolute;bottom:60px;width:100%;display:flex;justify-content:center;margin:20px 0}.toolbar button[data-v-09434a17]:not(:last-child){margin-right:20px}.thums[data-v-09434a17]{background:rgba(0,0,0,.5);position:absolute;bottom:0;width:100%;border-top:1px solid #000;display:flex;justify-content:center}.thums li[data-v-09434a17]{list-style:none;width:50px;height:50px;line-height:50px;cursor:pointer}.thums li img[data-v-09434a17]{width:100%;height:100%}.thums .active[data-v-09434a17]{border:2px solid #fff}.canvas[data-v-09434a17]{display:block;margin:0 auto;position:relative;cursor:crosshair}#select-area[data-v-09434a17],.canvas[data-v-09434a17]{-webkit-user-select:none;-moz-user-select:none;user-select:none}#select-area[data-v-09434a17]{position:absolute;background:#fff;left:0;top:0}.btn[data-v-09434a17]{background-color:rgba(0,0,0,.39);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-v-09434a17] ::-moz-selection{background:transparent!important}[data-v-09434a17] ::selection{background:transparent!important}