@charset "utf-8";

body { margin: 0; background: whitesmoke; }

.列表分区 { display: flex; flex-wrap: wrap; margin-bottom: .8rem; }

a.列表链接 { display: flex; align-items: center; position: relative; user-select: none; cursor: default; text-decoration: none; background: white; }

a.列表链接::before { content: ""; border-top: 0.1rem solid whitesmoke; position: absolute; left: 3.4rem; top: -0.1rem; right: 0; }

a.列表链接::after { content: ""; background: url(跳转图标.svg) no-repeat center / contain; width: 1rem; margin: 0 .8rem 0 .2rem; height: 1.3rem; flex-shrink: 0; }

a.列表链接:active { background: #ebebeb; }

img.列表图片 { width: 1.4rem; height: 1.4rem; object-fit: contain; padding: 1rem; }

h4.列表标题 { font-weight: normal; color: black; white-space: nowrap; margin: 1rem 1rem 1rem 0; overflow: hidden; text-overflow: ellipsis; }

p.列表段落 { margin-left: auto; color: gray; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



@media (max-width: 767.9px) {
    a.列表链接 { width: 100%; }
}

@media (min-width: 768px) {
    main.页面主要 { margin: 1%; }
    a.列表链接 { width: 24.8%; margin: .1%; border-radius: .2rem; }
}