/* 水平间距 */ /* 水平间距 */ .main.data-v-47929ca4 { display: flex; flex-direction: column; width: 100vw; height: 66vh; } .main .first.data-v-47929ca4 { display: flex; justify-content: center; align-items: center; padding: 2vw; border-bottom: 1px solid var(--f5Color); } .main .first input.data-v-47929ca4 { width: 100%; padding: 2vw; background-color: var(--f1Color); font-size: var(--font14Size); border-radius: 5px; } .main .second.data-v-47929ca4 { position: relative; flex-grow: 1; } .main .second .list.data-v-47929ca4 { border-bottom: 1px solid var(--f5Color); padding: 3vw; } .main .second .list .list_1.data-v-47929ca4 { display: flex; align-items: center; } .main .second .list .list_1 .left.data-v-47929ca4 { width: 15vw; } .main .second .list .list_1 .left .image.data-v-47929ca4 { width: 15vw; height: 15vw; border-radius: 20vw; } .main .second .list .list_1 .right.data-v-47929ca4 { width: 75vw; margin: 0 0 0 2vw; } .main .second .list .list_1 .right .name.data-v-47929ca4 { font-size: var(--font16Size); } .main .second .list .list_1 .right .name .label.data-v-47929ca4 { padding: 3px 6px; font-size: 10px; color: var(--mainColor); border-radius: 2px; } .main .second .list .list_1 .right .name .label_1.data-v-47929ca4 { background-color: var(--fF0Color); } .main .second .list .list_1 .right .name .label_2.data-v-47929ca4 { background-color: var(--fFFColor); } .main .second .list .list_1 .right .other.data-v-47929ca4 { margin: 1vw 0 0 0; font-size: var(--font14Size); color: var(--f85Color); } .scroll-view.data-v-47929ca4 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view.data-v-47929ca4 { display: flex; flex-direction: column; } .is_bottom.data-v-47929ca4 { width: 100%; text-align: center; } .is_bottom text.data-v-47929ca4 { padding: 2vw 0; display: inline-block; color: var(--f85Color); font-size: var(--font14Size); }