.knowledge-content--image[data-v-96b7bb10]{width:226px;height:162px;border-radius:var(--theme-border-radius);overflow:hidden;position:relative;display:inline-block}.knowledge-content--image+.knowledge-content--image[data-v-96b7bb10]{margin-left:38px}.knowledge-content--image .thumb[data-v-96b7bb10]{width:100%;height:100%}.knowledge-content--image .wrapper[data-v-96b7bb10]{width:100%;height:100%;position:relative}.knowledge-content--image .wrapper .mask-view[data-v-96b7bb10]{position:absolute;left:0;top:0;right:0;bottom:0;display:block;background:rgba(0,0,0,.3)}.knowledge-content--image .wrapper .mask-view .mask-view--wrapper[data-v-96b7bb10]{width:100%;height:100%;text-align:center;display:none;line-height:162px}.knowledge-content--image .wrapper .mask-view .mask-view--wrapper .svg-icon[data-v-96b7bb10]{color:#fff}.knowledge-content--image .wrapper .mask-view .view-tool[data-v-96b7bb10]{position:absolute;top:0;right:0;width:52px;height:24px;line-height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAYCAYAAAC1Ft6mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACeSURBVHgB7ZQxCoAwEATXqCA2tvok//8EG0EstLDRwjswEDT2uSUDiyakGbK5AsAoqUCCk2wgQoV2EKFCB4jIlUsdFTolF0hwz5emdl6IpnZeiGbS5cqljheimXQu+KeoXShEUbtQiGLS5cqlTiikk26FccrIXg/DuNd6gvHqxW5okQySGgaJCelbmiWdpIUxyp99lfL10zMNvvVMkhthIhxarzbkrgAAAABJRU5ErkJggg==) no-repeat 100% 100%/cover;color:#fff}.knowledge-content--image .wrapper .mask-view .view-tool .svg-icon[data-v-96b7bb10]{color:#fff;margin-right:4px}.knowledge-content--image .wrapper:hover .mask-view .mask-view--wrapper[data-v-96b7bb10]{display:block}.knowledge-content--image .container[data-v-96b7bb10]{position:absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1)}.knowledge-content--image .container .title[data-v-96b7bb10]{font-size:var(--theme-font-size);line-height:16px;color:#fff;padding:0 8px}.knowledge-content--image .container .svg-icon[data-v-96b7bb10]{color:#fff}.knowledge-content--image .container .svg-icon.active[data-v-96b7bb10]{color:var(--theme-color-primary)}.knowledge-content--image .container[data-v-96b7bb10] .icon-btn .svg-icon{color:#fff}.knowledge-content--image .container[data-v-96b7bb10] .icon-btn.active .svg-icon{color:var(--theme-color-primary)}.knowledge-content--image .container[data-v-96b7bb10] .icon-btn+.icon-btn,.knowledge-content--image .container[data-v-96b7bb10] .icon-btn+.view-more-groups{margin-left:6px}.knowledge-content--image .container .tools-group[data-v-96b7bb10]{padding:4px 8px}.knowledge-content--image .view-tool[data-v-96b7bb10]{font-size:var(--theme-font-size);color:#fff}.knowledge-content--image .view-tool.cursor-pointer:hover .svg-icon[data-v-96b7bb10]{color:var(--theme-color-primary)}.knowledge-content--image .view-tool+.view-tool[data-v-96b7bb10]{margin-left:6px}.knowledge-content--image-group .more-btn[data-v-4a887246]{font-size:var(--theme-font-size);line-height:22px;color:var(--theme-color-text-secondary);margin-top:-32px;height:22px}.knowledge-content--image-group .more-btn[data-v-4a887246]:hover{text-decoration:underline;color:var(--theme-color-1)}.knowledge-content--image-group .more-btn:hover .svg-icon[data-v-4a887246]{color:var(--theme-color-1)}