.hover-card-item[data-v-4cc023bc]{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.9));border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex-flow:column;height:262px;justify-content:space-between;opacity:0;padding:23px 16px 15px;position:absolute;transition:opacity .5s ease;width:197px;z-index:10}.hover-card-item .top[data-v-4cc023bc]{display:flex;flex-flow:column}.hover-card-item .top .title[data-v-4cc023bc]{font-size:16px;font-weight:600;line-height:100%}.hover-card-item .top .abstract[data-v-4cc023bc]{font-size:12px;font-weight:500;line-height:17px;margin-top:14px;white-space:normal;word-break:break-all}.hover-card-item .bottom-btns[data-v-4cc023bc]{align-items:center;display:flex;flex-flow:row;justify-content:space-between}.hover-card-item .bottom-btns .money-btn[data-v-4cc023bc]{font-size:22px;line-height:36px}.hover-card-item .bottom-btns .money-btn label[data-v-4cc023bc]{font-size:12px}.hover-card-item .bottom-btns .go-btn[data-v-4cc023bc]{background:var(--B0);border-radius:13px;display:inline-block;height:26px;line-height:26px;text-align:center;width:26px}.hover-card-item .bottom-btns .go-btn .icon[data-v-4cc023bc]{font-weight:900;height:12px;width:12px;fill:var(--red)}.hover-card-item .bottom-btns .free-read[data-v-4cc023bc]{font-size:12px;line-height:17px}.hover-card-item .corner[data-v-4cc023bc]{position:absolute;right:8px;top:8px;z-index:20}.hover-card-item .corner .corner_img[data-v-4cc023bc]{height:18px;width:auto}.recommends_card:hover .hover-card-item[data-v-4cc023bc]{opacity:1}.recommends_card[data-v-4cc023bc]{display:inline-block;height:262px;position:relative;width:197px}.recommends_card img[data-v-4cc023bc]{border-radius:10px;height:262px;width:197px}@media (max-width:767px){.recommends_card[data-v-4cc023bc]{height:200px;width:153px}.recommends_card img[data-v-4cc023bc]{border-radius:6px;height:200px;width:153px}}.class-icon-wrapper[data-v-4cc023bc]{align-items:center;background:var(--B0);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;height:20px;justify-content:center;left:12px;position:absolute;top:12px;width:20px}.class-icon-wrapper .class-icon[data-v-4cc023bc]{height:11px;margin-top:0;width:10px}.class-icon-wrapper .class-desc[data-v-4cc023bc]{background-color:var(--B0);box-shadow:0 2px 4px rgba(0,0,0,.2);color:var(--B80);display:none;font-size:12px;left:0;padding:12px 16px;position:absolute;top:30px;width:270px;z-index:1}.class-icon-wrapper:hover .class-desc[data-v-4cc023bc]{display:block}@media (max-width:767px){.class-icon-wrapper[data-v-4cc023bc]{display:none}}