/* 水平间距 */ /* 水平间距 */ .content.data-v-f3506c63 { display: flex; flex-direction: column; min-height: 100vh; background-color: var(--f1Color); } .content .one.data-v-f3506c63 { display: flex; justify-content: center; align-items: center; padding: 2vw; background-color: var(--mainColor); } .content .one .one_1.data-v-f3506c63 { padding: 0 2vw; width: 75vw; } .content .one .one_1 input.data-v-f3506c63 { padding: 2vw; background-color: var(--f1Color); font-size: var(--font14Size); border-radius: 5px; } .content .one .one_2 .button.data-v-f3506c63 { background-color: var(--3c9Color); color: var(--mainColor); } .content .two.data-v-f3506c63 { margin: 0 2vw; } .content .two .list.data-v-f3506c63 { display: flex; margin: 2vw 0 0 0; padding: 2vw; border-radius: 5px; background-color: var(--mainColor); } .content .two .list .left.data-v-f3506c63 { width: 28%; margin: 0 2vw 0 0; } .content .two .list .left .image.data-v-f3506c63 { width: 25vw; height: 25vw; border-radius: 2vw; } .content .two .list .right.data-v-f3506c63 { width: 70%; } .content .two .list .right .right_1.data-v-f3506c63 { display: flex; align-items: center; justify-content: space-between; } .content .two .list .right .right_1 .leftR.data-v-f3506c63 { width: 40%; font-size: var(--font16Size); font-weight: bold; } .content .two .list .right .right_1 .rightR.data-v-f3506c63 { width: 60%; text-align: right; font-size: var(--font12Size); } .content .two .list .right .right_1 .rightR .text.data-v-f3506c63 { text-align: center; border: 1px solid var(--3c9Color); border-radius: 4px; padding: 1vw; background: linear-gradient(to right, #ffffff, #3c9cff59); } .content .two .list .right .right_1 .rightR .text .text_1.data-v-f3506c63 { color: var(--3c9Color); font-weight: bold; } .content .two .list .right .right_1 .rightR .text .text_2.data-v-f3506c63 { color: var(--ff0Color); } .content .two .list .right .right_2.data-v-f3506c63 { display: flex; align-items: center; margin: 1vw 0 0 0; } .content .two .list .right .right_2 .text.data-v-f3506c63 { font-size: var(--font14Size); margin: 0 1vw 0 0; } .content .two .list .right .right_2 .value.data-v-f3506c63 { text-align: right; color: var(--f85Color); font-size: var(--font12Size); } .content .two .list .right .right_3.data-v-f3506c63 { display: flex; align-items: center; justify-content: space-between; } .content .two .list .right .right_3 .money.data-v-f3506c63 { width: 50%; font-size: var(--font14Size); color: var(--ff0Color); } .content .two .list .right .right_3 .button.data-v-f3506c63 { width: 50%; text-align: right; } .content .two .list .right .right_3 .button button.data-v-f3506c63 { color: var(--mainColor); background: linear-gradient(to right, #1e3fdc, #3c9cff); font-size: var(--font12Size); border-radius: 5vw; } .content .is_bottom.data-v-f3506c63 { width: 100%; text-align: center; } .content .is_bottom text.data-v-f3506c63 { padding: 2vw 0; display: inline-block; color: var(--f85Color); font-size: var(--font12Size); }