ax-body.data-v-0be17cc6{ display: block; height: 100%; background: #F6FAFF; } app-navigation.data-v-0be17cc6{ position: fixed; left: 0; right: 0; bottom: 0; } .page-background.data-v-0be17cc6{ position: fixed; top: 0; left: 0; right: 0; z-index: 0; } .page-background image.data-v-0be17cc6{ display: block; width: 100%; } .main.data-v-0be17cc6{ position: relative; z-index: 1; } /* 用户卡 */ .user-card.data-v-0be17cc6{ padding: 20px 0; } .user-avatar.data-v-0be17cc6{ display: block; width: 50px; height: 50px; margin-right: 10px; } .user-name.data-v-0be17cc6{ font-size: 18px; font-weight: bold; } .user-phone.data-v-0be17cc6{ font-size: 12px; margin-top: 5px; } .seting-icon.data-v-0be17cc6{ width: 24px; height: 24px; } .get-phone-number.data-v-0be17cc6{ display: inline-flex; height: unset; border: none; line-height: normal; background-color: transparent; font-size: 12px; color: #2B303A; padding: 0; margin: 0; } .get-phone-number.data-v-0be17cc6::after{ display: none; } /* 统计卡 */ .sta-card.data-v-0be17cc6{ flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 78px; border-radius: 8px; background-color: #F2F8FF; box-shadow: 0 3px 6px rgba(122, 168, 222, 0.3); position: relative; overflow: hidden; } .sta-card.data-v-0be17cc6::before{ content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 8px 8px #fff inset; background-color: transparent !important; } .sta-card + .sta-card.data-v-0be17cc6{ margin-left: 10px; } .sta-card .value.data-v-0be17cc6{ font-size: 24px; font-weight: bold; position: relative; z-index: 3; } .sta-card .name.data-v-0be17cc6{ font-size: 12px; color: #aaa; position: relative; z-index: 3; } .sta-card .bg.data-v-0be17cc6{ position: absolute; top: 0; right: 0; height: 100%; z-index: 2; } .buy.data-v-0be17cc6{ display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 8px; font-size: 14px; margin-top: 15px; background: linear-gradient(to right,#8FF8FB,#47AEFF); } /* 卡片 */ .card.data-v-0be17cc6{ background-color: #fff; border-radius: 8px; margin-top: 15px; box-shadow: 0 1px 8px rgba(122, 168, 222, 0.1); } .card-title.data-v-0be17cc6{ padding: 10px 20px 0 20px; font-weight: bold; } .act-wrap.data-v-0be17cc6{ display: flex; align-items: flex-end; width: 100%; padding: 15px 0px; } .act-item.data-v-0be17cc6{ display: inline-flex; align-items: center; justify-content: space-between; flex-direction: column; width: 25%; height: 50px; } .act-item .icon.data-v-0be17cc6{ display: block; width: 30px; height: 30px; } .act-item .name.data-v-0be17cc6{ font-size: 12px; } .act-item.about.data-v-0be17cc6{ height: auto; } .act-item.about .icon.data-v-0be17cc6{ width: 40px; height: 40px; } .refund_btn.data-v-0be17cc6{ position: absolute; font-size: 14px; color: #fff; background-color: #3EB6F8; padding: 2px 8px; border-radius: 10px 0 0 10px; bottom: 5px; right: 0; z-index: 99; }