@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ .content .one { height: 100vh; display: flex; flex-direction: row; } .content .one .one_1 { position: relative; width: 25vw; background-color: #fafafa; display: flex; flex-direction: column; } .content .one .one_1 .list { text-align: center; padding: 2.5vw 0; border-bottom: 1px solid var(--f1Color); } .content .one .one_1 .list text { font-size: var(--font14Size); } .content .one .one_1 .listActive { background-color: var(--fffColor); } .content .one .one_2 { flex-grow: 1; position: relative; display: flex; flex-direction: column; } .content .one .one_2 .one_2_1 { padding: 0 2vw; width: 70vw; } .content .one .one_2 .one_2_1 .list { display: flex; width: 66vw; margin: 0 0 2vw 0; padding: 2vw; box-shadow: 0 0 5px var(--f1Color); border-radius: 5px; } .content .one .one_2 .one_2_1 .list .img { width: 20vw; } .content .one .one_2 .one_2_1 .list .img .image { width: 20vw; height: 20vw; border-radius: 5px; } .content .one .one_2 .one_2_1 .list .info { display: flex; flex-direction: column; justify-content: space-evenly; width: 45vw; padding: 0 0 0 2vw; } .content .one .one_2 .one_2_1 .list .info .name { font-size: var(--font15Size); margin: 0 0 1vw 0; } .content .one .one_2 .one_2_1 .list .info .num { display: flex; justify-content: space-between; margin: 1vw 0 0 0; } .content .one .one_2 .one_2_1 .list .info .num .left { font-size: var(--font14Size); color: var(--fF0Color); } .content .one .one_2 .one_2_1 .list .info .num .right { font-size: var(--font12Size); color: var(--f85Color); } .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view { display: flex; flex-direction: column; } .is_bottom { width: 100%; text-align: center; } .is_bottom text { padding: 2vw 0; display: inline-block; color: var(--f85Color); font-size: var(--font14Size); }