.main { height: 81.9vh; } .main .zero { width: 96vw; margin: 0 0 2vw 0; } .main .zero:last-child { margin: 0; } .main .two .a { display: flex; flex-direction: column; height: 74vh; } .main .two .a .two_1 { background-color: #f1f1f1; width: 92vw; padding: 2vw; } .main .two .a .two_1 input { font-size: 14px; } .main .two .a .two_2 { width: 96vw; flex-grow: 1; position: relative; } .main .two .a .two_2 .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .main .two .a .two_2 .scroll-view .list-scroll-view { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; } .main .two .a .two_2 .scroll-view .list-scroll-view .list { background-color: #ffffff; margin: 0 0 2vw 0; display: flex; flex-direction: row; justify-content: space-between; width: 92vw; padding: 2vw; } .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 { width: 70vw; } .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 .name { font-size: 16px; font-weight: bold; margin: 0 0 1vw 0; } .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 .brief { margin: 0 0 1vw 0; font-size: 12px; color: #858585; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; } .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 .other { font-size: 14px; color: #858585; } .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_2 { text-align: right; } .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_2 .image { width: 100px; height: 100px; overflow: hidden; border-radius: 10px; }