.success-modal{color:#45d300;text-align:center;background:#fff;opacity:.8;position:absolute;top:0;left:0;right:0;bottom:0;padding-top:18%}p{margin-top:10px}.success-modal-icon{height:56px}.slider-code-box .error-modal-icon{color:red}.slider-code-model{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.5;z-index:3000}.slider-code-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3001;padding:20px;background:#fff}.slider-code-box>div:first-child{width:300px}.slider-code-box .shadeImage{width:300px;height:200px;position:relative;background-repeat:no-repeat;background-size:100%}.slider-code-box .cutoutImage{position:absolute}.slider-code-box .drag{width:300px;height:40px;background-color:#d4d4d4;position:relative;line-height:40px;padding-left:60px;box-sizing:border-box;color:#999;border-radius:19px;margin:18px 0}.slider-code-box .drag>span:first-child{user-select:none;font-size:var(--text-size-lg)}.slider-code-box .drag-btn{cursor:pointer;width:56px;height:56px;box-shadow:#000 0 0 10px;position:absolute;left:0;top:-10px;border-radius:50%;background-color:#fff}.slider-code-box .drag-btn>span{height:34%;width:3px;display:inline-block;margin-left:4px;background-color:#df0428;vertical-align:middle;position:relative;left:15px;top:7px}.slider-code-box .operation{border-top:1px solid #d4d4d4}.slider-code-box .operation .operation-btn{font-size:24px;margin-top:6px;color:#df0428;cursor:pointer}.operation-btn+.operation-btn{margin-left:12px}