| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 | 
							- .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;
 
-   }
 
- }
 
- .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);
 
-   }
 
- }
 
 
  |