.list.gallery .list-wrap { display: flex; flex-wrap: wrap; align-items: baseline; gap:30px; margin-top:35px; } .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:calc((100% - 60px) / 3); max-height: 70vh; overflow: hidden; align-self: center; box-shadow:none; } .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 .uk-card-body { padding:20px 0 0 0; } .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: 15px; left: 15px; width: 15px; height: 15px; } .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: 16px; color: #666; } .list.gallery .pages-wrap { text-align: center; position: relative; margin-top: 20px; } .list.gallery [list-reserve] { position: absolute; background-color: white; top: 8px; right: 8px; } @media only screen and (max-width: 1024px) { .list.gallery .list-wrap { gap:20px; margin-top:25px; } .list.gallery .list-wrap .card { width:calc((100% - 40px) / 3); } } @media only screen and (max-width: 540px) { .list.gallery .list-wrap { gap:15px; } .list.gallery .list-wrap .card { width:calc((100% - 15px) / 2); } .list.gallery .list-wrap .card-img { max-height: 30vh; } .list.gallery .list-wrap .card .uk-card-body { padding-top: 10px; } .list.gallery .list-wrap .card .card-text { display: none; } }