1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- @charset "UTF-8";
- /* 水平间距 */
- /* 水平间距 */
- .main.data-v-4dcceeb0 {
- display: flex;
- flex-direction: column;
- width: 100vw;
- height: 100vh;
- background-image: linear-gradient(to top, #f1f1f1, #f1f1f1, #007aff);
- }
- .main .one .one_1.data-v-4dcceeb0 {
- padding: 15vw 5vw;
- display: flex;
- align-items: center;
- font-size: var(--font18Size);
- }
- .main .one .one_1 .image.data-v-4dcceeb0 {
- width: 15vw;
- height: 15vw;
- border-radius: 2vw;
- margin: 0 2vw;
- }
- .main .two.data-v-4dcceeb0 {
- display: flex;
- flex-direction: column;
- padding: 2vw;
- margin: 2vw;
- border-radius: 10px;
- background-color: var(--mainColor);
- }
- .main .two .list.data-v-4dcceeb0 {
- display: flex;
- justify-content: space-between;
- padding: 2vw;
- border-bottom: 1px solid var(--f9Color);
- }
- .main .two .list .left.data-v-4dcceeb0 {
- display: flex;
- align-items: center;
- font-size: var(--font12Size);
- }
- .main .two .list .left .icon.data-v-4dcceeb0 {
- padding: 0 1vw 0 0;
- }
- .main .two .list .left .icon .iconfont.data-v-4dcceeb0 {
- color: var(--f3CColor);
- font-size: var(--font18Size);
- }
- .main .two .list .left .title.data-v-4dcceeb0 {
- display: inline-block;
- font-size: var(--font12Size);
- }
- .main .two .list .right.data-v-4dcceeb0 {
- display: flex;
- align-items: center;
- font-size: var(--font12Size);
- color: var(--f99Color);
- }
|