.main { height: 80.8vh; } .main .one { width: 100%; } .main .two { width: 100%; margin-top: 2px; } .main .thr { width: 96vw; flex-grow: 1; position: relative; background-color: #ffffff; } .main .thr .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .main .thr .scroll-view .list-scroll-view { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; } .main .thr .scroll-view .list-scroll-view .list { display: flex; width: 96vw; margin: 10px 0; border-bottom: 0.1px solid #D1CFCF; } .main .thr .scroll-view .list-scroll-view .list .image { display: flex; justify-content: center; align-items: center; width: 30vw; } .main .thr .scroll-view .list-scroll-view .list .image image { width: 20vw; height: 20vw; border-radius: 5px; } .main .thr .scroll-view .list-scroll-view .list .content { padding: 5px; } .main .thr .scroll-view .list-scroll-view .list .content .name { font-size: 14px; font-weight: bold; padding: 2px 0; list-style: disc; } .main .thr .scroll-view .list-scroll-view .list .content .title { font-size: 12px; color: #666; padding: 2px 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .main .thr .scroll-view .list-scroll-view .list .content .title text { padding: 0 10px; }