.image-viewer{position:fixed;top:0;bottom:0;left:0;right:0}.image-viewer .mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.image-viewer .btn-hide{position:absolute;top:40px;right:40px;width:40px;height:40px;color:#fff;opacity:.6;font-size:40px;cursor:pointer;z-index:1}.image-viewer .image-box{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.image-viewer .next,.image-viewer .prev{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;width:44px;height:44px;color:#fff;font-size:24px;transform:translateY(-50%);background-color:#606266;opacity:.8;border-color:#fff;border-radius:50%;cursor:pointer;z-index:1}.image-viewer .prev{left:40px}.image-viewer .next{right:40px}.image-viewer .image-name{bottom:80px;padding:5px 20px;background:rgba(0,0,0,.3);font-size:16px;color:#fff}.image-viewer .actions,.image-viewer .image-name{position:absolute;left:50%;transform:translateX(-50%);z-index:1}.image-viewer .actions{display:flex;height:45px;justify-content:center;align-items:center;padding:0 25px;bottom:30px;background-color:rgba(96,98,102,.7);border-radius:30px}.image-viewer .actions .action{color:#fff;font-size:20px;opacity:.8;cursor:pointer}.image-viewer .actions .action+.action{margin-left:20px}.image-viewer .canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.image-viewer .canvas .num{position:absolute;left:0;right:0;top:0;z-index:10;padding:10px 0;color:#fff;font-size:14px;text-align:center;background:rgba(0,0,0,.5)}.glen-dialog[data-v-6a0a649f]{position:fixed;z-index:999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);overflow:hidden;transition:all .3s ease-out}.glen-dialog .glen-dialog-content[data-v-6a0a649f]{overflow:hidden;border-radius:10px;background:#fff;width:50%;position:absolute;height:50%}.glen-dialog .glen-dialog-content .header[data-v-6a0a649f]{position:absolute;height:50px;left:0;right:0;display:flex}.glen-dialog .glen-dialog-content .header .self-header[data-v-6a0a649f]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;width:100%}.glen-dialog .glen-dialog-content .header .self-header .title[data-v-6a0a649f]{border-bottom:3px solid #3078ff;font-size:14px;font-weight:700;height:50px;line-height:50px;margin-left:20px;cursor:pointer;padding:0 10px}.glen-dialog .glen-dialog-content .header .self-header .header-operate span[data-v-6a0a649f]{margin:0 10px;font-size:20px;cursor:pointer}.glen-dialog .glen-dialog-content .header .self-header .header-operate span[data-v-6a0a649f]:hover{background:#eee}.glen-dialog .glen-dialog-content .body[data-v-6a0a649f]{position:absolute;left:0;right:0;top:60px;bottom:0;padding:10px}