.archive-staff[data-v-b4f996e4]{padding:24px}.archive-staff .search-box[data-v-b4f996e4]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archive-staff .table-operator[data-v-b4f996e4]{margin-bottom:18px}.archive-staff .delete-btn[data-v-b4f996e4]{color:#f56c6c}.archive-staff .upLoadPicBox[data-v-b4f996e4]{width:120px;height:120px;cursor:pointer}.archive-staff .upLoadPicBox .pictrue[data-v-b4f996e4]{width:100%;height:100%;border:1px dashed #d9d9d9;border-radius:6px;overflow:hidden;position:relative}.archive-staff .upLoadPicBox .pictrue img[data-v-b4f996e4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.archive-staff .upLoadPicBox .pictrue .mask[data-v-b4f996e4]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);border-radius:6px;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;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.archive-staff .upLoadPicBox .pictrue .mask .icon[data-v-b4f996e4]{font-size:24px;color:#fff;margin:0 10px;cursor:pointer}.archive-staff .upLoadPicBox .pictrue .mask .icon[data-v-b4f996e4]:hover{color:#409eff}.archive-staff .upLoadPicBox .pictrue:hover .mask[data-v-b4f996e4]{opacity:1}.archive-staff .upLoadPicBox .upLoad[data-v-b4f996e4]{width:100%;height:100%;border:1px dashed #d9d9d9;border-radius:6px;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;font-size:28px;color:#8c939d}.archive-staff .upLoadPicBox .upLoad[data-v-b4f996e4]:hover{border-color:#409eff}