.main { height: var(--thrHeight); background-color: var(--bgColor); } .main .one { position: relative; width: 96vw; height: 120px; overflow: hidden; margin: 0 2vw 2vw 2vw; background-color: var(--f9Color); } .main .one .one_1 { height: 80px; background-color: #216EC7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: transparent; } .main .one .one_2 { position: absolute; top: 5vw; width: 86vw; height: 86px; margin: 0 3vw; padding: 2vw; background-color: var(--bgColor); display: flex; justify-content: space-between; box-shadow: 0 0 1vw var(--f1Color); } .main .one .one_2 .l { display: flex; justify-content: start; width: 72vw; } .main .one .one_2 .l .l_1 { padding: 3vw 0; } .main .one .one_2 .l .l_1 .icon { width: 60px; height: 60px; border-radius: 90px; } .main .one .one_2 .l .l_2 { width: 56vw; padding: 4vw 0 0 0; } .main .one .one_2 .l .l_2 .info { margin: 0 0 2vw 0; padding: 0 2vw; font-size: var(--txtSize); } .main .one .one_2 .l .l_2 .info:nth-child(1) { font-weight: bold; font-size: var(--titleSize); } .main .one .one_2 .l .l_2 .info:nth-child(2) { color: var(--labelColor); font-size: 15px; } .main .one .one_2 .r { padding: 8vw 0; font-size: var(--txtSize); color: var(--labelColor); } .main .two { flex-grow: 1; position: relative; background-color: var(--bgColor); } .main .two .list { margin: 0 2vw 2vw 2vw; padding: 2vw; background-color: var(--f9Color); } .main .two .list .list_1 { font-size: var(--txtSize); margin: 0 0 2vw 0; } .main .two .list .list_1 text { padding: 0 0 0 1vw; font-weight: bold; } .main .two .list .list_2 { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .main .two .list .list_2 .btn { width: 28vw; margin: 0 4vw 2vw 0; padding: 2vw 0; background-color: var(--bgColor); text-align: center; border-radius: 5px; } .main .two .list .list_2 .btn .icon { margin: 0 0 1vw 0; } .main .two .list .list_2 .btn .btn_1 { font-size: var(--btnSize); } .main .two .list .list_2 .btn:nth-child(3n) { margin: 0 0 2vw 0; } .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view { display: flex; flex-direction: column; }