.tdesign-demo-image-viewer__ui-image{position:relative;overflow:hidden}.tdesign-demo-image-viewer__ui-image .ori-image{width:100%}.tdesign-demo-image-viewer__ui-image img{display:block}.tdesign-demo-image-viewer__ui-image--hover{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover{opacity:1;cursor:pointer;z-index:100}.tdesign-demo-image-viewer__ui-image--img{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box;z-index:100}.tdesign-demo-image-viewer__ui-image--title{flex:1}.tdesign-demo-popup__reference{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon{cursor:pointer}.tdesign-demo-image-viewer__base{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}