.list.gallery .list-wrap { display: flex; flex-wrap: wrap; align-items: baseline; } .list.gallery .list-wrap .card-img { max-height: 40vh; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; transform:scale(1.0); transition: all 0.3s ease-in-out; } .list.gallery .list-wrap .card-img:hover { transform: scale(1.1); } .list.gallery .list-wrap .card { width: 30%; margin: 1.5%; max-height: 70vh; overflow: hidden; align-self: center; } .list.gallery .list-wrap .card.gongji { box-shadow: 10px 10px 10px rgb(79 26 149 / 30%); } .list.gallery .list-wrap .card img { width:100%; height:100%; } .list.gallery .list-wrap .card .card-text { word-break: break-all; } .list.gallery .list-wrap .card-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list.gallery .list-wrap .card .chk-sel-del { position: absolute; margin: 0; top: 8px; left: 8px; width: 20px; height: 20px; } .page-list.sticky #list_top.__floating { z-index: 999; position: fixed; width: 100%; max-width: 800px; bottom: 10px; left: 50%; transform: translateX(-50%); padding: 10px; background: white; border: 1px solid black; } .list.gallery .list-wrap .card .uk-card-body .hit-date * { font-size: 13px; color: #999; } .list.gallery .pages-wrap { text-align: center; position: relative; margin-top: 20px; } @media only screen and (max-width: 640px) { .list.gallery .list-wrap .card { width: 47%; } } @media only screen and (max-width: 425px) { .list.gallery .list-wrap .card { width: 47%; } .list.gallery .list-wrap .card-img { max-height: 30vh; } .list.gallery .list-wrap .card .uk-card-body { padding: 10px 10px; } .list.gallery .list-wrap .card .card-text { display: none; } .list.gallery .list-wrap .card-title { font-size: 14px; } }