.cw-image-viewer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:row}.cw-image-viewer-header{position:absolute;top:0;left:0;z-index:9;width:100%;height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 13px 0 25px;color:#fff;transition:width .5s}.cw-image-viewer-header>div{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cw-image-viewer-header .quit-box{display:flex;align-items:center;justify-content:flex-end;height:100%}.cw-image-viewer-header .quit-tips{color:#979ba5}.cw-image-viewer-btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.65;box-sizing:border-box;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cw-image-viewer-btn:hover{opacity:.85}.cw-image-viewer-close{width:40px;height:40px;line-height:38px;text-align:center;font-size:32px;color:#fff;cursor:pointer}.cw-image-viewer-canvas{padding:0 20px;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:width .5s}.cw-image-viewer-has-header{padding-top:52px}.cw-image-viewer-error{text-align:center;font-size:14px;color:#fff}.cw-image-viewer-error .bk-icon{font-size:85px;line-height:1;margin-bottom:15px}.cw-image-viewer-actions{left:50%;bottom:30px;transform:translateX(-50%);height:44px;padding:0 23px;background-color:#212121;border-color:#fff;border-radius:22px}.cw-image-viewer-actions-inner{text-align:justify;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:space-around;cursor:pointer}.cw-image-viewer-actions-inner i:not(.is-last){margin-right:8px}.cw-image-viewer-actions-inner .shortcuts-split-line{width:1px;height:18px;background:#fff;margin-right:8px}.cw-image-viewer-next,.cw-image-viewer-prev{top:50%;opacity:.85;width:48px;height:48px;font-size:30px;color:#fff;background-color:#212121;border-color:#fff;cursor:pointer}.cw-image-viewer-prev{transform:translateY(-50%);left:40px}.cw-image-viewer-next{transform:translateY(-50%);right:40px;text-indent:2px}.img-viewer-sidebar[data-v-2f18d296]{position:fixed;top:0;right:0;z-index:2001;width:350px;height:100vh;background:#212121;transition:right .5s;color:#fff;font-size:14px;padding:30px 40px}.img-viewer-sidebar .collapse-icon[data-v-2f18d296]{cursor:pointer;position:absolute;top:50%;left:0;color:#fff;font-size:24px;transform:translateY(-50%);height:70px;display:flex;align-items:center;background:#343434;border-top-right-radius:8px;border-bottom-right-radius:8px}.img-viewer-sidebar-info[data-v-2f18d296]{margin-bottom:100px}.img-viewer-sidebar .info-title[data-v-2f18d296]{font-size:16px;margin-bottom:20px}.img-viewer-sidebar .info-item[data-v-2f18d296]{margin-bottom:20px}.img-viewer-sidebar .info-item-top[data-v-2f18d296]{line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.img-viewer-sidebar .info-item-btm[data-v-2f18d296]{font-size:12px;color:#797979;line-height:18px}.img-viewer-sidebar .link-item[data-v-2f18d296]{padding:0 10px;margin-bottom:15px;border-width:1px;border-style:solid;border-radius:4px;height:26px;line-height:24px;width:120px;cursor:pointer;filter:brightness(.5)}.img-viewer-sidebar .link-item[data-v-2f18d296]:hover{filter:none}.img-viewer-sidebar .link-item .iconfont[data-v-2f18d296]{font-size:16px;vertical-align:middle}.img-viewer-sidebar .link-item.markdown[data-v-2f18d296]{color:#409eff;background:#ecf5ff;border-color:#b3d8ff}.img-viewer-sidebar .link-item.html[data-v-2f18d296]{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.img-viewer-sidebar .link-item.link[data-v-2f18d296]{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.img-viewer-sidebar .link-item.blog[data-v-2f18d296]{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.img-detail[data-v-45e23db2]{display:flex;flex-direction:column;align-items:center;padding:80px 20px 0}.img-detail-top[data-v-45e23db2]{display:flex;flex-direction:column;align-items:center;padding-bottom:20px;width:100%;border-bottom:1px solid #cbd5e0}.img-detail-top-view[data-v-45e23db2]{margin-bottom:20px}.img-detail-top-view img[data-v-45e23db2]{cursor:pointer;max-height:400px;-o-object-fit:contain;object-fit:contain}.img-detail-top-funcs .bk-button-text[data-v-45e23db2]{margin:0 10px}.img-detail-top-funcs .bk-button-text .iconfont[data-v-45e23db2]{margin-right:5px}.img-detail-btm[data-v-45e23db2]{width:100%;display:flex;padding:20px 20px 100px;position:relative}.img-detail-btm[data-v-45e23db2]:before{content:"";position:absolute;width:1px;height:100%;background:#cbd5e0;left:50%;top:0}.img-detail-btm-left[data-v-45e23db2],.img-detail-btm-right[data-v-45e23db2]{width:50%;padding:0 20px}.img-detail-btm .img-detail-title[data-v-45e23db2]{font-size:16px;font-weight:500;margin-bottom:20px}.img-detail-btm .img-link-item[data-v-45e23db2]{display:flex;align-items:center;margin-bottom:15px}.img-detail-btm .img-link-logo[data-v-45e23db2]{padding:0 10px;border:1px solid;border-radius:4px;height:32px;line-height:30px;width:110px;cursor:pointer}.img-detail-btm .img-link-logo .iconfont[data-v-45e23db2]{font-size:16px;vertical-align:middle}.img-detail-btm .img-link-logo.markdown[data-v-45e23db2]{color:#409eff;background:#ecf5ff;border-color:#b3d8ff}.img-detail-btm .img-link-logo.html[data-v-45e23db2]{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.img-detail-btm .img-link-logo.link[data-v-45e23db2]{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.img-detail-btm .img-link-logo.blog[data-v-45e23db2]{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.img-detail-btm .img-link-text[data-v-45e23db2]{flex:1;padding-left:15px}.img-detail-btm .img-link-text input[data-v-45e23db2]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;height:32px;border:1px solid #cbd5e0;border-radius:4px;padding:0 10px;width:100%}.img-detail-btm .img-detail-list[data-v-45e23db2]{padding:0 30px}.img-detail-btm .img-detail-item[data-v-45e23db2]{display:flex;align-items:center;margin-bottom:15px;line-height:32px;height:32px;color:#63656e;padding:0 10px}.img-detail-btm .img-detail-label[data-v-45e23db2]{font-weight:500}.img-detail-btm .img-detail-label[data-v-45e23db2]:after{content:":";font-weight:600;margin-right:15px}