.list.gallery .list-wrap { display: flex; flex-wrap: wrap; align-items: baseline; gap:40px 20px; } .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% - 40px) / 3); 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%; aspect-ratio:1.5; border-radius:10px; } .list.gallery .list-wrap .card .card-text { word-break: break-all; } .list.gallery .list-wrap .card-title { font-size:20px; 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 { margin-top:15px; padding:0; } .list.gallery .list-wrap .card .uk-card-body .cate_txt { display:inline-block; margin-bottom:5px; padding:0 10px; font-size:14px; color:#f59e0b; border:1px solid #f59e0b; border-radius:7px; } .list.gallery .list-wrap .card .uk-card-body .hit-date { display:none; } .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: 1024px) { .list.gallery .list-wrap .card-title { font-size:18px; } } @media only screen and (max-width: 768px) { .list.gallery .list-wrap { gap:10px; } .list.gallery .list-wrap .card { width:calc((100% - 10px) / 2); } } @media only screen and (max-width:320px) { .list.gallery .list-wrap .card { width:100%; } }