.pa{position:absolute}.pr{position:relative}.pic-preview-modal .ivu-modal-content{background:rgba(0,0,0,.9);box-shadow:none}.pic-preview-modal .ivu-modal-body{padding:0;height:100%}.pic-preview-modal .ivu-modal-close .ivu-icon-ios-close{color:#fff;font-size:28px}.pic-preview-box{position:relative;height:100%;flex-direction:column}.pic-preview-box,.pic-preview-box .preview-main{width:100%;display:flex;align-items:center;justify-content:center}.pic-preview-box .preview-main{flex:1;min-height:0}.pic-preview-box .preview-main .preview-img{max-width:90%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px}.pic-preview-box .preview-footer{padding:16px 24px;display:flex;align-items:center;gap:16px}.pic-preview-box .preview-footer .preview-name{font-size:16px;color:hsla(0,0%,100%,.9)}.pic-preview-box .preview-footer .preview-count{font-size:14px;color:hsla(0,0%,100%,.55)}.pic-preview-box .preview-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.pic-preview-box .preview-arrow:hover{background:hsla(0,0%,100%,.3)}.pic-preview-box .preview-arrow.preview-arrow-left{left:24px}.pic-preview-box .preview-arrow.preview-arrow-right{right:24px}