.book-cards{grid-column-gap:20px;grid-row-gap:15px;display:grid;grid-template-columns:repeat(2,49%);margin:5px;position:relative}@media only screen and (max-width:960px){.book-cards{grid-column-gap:15px;grid-row-gap:10px;grid-template-columns:repeat(1,100%)}}.book-card{background-color:#fff;border-radius:4px;box-shadow:0 4px 11px -2px rgba(37,44,97,.1),0 1px 3px 0 rgba(93,100,148,.15);color:#8b939c;cursor:pointer;display:flex;flex-direction:column;margin:10px 0;padding:0 15px 15px;position:relative}.book-cards .book-rate i{font-size:13px;margin-right:1px}.book-cards .book-card-img{border-bottom:1px solid #dcddde;border-radius:2px;box-shadow:0 1px 7px 2px #c7c9d3;margin-bottom:20px;margin-top:-35px;object-fit:cover;transition:.3s ease;width:160px}.book-cards .book-card-img:hover{transform:scale(1.04)}.card-content{color:#3d4954;overflow:hidden;padding:20px 30px;position:relative}.book-cards .book-name{font-family:ZCOOL XiaoWei,serif;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-cards .book-by{bottom:6px;color:#bbb;font-size:13px;margin-top:4px;position:absolute;right:10px}.book-cards .book-by i{display:none;font-size:14px;margin:0 4px}.book-cards .book-rate>label{color:#ccc}.book-cards .rate{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.book-rate:not(:checked)>label:hover,.book-rate:not(:checked)>label:hover~label,.book-rate>input:checked+label:hover,.book-rate>input:checked~label,.book-rate>input:checked~label:hover,.book-rate>input:checked~label:hover~label,.book-rate>label:hover~input:checked~label{color:#ff9700}.book-cards .card-sum,.book-cards .card-vote{color:#8b939c;font-size:13px}.book-cards .card-sum{-webkit-line-clamp:4;line-height:1.6em;margin-top:15px}.book-cards .content-wrapper{display:flex;position:relative}.book-cards .book-rate i{color:#ff9700;font-size:14px;font-weight:700}