@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ .content { display: flex; flex-direction: column; width: 100vw; height: 100vh; background-color: var(--f9Color); } .content .one { margin: 2vw 2vw 0 2vw; padding: 0 2vw; border-radius: 10px; background-color: var(--mainColor); } .content .one .one_1 { display: flex; justify-content: space-between; padding: 2vw 0; font-size: var(--font16Size); border-bottom: 1px solid var(--f9Color); } .content .one .one_1 .status { font-size: var(--font14Size); color: var(--fF0Color); } .content .one .one_2 { display: flex; padding: 2vw 0; } .content .one .one_2 .left .image { width: 25vw; height: 25vw; border-radius: 5px; border: 1px solid var(--f9Color); } .content .one .one_2 .right { display: flex; flex-direction: column; justify-content: space-around; width: 65vw; margin: 0 0 0 2vw; } .content .one .one_2 .right .name { padding: 1vw 0 0 0; font-size: var(--font14Size); } .content .one .one_2 .right .name text:first-child { font-size: var(--font12Size); color: var(--mainColor); background-color: var(--f3CColor); border-radius: 5px; padding: 2px 5px; } .content .one .one_2 .right .spec { font-size: var(--font12Size); } .content .one .one_2 .right .num { font-size: var(--font12Size); color: var(--f85Color); } .content .one .one_2 .right .money { font-size: var(--font14Size); font-weight: bold; color: var(--fF0Color); } .content .two { margin: 2vw 2vw 0 2vw; padding: 2vw; border-radius: 10px; background-color: var(--mainColor); } .content .two .two_1 { padding: 2vw 0; font-size: var(--font14Size); } .content .two .two_1 text:first-child { color: var(--f85Color); } .content .thr { margin: 2vw 2vw 0 2vw; padding: 0 2vw; border-radius: 10px; background-color: var(--mainColor); } .content .thr .thr_1 { padding: 2vw 0; font-size: var(--font14Size); } .content .thr .thr_1 text:first-child { color: var(--f85Color); } .content .four { display: flex; justify-content: space-between; margin: 2vw 2vw 0 2vw; padding: 2vw; border-radius: 10px; background-color: var(--mainColor); font-size: var(--font14Size); } .content .four .left { color: var(--f85Color); }