.base-block{position:relative;display:inline-block;margin:0;box-sizing:border-box;color:#dcdee2;background-color:#f5f7f9;border:1px solid rgba(0,0,0,0);cursor:pointer}.preivew{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999}.preivew .preview-mask{background-color:rgba(55,55,55,.6)}.preivew .preview-mask,.preivew .preview-wrap{position:absolute;top:0;bottom:0;left:0;right:0}.preivew .preview-wrap{z-index:2;overflow:auto;text-align:center;overflow:hidden}.preivew .preview-wrap .no-preivew{color:#fff}.preivew .preview-wrap img{display:block;width:auto;height:auto;margin:0 auto;color:#fff;cursor:move}.preivew .preview-wrap .preview-operator-container{position:absolute;top:10px;right:33px;left:auto;bottom:auto;cursor:default;font-size:45px;z-index:3;color:#fff}.preivew .preview-wrap .preview-operator-container .preview-operator{display:table;margin-top:10px}.preivew .preview-wrap .preview-operator-container .preview-operator .preview-operator-item{display:table-cell;background-color:grey;border-radius:50%;width:75px;height:75px;vertical-align:middle;text-align:center;color:#fff}.preivew .preview-wrap.preview-pdf .preview-operator-container{top:60px}.preivew .preview-wrap.preview-pdf .preview-operator-container .preview-operator{margin-top:0}.preivew .preview-wrap.preview-pdf .pdf-container{position:absolute;top:3%;left:1%;width:98%;height:94%}.preivew .loading-container{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;padding:41px 1px 1px 1px;z-index:2}.preivew .loading-container .ivu-spin-dot{background-color:#fff}.file-add-block{text-align:center}.file-add-block .file-add-block-wrap{display:inline-block;width:auto;height:auto;margin-top:50%;-ms-transform:translateY(-40%);transform:translateY(-40%);cursor:default}.file-add-block .add-icon{color:#b9c3d4;font-size:25px}.file-add-block .main-text{font-size:14px;color:grey;line-height:1.5}.file-add-block .info-text{font-size:12px;color:#bfbfbf}.file-block{position:relative}.file-block .file-block-mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(55,55,55,.6);text-align:center;color:#fff;padding-top:45%;line-height:1;cursor:default}.file-block .file-block-wrap{position:relative}.file-block .file-block-wrap,.file-block .file-block-wrap>img{width:100%;height:100%}.file-block .file-block-wrap>img:not([src]),.file-block .file-block-wrap>img[src=""]{opacity:0}.file-block .file-block-wrap .img-load-status{position:absolute;left:50%;top:40%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.file-block .demo-spin-icon-load{animation:ani-demo-spin 1s linear infinite}