/* 水平间距 */ /* 水平间距 */ .content.data-v-f97bc692 { display: flex; flex-direction: column; width: 100vw; height: 100vh; background: linear-gradient(to bottom, #3c9cff, #f1f1f1); } .content .one.data-v-f97bc692 { padding: 5vw; } .content .one .one_1.data-v-f97bc692 { display: flex; align-items: center; } .content .one .one_1 .left.data-v-f97bc692 { margin: 0 2vw 0 0; } .content .one .one_1 .left .logo.data-v-f97bc692 { width: 15vw; height: 15vw; border-radius: 90px; } .content .one .one_1 .right.data-v-f97bc692 { color: var(--mainColor); } .content .one .one_1 .right .name.data-v-f97bc692 { font-size: var(--font16Size); margin: 0 0 2vw 0; } .content .one .one_1 .right .gender.data-v-f97bc692 { font-size: var(--font14Size); } .content .two.data-v-f97bc692 { display: flex; flex-direction: column; padding: 3vw; margin: 2vw; border-radius: 10px; background-color: var(--mainColor); } .content .two .two_1.data-v-f97bc692 { display: flex; justify-content: space-between; align-items: center; padding: 0 0 2vw 0; border-bottom: 1px solid var(--f9Color); } .content .two .two_1 .left.data-v-f97bc692 { font-weight: 600; font-size: var(--font16Size); } .content .two .two_1 .right.data-v-f97bc692 { display: flex; align-items: center; font-size: var(--font14Size); color: var(--f99Color); } .content .two .two_2.data-v-f97bc692 { display: flex; justify-content: space-between; padding: 2vw; } .content .two .two_2 .list.data-v-f97bc692 { text-align: center; } .content .two .two_2 .list .title.data-v-f97bc692 { display: inline-block; margin: 1vw 0 0 0; font-size: var(--font14Size); } .content .thr.data-v-f97bc692 { display: flex; flex-direction: column; margin: 2vw; border-radius: 10px; background-color: var(--mainColor); } .content .thr .list.data-v-f97bc692 { display: flex; justify-content: space-between; padding: 3vw; border-bottom: 1px solid var(--f9Color); } .content .thr .list .left.data-v-f97bc692 { display: flex; font-size: var(--font14Size); } .content .thr .list .left .icon.data-v-f97bc692 { padding: 0 2vw 0 0; } .content .thr .list .left .title.data-v-f97bc692 { display: inline-block; font-size: var(--font14Size); } .content .thr .list .right.data-v-f97bc692 { display: flex; align-items: center; font-size: var(--font14Size); color: var(--f99Color); } .content .thr .list.data-v-f97bc692:last-child { border: none; }