.hl-upload .upload-add{position:relative;width:160px;height:160px;border-radius:16px;border:2.5px dashed #dadfe6;text-align:center;line-height:160px;cursor:pointer}.hl-upload .upload-add:hover{background:#eff4fc}.hl-upload .upload-add:active{background:#e3e8f0}.hl-upload .upload-add__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer}.hl-upload .upload-add__button{position:relative;z-index:3}.hl-upload .upload-image{position:relative;width:160px;height:160px}.hl-upload .upload-image:hover .upload-image-mask{z-index:1}.hl-upload .upload-image__img{width:100%;height:100%;display:block;border-radius:16px}.hl-upload .upload-image-mask{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;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:rgba(0,0,0,.5);border-radius:16px}.hl-upload .upload-image-mask .image-icon{color:#fff;font-size:24px;padding:0 4px;background:transparent;border-radius:8px;cursor:pointer}.hl-upload .upload-image-mask .image-icon:hover{background:hsla(0,0%,100%,.35)}.hl-upload .upload-image-mask .image-icon:active{background:hsla(0,0%,100%,.45)}.hl-upload .upload-image-mask .image-icon+.image-icon{margin-left:20px}.hl-upload .upload-preview{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.hl-upload .upload-preview-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.hl-upload .upload-preview-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%}.hl-upload .upload-preview-wrap .close{position:absolute;right:-48px;top:-40px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:rgba(0,0,0,.3);color:#fff;font-size:20px;cursor:pointer}.hl-upload .upload-preview-wrap .close:hover{background:rgba(0,0,0,.38)}.hl-upload .upload-preview-wrap .close:active{background:rgba(0,0,0,.46)}.hl-upload .upload-preview__img{display:block;width:100%}[data-v-a24d0612]:export{blueColor:#2046c7;grayColor:#949ba6;redColor:#ec6161;yellowColor:#ffa70b;cyanblueColor:#00cbd3;purpleColor:#8b73f8;hotpinkColor:#ef6dcb;lightGreen:rgba(91,196,159,.15);lightGray:rgba(0,0,0,.05)}.recipeType-edit__dialog[data-v-a24d0612] .el-dialog__body{padding-left:30px}.recipeType-edit__dialog .iconDiv[data-v-a24d0612]{width:24px;height:24px;cursor:pointer;border-radius:4px;text-align:center}.recipeType-edit__dialog .iconDiv[data-v-a24d0612]:hover{background-color:rgba(32,70,199,.2)}.recipeType-edit__dialog .iconDiv[data-v-a24d0612]:active{background-color:rgba(32,70,199,.3)}.recipeType-edit__dialog[data-v-a24d0612] .speInput{width:310px!important}.recipeType-edit__dialog[data-v-a24d0612] .speInput .el-input.el-input--small.el-input--suffix{width:200px!important}.recipeType-edit__dialog[data-v-a24d0612] .speInput2{width:140px!important}.recipeType-edit__dialog[data-v-a24d0612] .speInput2 .el-input.el-input--small.el-input--suffix{width:120px!important}.recipeType-edit__dialog .tableDiv[data-v-a24d0612]{background:#eff4fc;padding:4px 16px 16px 16px;border-radius:8px}.recipeType-edit__dialog[data-v-a24d0612] .speTab tr{background:#eff4fc!important}.recipeType-edit__dialog .add-bt[data-v-a24d0612]{margin-top:8px;width:100%;background:#fff;border:2px dashed #dcdfe6;border-radius:4px;text-align:center;cursor:pointer}.recipeType-edit__dialog .add-bt span[data-v-a24d0612]{color:#2046c7}.recipeType-edit__dialog .add-bt[data-v-a24d0612]:hover{background:#eff4fc;border-radius:4px;border:2px dashed #dadfe6}.recipeType-edit__dialog .add-bt[data-v-a24d0612]:active{background:#e3e8f0;border-radius:4px;border:2px solid #dadfe6}