@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ .content { display: flex; flex-direction: column; width: 100vw; height: 100vh; } .content .one { padding: 2vw; } .content .one input { padding: 2vw; background-color: var(--f1Color); font-size: var(--font14Size); border-radius: 5px; } .content .two { position: relative; flex-grow: 1; background-color: var(--f9Color); } .content .two .tabsList { position: relative; width: 100vw; height: 82vh; } .content .two .tabsList .list { background-color: #fff; border: 1px solid var(--f5Color); padding: 2vw; margin: 0 2vw 2vw 2vw; border-radius: 5px; } .content .two .tabsList .list .list_1 { display: flex; justify-content: space-between; padding: 2vw 0; font-size: var(--font16Size); } .content .two .tabsList .list .list_1 .status { font-size: var(--font14Size); color: var(--fF0Color); } .content .two .tabsList .list .list_2 .other { font-size: var(--font14Size); } .content .two .tabsList .list .list_2 .other text:last-child { color: var(--f85Color); } .content .two .tabsList .list .bottom { text-align: center; padding: 1vw 0; } .content .two .tabsList .list .bottom button { margin: 0 5px 0 0; } .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view { display: flex; flex-direction: column; } .is_bottom { text-align: center; } .is_bottom text { padding: 2vw 0; display: inline-block; color: var(--f85Color); font-size: var(--font14Size); }