.hexo-douban-tabs { margin-bottom: 15px; margin-top: 15px; } .hexo-douban-tab { padding: 5px; text-decoration: none !important; } .hexo-douban-tab-active { background: #657b83; color: #fff !important; } .hexo-douban-item { position: relative; clear: both; min-height: 170px; padding: 10px 0; border-bottom: 1px #ddd solid; } @media screen and (max-width: 600px) { .hexo-douban-item { width: 100%; } } .hexo-douban-picture { position: absolute; left: 0; top: 10px; width: 100px; } .hexo-douban-info { padding-left: 120px; } .hexo-douban-meta { overflow: hidden; display: -webkit-box; font-size: 12px; line-height: 16px; padding-right: 10px; margin-top: 5px; -webkit-box-orient: vertical; -webkit-line-clamp: 4 } .hexo-douban-rating { overflow: hidden; display: -webkit-box; font-size: 12px; padding-right: 10px; margin-top: 8px; } .hexo-douban-comments { font-size: 12px; } .hexo-douban-pagination { margin-top: 15px; text-align: center; margin-bottom: 10px; } .hexo-douban-button { padding: 5px; text-decoration: none !important; } .hexo-douban-button:hover { background: #657b83; color: #fff !important; opacity: 1; }