.cards-box-ul{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;align-items:center;justify-items:center}.cards-li{box-sizing:border-box;width:290px;height:180px;padding:15px 24px 10px 14px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);border-radius:3px;background-color:#fff;transition:all .35s ease-in}.cards-li:hover{box-shadow:0 6px 7px 0 rgba(0,0,0,.1)}.cards-li:hover .title{color:#348efc}.cards-li .title{width:100%;height:20px;line-height:20px;font-size:16px;color:#020202;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cards-li .classify-row{margin-top:9px;line-height:20px;color:#666}.cards-li .rate-row{padding:18px 0 12px;display:flex;justify-content:space-between;align-items:center}.cards-li .rate-row .el-rate,.cards-li .rate-row strong{vertical-align:middle}.cards-li .rate-row strong{font-size:18px;color:#ff6525}.cards-li .rate-row .res-icon{display:inline-block;width:50px;height:50px;text-align:right}.cards-li .user{display:flex;justify-content:space-between;align-items:center}.cards-li .user a{line-height:26px}.cards-li .user img{display:inline-block;height:26px;border-radius:50%;margin-right:10px}.cards-li .user a,.cards-li .user span{display:inline-block;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}