/* 水平间距 */ /* 水平间距 */ .content.data-v-db68cfa6 { background-color: var(--f1Color); } .content .one.data-v-db68cfa6 { display: flex; justify-content: center; align-items: center; padding: 2vw; background-color: var(--mainColor); } .content .one .one_1.data-v-db68cfa6 { padding: 0 2vw; width: 75vw; } .content .one .one_1 input.data-v-db68cfa6 { padding: 2vw; background-color: var(--f1Color); font-size: var(--font14Size); border-radius: 5px; } .content .one .one_2 .button.data-v-db68cfa6 { background-color: var(--3c9Color); color: var(--mainColor); } .content .two.data-v-db68cfa6 { height: 90vh; display: flex; flex-direction: row; margin: 2vw 0 0 0; } .content .two .two_1.data-v-db68cfa6 { position: relative; width: 20vw; background-color: #fafafa; display: flex; flex-direction: column; } .content .two .two_1 .list.data-v-db68cfa6 { text-align: center; padding: 3.1vw 0; border-bottom: 1px solid var(--f1Color); } .content .two .two_1 .list text.data-v-db68cfa6 { font-size: var(--font14Size); } .content .two .two_1 .listActive.data-v-db68cfa6 { background-color: var(--3c9Color); color: var(--mainColor); } .content .two .two_2.data-v-db68cfa6 { width: 75vw; flex-grow: 1; position: relative; display: flex; flex-direction: column; } .content .two .two_2 .two_2_1.data-v-db68cfa6 { background-color: var(--mainColor); } .content .two .two_2 .two_2_2.data-v-db68cfa6 { flex-grow: 1; position: relative; display: flex; flex-direction: column; margin: 2vw 2vw 0 2vw; } .content .two .two_2 .two_2_2 .list.data-v-db68cfa6 { display: flex; margin: 2vw 0 0 0; padding: 2vw; border-radius: 5px; background-color: var(--mainColor); } .content .two .two_2 .two_2_2 .list .left.data-v-db68cfa6 { width: 28%; margin: 0 2vw 0 0; } .content .two .two_2 .two_2_2 .list .left .image.data-v-db68cfa6 { width: 20vw; height: 20vw; border-radius: 2vw; } .content .two .two_2 .two_2_2 .list .right.data-v-db68cfa6 { width: 70%; } .content .two .two_2 .two_2_2 .list .right .right_1.data-v-db68cfa6 { font-size: var(--font16Size); font-weight: bold; } .content .two .two_2 .two_2_2 .list .right .right_2.data-v-db68cfa6 { display: flex; align-items: center; margin: 1vw 0 0 0; } .content .two .two_2 .two_2_2 .list .right .right_2 .text.data-v-db68cfa6 { font-size: var(--font14Size); margin: 0 1vw 0 0; } .content .two .two_2 .two_2_2 .list .right .right_2 .value.data-v-db68cfa6 { text-align: right; color: var(--f85Color); font-size: var(--font12Size); } .content .two .two_2 .two_2_2 .list .right .right_3.data-v-db68cfa6 { margin: 1vw 0; } .content .two .two_2 .two_2_2 .list .right .right_3 .text.data-v-db68cfa6 { font-size: var(--font12Size); text-align: center; border: 1px solid var(--3c9Color); border-radius: 4px; padding: 1vw; background: linear-gradient(to right, #ffffff, #3c9cff59); } .content .two .two_2 .two_2_2 .list .right .right_3 .text .text_1.data-v-db68cfa6 { color: var(--3c9Color); font-weight: bold; } .content .two .two_2 .two_2_2 .list .right .right_3 .text .text_2.data-v-db68cfa6 { color: var(--ff0Color); } .content .two .two_2 .two_2_2 .list .right .right_4.data-v-db68cfa6 { display: flex; align-items: center; justify-content: space-between; } .content .two .two_2 .two_2_2 .list .right .right_4 .money.data-v-db68cfa6 { width: 50%; font-size: var(--font14Size); color: var(--ff0Color); } .content .two .two_2 .two_2_2 .list .right .right_4 .button.data-v-db68cfa6 { width: 50%; text-align: right; } .content .two .two_2 .two_2_2 .list .right .right_4 .button button.data-v-db68cfa6 { color: var(--mainColor); background: linear-gradient(to right, #1e3fdc, #3c9cff); font-size: var(--font12Size); border-radius: 5vw; } .content .two .two_2 .is_bottom.data-v-db68cfa6 { width: 100%; text-align: center; } .content .two .two_2 .is_bottom text.data-v-db68cfa6 { padding: 2vw 0; display: inline-block; color: var(--f85Color); font-size: var(--font12Size); } .content .scroll-view.data-v-db68cfa6 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .content .scroll-view .list-scroll-view.data-v-db68cfa6 { display: flex; flex-direction: column; }