.book-item-with-tag{align-items:center;cursor:pointer;display:flex;margin-top:30px}.book-item-with-tag>img{border-radius:6px;display:block;flex-shrink:0;height:150px;width:113px}.book-item-with-tag>div{margin-left:18px;overflow:hidden}.book-item-with-tag>div>h3{font-size:16px;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-item-with-tag>div>.author{color:#999;font-size:12px;margin:10px 0}.book-item-with-tag>div>.summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;height:2.8em;line-height:1.4em;overflow:hidden}.book-item-with-tag>div>.tag{height:28px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.book-item-with-tag>div>.tag>span{border:1px solid;border-radius:4px;color:#b7b7b7;display:inline-block;font-size:14px;height:26px;line-height:26px;margin-right:15px;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:767px){.book-item-with-tag>div>.tag>span{border:.7px solid;font-size:10px;height:16px;line-height:16px;margin-right:7px;padding:0 4px}}.book-item-with-tag>div>.tag :last-child{margin-right:0}