.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__placeholder{background:#f5f7fa}.el-image__error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:var(--font-size-body-3);background:#f5f7fa;color:rgb(var(--color-text-3));vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--border-radius-circle);cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:var(--font-size-title-3);color:#fff;background:rgba(0,0,0,.6)}.el-image-viewer__close i{font-size:var(--font-size-title-2)}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto;height:56px;padding:0 24px;background:#fff;border-color:#fff;border-radius:var(--border-radius-medium)}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:var(--font-size-title-1);color:rgb(var(--color-text-2));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__actions__inner i{padding:16px;cursor:pointer;font-size:var(--font-size-title-1)}.el-image-viewer__actions__inner i:hover{background:rgb(var(--color-fill-3));color:rgb(var(--primary-6));border-radius:var(--border-radius-medium)}.el-image-viewer__actions__inner .el-icon-guanbi-1{font-size:var(--font-size-body-3)}.el-image-viewer__prev{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:40px;width:40px;font-size:var(--font-size-title-3);color:#fff;background:rgba(0,0,0,.6);border-color:#fff;left:40px}.el-image-viewer__prev i{font-size:var(--font-size-title-2)}.el-image-viewer__next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:40px;width:40px;font-size:var(--font-size-title-3);color:#fff;background:rgba(0,0,0,.6);border-color:#fff;right:40px;text-indent:2px}.el-image-viewer__next i{font-size:var(--font-size-title-2)}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:.3s viewer-fade-in;animation:.3s viewer-fade-in}.viewer-fade-leave-active{-webkit-animation:.3s viewer-fade-out;animation:.3s viewer-fade-out}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}