/* 水平间距 */ /* 水平间距 */ .content.data-v-01c8185c { display: flex; flex-direction: column; width: 100vw; height: 100vh; } .content .one.data-v-01c8185c { height: 25vw; background-color: var(--f00Color); } .content .two.data-v-01c8185c { margin: 10vw 0 0 0; text-align: center; font-size: var(--font16Size); font-weight: bold; } .content .thr .logo.data-v-01c8185c { position: fixed; top: 12vw; right: 40vw; } .content .thr .logo .image.data-v-01c8185c { width: 20vw; height: 20vw; border-radius: 20vw; background-color: var(--mainColor); } .content .thr .other.data-v-01c8185c { padding: 3vw 2vw; border-bottom: 1px solid var(--footColor); } .content .thr .remark.data-v-01c8185c { padding: 3vw 2vw 0 2vw; } .content .thr .remark .title.data-v-01c8185c { padding: 0 0 3vw 0; } .content .thr .value.data-v-01c8185c { display: flex; justify-content: space-between; align-items: center; background-color: var(--mainColor); } .content .thr .value .label .input.data-v-01c8185c { text-align: right; } .content .thr .button.data-v-01c8185c { text-align: center; } .content .thr .button button.data-v-01c8185c { width: 80vw; font-size: var(--font16Size); }