123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- @charset "UTF-8";
- /* 水平间距 */
- /* 水平间距 */
- .main.data-v-6e2eeb72 {
- display: flex;
- flex-direction: column;
- background-image: linear-gradient(to top, #f1f1f1, lightskyblue, #007aff);
- }
- .main .one.data-v-6e2eeb72 {
- padding: 5vw;
- font-size: var(--font20Size);
- font-weight: bold;
- }
- .main .two.data-v-6e2eeb72 {
- background-color: var(--mainColor);
- border-radius: 5px;
- margin: 2vw 2vw 0 2vw;
- padding: 2vw;
- }
- .main .two .two_1.data-v-6e2eeb72 {
- display: flex;
- align-items: center;
- }
- .main .two .two_1 .image.data-v-6e2eeb72 {
- width: 8vw;
- height: 8vw;
- border-radius: 8vw;
- }
- .main .two .two_1 text.data-v-6e2eeb72 {
- padding: 0 0 0 2vw;
- }
- .main .two .two_2.data-v-6e2eeb72 {
- display: flex;
- justify-content: space-between;
- margin: 2vw 0 0 0;
- padding: 0 2vw;
- }
- .main .two .two_2 .left.data-v-6e2eeb72 {
- width: 20vw;
- }
- .main .two .two_2 .left .image.data-v-6e2eeb72 {
- width: 20vw;
- height: 20vw;
- border-radius: 1vw;
- }
- .main .two .two_2 .right.data-v-6e2eeb72 {
- width: 65vw;
- margin: 0 0 0 2vw;
- }
- .main .two .two_2 .right .right_1.data-v-6e2eeb72 {
- display: flex;
- justify-content: space-between;
- }
- .main .two .two_2 .right .right_1 .left.data-v-6e2eeb72 {
- width: 55vw;
- }
- .main .two .two_2 .right .right_1 .left .name.data-v-6e2eeb72 {
- font-size: var(--font14Size);
- }
- .main .two .two_2 .right .right_1 .left .other.data-v-6e2eeb72 {
- padding: 2px 0 0 0;
- font-size: var(--font12Size);
- color: var(--f85Color);
- }
- .main .two .two_2 .right .right_1 .right.data-v-6e2eeb72 {
- width: 10vw;
- text-align: right;
- }
- .main .two .two_2 .right .right_1 .right .other.data-v-6e2eeb72 {
- padding: 2px 0 0 0;
- font-size: var(--font12Size);
- color: var(--f85Color);
- }
- .main .two .two_2 .right .right_2.data-v-6e2eeb72 {
- text-align: right;
- font-size: var(--font12Size);
- }
- .main .thr.data-v-6e2eeb72 {
- background-color: var(--mainColor);
- border-radius: 5px;
- margin: 2vw 2vw 0 2vw;
- padding: 2vw;
- }
- .main .thr .thr_1.data-v-6e2eeb72 {
- font-size: var(--font14Size);
- font-weight: bold;
- margin: 1vw 0;
- }
- .main .thr .other.data-v-6e2eeb72 {
- padding: 2px 0 0 0;
- font-size: var(--font12Size);
- color: var(--f85Color);
- }
- .main .four.data-v-6e2eeb72 {
- background-color: var(--mainColor);
- border-radius: 5px;
- margin: 2vw 2vw 0 2vw;
- padding: 2vw;
- }
- .main .four .four_1.data-v-6e2eeb72 {
- font-size: var(--font14Size);
- font-weight: bold;
- margin: 1vw 0;
- }
- .main .four .list.data-v-6e2eeb72 {
- border: 1px solid #d5d5da;
- border-radius: 5px;
- margin: 2vw 0 0 0;
- padding: 2vw;
- }
- .main .four .other.data-v-6e2eeb72 {
- padding: 2px 0 0 0;
- font-size: var(--font12Size);
- color: var(--f85Color);
- }
- .main .five.data-v-6e2eeb72 {
- margin: 2vw 2vw 0 2vw;
- text-align: center;
- }
- .main .five .button.data-v-6e2eeb72 {
- margin: 2vw 0 0 0;
- background-color: var(--f3CColor);
- color: var(--mainColor);
- font-size: var(--font14Size);
- }
|