.pptflow[data-v-0c5b6644]{display:flex;flex-wrap:wrap;justify-content:center}@supports (display:grid){.pptflow[data-v-0c5b6644]{grid-gap:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.template-item[data-v-0c5b6644]{display:flex;height:100%;max-width:1104px;width:100%}.template-item .template-image-root[data-v-0c5b6644]{background:#fff;border-color:#e6e6e6;border-radius:4px;box-shadow:0 0 4px #e6e6e6;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s;width:100%}.template-item .template-image-root .vip-icon[data-v-0c5b6644]{align-items:center;background-color:#0a152fa6;border-radius:8px;color:#feb602;display:flex;height:28px;justify-content:center;left:15px;position:absolute;top:15px;width:28px;z-index:1}.template-item .template-image-root .vip-icon[data-v-0c5b6644]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FA8C00' d='M1.526 10.769h11.218v2.603H1.526z'/%3E%3Cpath fill='%23FF8C00' d='M1.377 8.705 7.016.061l5.741 8.644z'/%3E%3Cpath fill='%23EDA500' d='m12.674 10.104 1.313-7.634L2.822 9.802z'/%3E%3Cpath fill='%23FEC400' d='M1.335 10.058.075 2.433l10.428 7.625z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;background-size:16px 16px;content:"";display:block;height:16px;width:16px}.template-item .template-image-root .template-image[data-v-0c5b6644]{align-items:flex-end;background-size:cover;border-radius:4px 4px 0 0;cursor:pointer;display:flex;opacity:1;position:relative;width:100%}.template-item .template-image-root .template-image .tpl-image-wrapper[data-v-0c5b6644]{background:linear-gradient(270deg,#ccc,#e6e6ec);top:0;right:0;bottom:0;left:0;position:absolute}.template-item .template-image-root .template-image .tpl-image-wrapper .tpl-preview[data-v-0c5b6644]{overflow:hidden;padding-bottom:85%;position:relative}.template-item .template-image-root .template-image .tpl-image-wrapper .tpl-preview[data-v-0c5b6644]:hover{background:#333;filter:drop-shadow(0 0 2px hsl(0,0%,10%))}.template-item .template-image-root .template-image .tpl-image-wrapper .tpl-preview .tpl-link[data-v-0c5b6644]{display:flex;height:100%;overflow:hidden;position:absolute;width:100%}.template-item .template-image-root .template-image .tpl-image-wrapper .tpl-preview .tpl-link .tpl-preview-image[data-v-0c5b6644]{height:auto;left:0;-o-object-fit:cover;object-fit:cover;width:100%}.template-item .template-image-root .template-image .tpl-gradient[data-v-0c5b6644]{background-image:linear-gradient(0deg,rgba(0,0,0,.1),transparent 80px);height:0;opacity:1;padding-top:75%;position:relative;transition:opacity .4s ease;width:100%}.template-item .template-image-root .template-image .tpl-gradient .tpl-grad-inner[data-v-0c5b6644]{display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;position:absolute;top:0;width:100%}.template-item .template-image-root .template-image .tpl-gradient .tpl-grad-inner .tpl-grad-link[data-v-0c5b6644]{top:0;right:0;bottom:0;left:0;position:absolute}.template-item .template-image-root .template-image .tpl-gradient .tpl-grad-inner .tpl-grad-buttons[data-v-0c5b6644]{bottom:0;display:flex;justify-content:flex-end;opacity:0;padding:0 16px 16px 0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease}.template-item .template-image-root .template-image .tpl-gradient .tpl-grad-inner .tpl-grad-buttons .icon[data-v-0c5b6644]{color:#fff;font-size:18px}.template-item .template-image-root .template-content[data-v-0c5b6644]{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;padding:16px;position:relative}.template-item .template-image-root .template-content .tpl-content-link[data-v-0c5b6644]{top:0;right:0;bottom:0;left:0;position:absolute}.template-item .template-image-root .template-content .tpl-name[data-v-0c5b6644]{font-size:14px;max-height:40px;max-width:100%}.template-item .template-image-root .template-content .tpl-name .tpl-name-link[data-v-0c5b6644]{color:#4d4d4d;cursor:pointer;display:inline-block;max-width:100%;overflow:hidden;position:relative;text-decoration:none;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.template-item .template-image-root .template-content .tpl-author[data-v-0c5b6644]{color:#999;display:flex;font-size:12px;height:18px;justify-content:space-between;max-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-item .template-image-root .template-content .tpl-author .tpl-author-link[data-v-0c5b6644]{color:#999;cursor:pointer;display:inline-block;font-weight:500;position:relative;text-decoration:none}.template-item .template-image-root .template-content .tpl-operation[data-v-0c5b6644]{align-items:stretch;color:#74788d;display:flex;flex-direction:row;flex-grow:1;height:32px;justify-content:space-between;line-height:32px;max-height:32px;padding-top:12px}.template-item .template-image-root .template-content .tpl-operation .icon[data-v-0c5b6644]{float:left;font-size:16px;margin-right:5px;margin-top:8px}.template-item[data-v-0c5b6644]:hover{box-shadow:0 0 16px #e6e6e6;transform:translateY(-2px)}.template-item:hover .template-image-root .template-image .tpl-gradient[data-v-0c5b6644]{background-image:linear-gradient(0deg,rgba(0,0,0,.4),transparent 80px);opacity:1}.template-item:hover .template-image-root .template-image .tpl-gradient .tpl-grad-inner .tpl-grad-buttons[data-v-0c5b6644]{opacity:1;pointer-events:auto}