.hc-wrapper[data-v-178f2b22]{padding-left:20px}.hc-item[data-v-178f2b22]{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:24px 32px;height:185px;background:#fff;border-radius:16px}.hc-item>.item-aside-left[data-v-178f2b22]{position:relative;width:198px;height:138px;border-radius:8px;overflow:hidden;border:1px solid #ebebeb}.hc-item>.item-aside-left>.el-image[data-v-178f2b22]{width:100%;height:100%}.hc-item .item-aside-rank[data-v-178f2b22]{position:absolute;top:0;left:-4px;text-align:center}.hc-item .item-aside-rank>.iconfont[data-v-178f2b22]{font-size:35px}.hc-item .item-aside-rank>span[data-v-178f2b22]{position:absolute;inset:0;width:30px;font:700 20px/33px DINAlternate;color:#fff}.hc-item>.item-main[data-v-178f2b22]{margin:0 50px 0 20px;flex:1}.hc-item>.item-main>.item-name[data-v-178f2b22]{margin-bottom:10px;font-size:20px;color:#222;line-height:1.3}.hc-item>.item-main>.item-info-line[data-v-178f2b22]{color:#999;line-height:16px;margin-bottom:9px}.hc-item>.item-main>.item-info-line .item-info-textbook[data-v-178f2b22]{margin-right:2px;font-size:13px}.hc-item>.item-main>.item-info-line .item-info-num[data-v-178f2b22]{font-size:12px}.hc-item>.item-main>.item-info-line i[data-v-178f2b22]{font-size:12px;margin-right:6px;vertical-align:text-bottom}.hc-item>.item-main>.item-intro[data-v-178f2b22]{margin-bottom:20px;font-size:12px;color:#999;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hc-item>.item-main .item-info-author[data-v-178f2b22]{margin-right:48px;margin-bottom:0;font-size:13px;color:#666;line-height:1.3}.hc-item>.item-main .item-info-tag-hour[data-v-178f2b22]{margin-right:10px;display:inline-block;padding:2px 7px;font-size:12px;border-radius:5px;color:#666;background:#f9f9f9}.hc-item>.item-main .item-info-tag-class[data-v-178f2b22]{display:inline-block;padding:2px 7px;font-size:12px;border-radius:5px;color:#a27845;background:linear-gradient(274deg,#faead5,#f3d7b1)}.hc-item>.item-aside-right[data-v-178f2b22]{text-align:center}.hc-item>.item-aside-right>.item-aside-price[data-v-178f2b22]{margin-bottom:16px;font-size:18px;color:#a27845;line-height:1.3}.hc-item>.item-aside-right>.el-button[data-v-178f2b22]{font-size:14px}@keyframes animate-178f2b22{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.hc-item[data-v-178f2b22]:hover{box-shadow:0 0 10px 1px rgba(102,177,255,.3803921569);transition:all .6s}.hc-item:hover .el-button[data-v-178f2b22]{animation-duration:1s;animation-fill-mode:both;animation-name:animate-178f2b22;animation-iteration-count:1}