.c-api-card{position:relative;display:inline-block;vertical-align:top;width:292px;height:93px;border-radius:5px;margin-bottom:10px;margin-left:10px;cursor:pointer;transition:all .3s}.c-api-card .card-box{min-height:100%;background:#fff}.c-api-card:nth-child(4n+1){margin-left:0}.c-api-card .info-block{padding-top:16px;height:93px}.c-api-card .info-block .title{display:flex;align-items:center;padding:0 20px 0 14px;font-size:18px;font-weight:700;color:#333}.c-api-card .info-block .title .left{flex:1;overflow:hidden;display:flex;align-items:center}.c-api-card .info-block .title .left .icon{font-size:20px;margin-right:10px;color:#4f78fe}.c-api-card .info-block .title .left .text{line-height:1.2em}.c-api-card .info-block .title .left .arrow{color:#999}.c-api-card .info-block .title .hot i{color:#fc4c4c}.c-api-card .info-block .title .hot .new{display:inline-block;width:42px;height:16px;background:linear-gradient(223deg,#ff7c7c,#fc4c4c);border-radius:8px 8px 8px 0;font-size:12px;font-weight:400;color:#fff;line-height:16px;text-align:center}.c-api-card .info-block .desc{padding:0 44px;margin-top:7px;font-size:12px;font-weight:400;color:#999;line-height:16px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.c-api-card .btn-block{display:flex;height:0;opacity:0;overflow:hidden;border-top:1px solid #f5f5f5;transition:all .3s}.c-api-card .btn-block>div{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:400;color:#333}.c-api-card .btn-block>div:hover{background:#f5f5f5;color:#0b85cc}.c-api-card .btn-block>div+div{border-left:1px solid #f5f5f5}.c-api-card:hover{z-index:1;transform:translateY(-10px)}.c-api-card:hover .btn-block{height:37px;opacity:1}.c-api-card:hover .card-box{box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),-5px -6px 20px 15px 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)}