.c-card{z-index:0;display:inline-block;width:288px;padding:10px 10px 0;background:#fff;border-radius:5px;cursor:pointer;transition:all .3s}.c-card,.c-card .cover-block{position:relative}.c-card .cover-block .cover{width:100%;height:220px;border-radius:5px;-o-object-fit:cover;object-fit:cover}.c-card .cover-block .promote-num{position:absolute;left:0;bottom:0;padding:0 12px;height:30px;line-height:30px;background:linear-gradient(90deg,#4e79fe,#589bfd);opacity:.8;border-radius:0 15px 0 5px;font-size:12px;font-weight:500;color:#fff;text-align:center}.c-card .cover-block .btn.preview{display:none;position:absolute;right:5px;bottom:5px;width:38px;height:38px;line-height:36px;background:#000;opacity:.5;border:1px solid #fff;border-radius:5px;color:#fff;text-align:center}.c-card .cover-block .btn.preview:hover{opacity:.8}.c-card .status-block,.c-card .title-block{padding:0 10px}.c-card .title-block{margin:20px 0}.c-card .title-block .title{display:flex;align-items:center;color:#333}.c-card .title-block .title .left{flex:1;display:flex;align-items:center;overflow:hidden}.c-card .title-block .title .hot{flex:0 0 24px;color:#fb5b45;font-size:18px}.c-card .title-block .title .text{font-size:18px;line-height:1.2em;font-weight:700;white-space:nowrap}.c-card .title-block .title .updated{width:84px;height:20px;line-height:20px;background:#4f77fe;border-radius:3px;text-align:center;font-size:12px;font-weight:400;color:#fff}.c-card .title-block .title .updated:before{font-weight:700;content:"· "}.c-card .title-block .desc{margin-top:10px;font-size:12px;font-weight:500;color:#999}.c-card .status-block{margin-bottom:22px}.c-card .status-block>div{display:inline-block}.c-card .status-block .status{margin-right:28px;font-size:14px;font-weight:500;color:#02cc4a}.c-card .status-block .status.before{color:#999}.c-card .status-block .status.after{color:#ff3131}.c-card .status-block .status:before{font-weight:bolder;content:"· "}.c-card .status-block .api{font-size:14px;font-weight:500;color:#999}.c-card .btn-block{display:flex;align-items:center;overflow:hidden;margin:0 -10px;height:60px;border-radius:0 0 5px 5px;border-top:1px solid #f5f5f5}.c-card .btn-block .el-button{flex:1;padding:0;line-height:60px;height:100%;border:0;outline:0;border-radius:0;color:#333}.c-card .btn-block .el-button+.el-button{margin:0;border-left:1px solid #f5f5f5}.c-card .btn-block .el-button:active,.c-card .btn-block .el-button:focus{color:#333;background:none}.c-card .btn-block .el-button:hover{color:#4e76fe!important;background:#f7f7f7!important}.c-card:hover{z-index:1;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07);transform:translateY(-10px)}.c-card:hover .cover-block .btn.preview{display:block}.c-card:hover .status-block .api,.c-card:hover .title-block .title{color:#4e7afe}