.card-item-tag[data-v-c089c652]{position:absolute;top:16px;left:-8px}.card-item-tag>i[data-v-c089c652],.card-item-tag>span[data-v-c089c652]{display:block}.card-item-tag>span[data-v-c089c652]{height:24px;line-height:24px;padding:0 0 0 8px;background:#764dfc;color:#fff}.card-item-tag .card-item-tag-decoration-before[data-v-c089c652]{position:absolute;top:-6px;left:0;width:0;height:0;border:0 solid transparent;border-left:8px solid transparent;border-bottom:6px solid #442e8c}.card-item-tag .card-item-tag-decoration-after[data-v-c089c652]{position:absolute;top:0;right:-12px;width:0;height:0;border:0 solid transparent;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #764dfc}.card-item-wrap[data-v-0bf5ffa4]{width:340px;padding:10px;border-radius:8px;background:#fff}.card-item-wrap .card-item-tools[data-v-0bf5ffa4]{opacity:0;max-width:0;max-height:0;overflow:hidden;-webkit-transition:opacity .3s ease-in-out 0s;transition:opacity .3s ease-in-out 0s}.card-item-wrap .card-item-img[data-v-0bf5ffa4]{position:relative}.card-item-wrap .card-item-img .card-item-mask[data-v-0bf5ffa4]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px 8px 0 0;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.76)),to(transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.76),transparent);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;opacity:0}.card-item-wrap .card-item-img>img[data-v-0bf5ffa4]{display:block;width:320px;height:240px;border-radius:8px 8px 0 0;-o-object-fit:cover;object-fit:cover}.card-item-wrap[data-v-0bf5ffa4]:hover{-webkit-box-shadow:0 5px 16px 0 rgba(125,136,203,.42);box-shadow:0 5px 16px 0 rgba(125,136,203,.42)}.card-item-wrap:hover .card-item-tools[data-v-0bf5ffa4]{opacity:1;max-width:160px;max-height:160px}.card-item-wrap:hover .card-item-img .card-item-mask[data-v-0bf5ffa4]{opacity:1}.card-item-view-count[data-v-0bf5ffa4]{position:absolute;right:18px;bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.card-item-view-count img[data-v-0bf5ffa4]{width:24px;height:24px;margin-right:4px}.card-item-meta-info[data-v-0bf5ffa4]{position:absolute;bottom:0;left:0;width:100%;display:none}.card-item-wrap:hover .card-item-meta-info[data-v-0bf5ffa4]{display:block}.action-btns[data-v-8c163a22]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.action-btns .action-btn-wrap+.action-btn-wrap[data-v-8c163a22]{margin-left:24px}.action-btns .action-btn[data-v-8c163a22]{-webkit-box-sizing:content-box;box-sizing:content-box;width:54px;height:54px;background:#fff;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;background-clip:content-box;-webkit-box-shadow:0 0 8px rgba(176,194,249,.27);box-shadow:0 0 8px rgba(176,194,249,.27);text-align:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.action-btns .action-btn>i[data-v-8c163a22]{font-size:18px;color:#0b1637}.action-btns .action-btn>label[data-v-8c163a22]{display:block;color:#0b1637}.pop-action-btn>i[data-v-8c163a22]{margin-right:8px}.info-title[data-v-5803612f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-title img[data-v-5803612f]{margin-right:8px}.info-title span[data-v-5803612f]{font-size:16px;font-weight:700}.page-title[data-v-45588ad2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 32px;border-radius:10px;background:#fbfafc}.page-title .metaslot[data-v-45588ad2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-title .toolbar[data-v-45588ad2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:1510px){.page-title[data-v-45588ad2]{padding:10px 8px}}.button-tabs[data-v-397ac264]{display:-webkit-box;display:-ms-flexbox;display:flex}.button-tabs>div[data-v-397ac264]{height:32px;line-height:32px;background:transparent;padding:0 16px;border-radius:10px;cursor:pointer}.button-tabs>div+div[data-v-397ac264]{margin-left:16px}.button-tabs>div.active[data-v-397ac264]{background:#8798ff;color:#fff}.list-filter>ul[data-v-22c0dbd3]{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex}.list-filter>ul>li+li[data-v-22c0dbd3]{margin-left:32px}.list-filter-ctrl[data-v-22c0dbd3]{cursor:pointer}.list-filter-pop-wrap[data-v-22c0dbd3]{padding:16px;background:#fff;border-radius:8px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.24);box-shadow:0 0 8px rgba(0,0,0,.24)}.selector[data-v-22c0dbd3]{padding:4px 0}.selector+.selector[data-v-22c0dbd3]{border-top:1px solid #ddd}.selector-item[data-v-22c0dbd3]{padding:4px 4px;border-radius:4px;cursor:pointer}.selector-item[data-v-22c0dbd3]:hover{background:#f1f1f1}.selector-item.active[data-v-22c0dbd3]{color:#764dfc}