.ImgListComponent { .ImgList { width: 100%; display: flex; flex-flow: row wrap; .fileItem { margin: 0 12px 12px 0; padding: 8px; border-radius: 4px; border: 1px solid #d9d9d9; position: relative; .imgFile { width: 100%; height: 100%; overflow: hidden; border-radius: 4px; } } .flexRowWrap { display: flex; flex-flow: row wrap; } .coveringLayer { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; flex-flow: row nowrap; align-items: center; justify-content: center; } } .seeMore { padding-right: 20px; color: #58a3ff; } .seeMore:hover { color: #0e77ca; cursor: pointer; } .mask { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999999999; background: rgba(0, 0, 0, .8); display: flex; flex-flow: column; align-items: center; justify-content: center; .progress { color: #FFF; } .promptText { color: #FFF; padding-top: 15px; } } } .actionBar { position: relative; display: flex; flex-flow: row nowrap; align-items: center; } .imgModal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 99999; .floatingLayer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99997; background: rgba(0, 0, 0, .5); } .ant-modal-content { background: rgba(0, 0, 0, 0) !important; } .ant-modal-content { box-shadow: 0 2px 8px rgba(0, 0, 0, 0); } } .demandDetailShow-upload { .anticon-eye-o { margin-left: -8px; } .anticon-delete { display: none } } .pdfmodal .ant-modal-content { background-color: rgba(255, 255, 255, 0); box-shadow: 0 0; .ant-modal-close { background: red; color: #FFF; } } .no{ position: absolute; width: 100px; height: 50px; top: 20px; right: 70px; background:#323639; }