|  |  | 
 |  |  |     display: flex; | 
 |  |  |  | 
 |  |  |     .mine-avatar { | 
 |  |  |       margin-right: 24px; | 
 |  |  |       margin-right: 22px; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .user-info { | 
 |  |  | 
 |  |  |       min-width: 0; | 
 |  |  |       display: flex; | 
 |  |  |       flex-direction: column; | 
 |  |  |       padding: 12px 0; | 
 |  |  |       padding: 6px 0; | 
 |  |  |       justify-content: space-between; | 
 |  |  |  | 
 |  |  |       .user-info-item { | 
 |  |  |         font-weight: 600; | 
 |  |  |         font-size: 32px; | 
 |  |  |         color: #ffffff; | 
 |  |  |         font-size: 34px; | 
 |  |  |         color: boleGetCssVar('text-color', 'primary'); | 
 |  |  |         line-height: 44px; | 
 |  |  |         @include ellipsis; | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       .user-info-item2 { | 
 |  |  |         font-weight: 400; | 
 |  |  |         font-size: 24px; | 
 |  |  |         color: #ffffff; | 
 |  |  |         line-height: 34px; | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       .user-info-unCertified { | 
 |  |  |       .user-info-auth { | 
 |  |  |         display: inline-flex; | 
 |  |  |         align-items: center; | 
 |  |  |         height: 40px; | 
 |  |  |         background: #fffae0; | 
 |  |  |         border-radius: 4px; | 
 |  |  |         padding: 0 8px; | 
 |  |  |         width: fit-content; | 
 |  |  |         .user-info-auth-item { | 
 |  |  |           margin-right: 20px; | 
 |  |  |           display: inline-flex; | 
 |  |  |           align-items: center; | 
 |  |  |  | 
 |  |  |         .user-info-unCertified-icon { | 
 |  |  |           width: 28px; | 
 |  |  |           height: 28px; | 
 |  |  |         } | 
 |  |  |           .user-info-unCertified { | 
 |  |  |             display: inline-flex; | 
 |  |  |             align-items: center; | 
 |  |  |             height: 34px; | 
 |  |  |             width: fit-content; | 
 |  |  |  | 
 |  |  |         .user-info-unCertified-text { | 
 |  |  |           font-weight: 400; | 
 |  |  |           font-size: 22px; | 
 |  |  |           color: #a0541e; | 
 |  |  |           line-height: 24px; | 
 |  |  |             .user-info-unCertified-icon { | 
 |  |  |               width: 20px; | 
 |  |  |               height: 28px; | 
 |  |  |               margin-right: 6px; | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             .user-info-unCertified-text { | 
 |  |  |               font-weight: 400; | 
 |  |  |               font-size: 28px; | 
 |  |  |               color: boleGetCssVar('text-color', 'secondary'); | 
 |  |  |             } | 
 |  |  |             .user-info-unCertified-btn { | 
 |  |  |               font-weight: 400; | 
 |  |  |               font-size: 28px; | 
 |  |  |               color: boleGetCssVar('color', 'primary'); | 
 |  |  |             } | 
 |  |  |           } | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .mine-go-login { | 
 |  |  |       font-size: 40px; | 
 |  |  |       color: #fff; | 
 |  |  |       line-height: 120px; | 
 |  |  |       color: boleGetCssVar('text-color', 'primary'); | 
 |  |  |       line-height: 104px; | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   .mine-content-scroll-view { | 
 |  |  |     padding-top: 26px; | 
 |  |  |     background-color: transparent; | 
 |  |  |  | 
 |  |  |     .mine-id-menu-wrapper { | 
 |  |  |       height: 124px; | 
 |  |  |       background: url('https://renliyuan.oss-cn-hangzhou.aliyuncs.com/12333/matchMakingMini/assets/mine/icon-id-bg.png') | 
 |  |  |         no-repeat; | 
 |  |  |       background-size: cover; | 
 |  |  |       display: flex; | 
 |  |  |       align-items: center; | 
 |  |  |       padding: 0 boleGetCssVar('size', 'body-padding-h'); | 
 |  |  |       margin-bottom: 24px; | 
 |  |  |  | 
 |  |  |       .mine-id-menu-icon { | 
 |  |  |         width: 24px; | 
 |  |  |         height: 36px; | 
 |  |  |         margin-right: 16px; | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       .mine-id-menu-text { | 
 |  |  |         font-weight: 400; | 
 |  |  |         font-size: 28px; | 
 |  |  |         color: #ffffff; | 
 |  |  |         line-height: 40px; | 
 |  |  |         flex: 1; | 
 |  |  |         min-width: 0; | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       .mine-id-menu-btn { | 
 |  |  |         width: 152px; | 
 |  |  |         height: 52px; | 
 |  |  |         background: #ffffff; | 
 |  |  |         border-radius: 26px; | 
 |  |  |         font-weight: bold; | 
 |  |  |         font-size: 24px; | 
 |  |  |         color: #444444; | 
 |  |  |         line-height: 52px; | 
 |  |  |         text-align: center; | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .mine-menu-list { | 
 |  |  |       display: flex; | 
 |  |  |       gap: 30px; | 
 |  |  |       margin-bottom: 24px; | 
 |  |  |  | 
 |  |  |       .mine-menu-list-item { | 
 |  |  |         flex: 1; | 
 |  |  |         min-width: 0; | 
 |  |  |     .mine-order-list { | 
 |  |  |       margin-bottom: 18px; | 
 |  |  |       padding: 0 24px; | 
 |  |  |       .mine-order-list-title { | 
 |  |  |         display: flex; | 
 |  |  |         align-items: center; | 
 |  |  |         height: 152px; | 
 |  |  |         background: #ffffff; | 
 |  |  |         border-radius: 8px; | 
 |  |  |         padding-left: 48px; | 
 |  |  |  | 
 |  |  |         .mine-menu-list-item-icon { | 
 |  |  |           width: 72px; | 
 |  |  |           height: 72px; | 
 |  |  |           margin-right: 24px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .mine-menu-list-item-text { | 
 |  |  |           font-weight: 400; | 
 |  |  |         justify-content: space-between; | 
 |  |  |         border-bottom: 2px solid #eeeeee; | 
 |  |  |         padding: 24px 0; | 
 |  |  |         .mine-order-list-title-text { | 
 |  |  |           font-weight: 600; | 
 |  |  |           font-size: 28px; | 
 |  |  |           color: #333333; | 
 |  |  |           line-height: 40px; | 
 |  |  |           color: boleGetCssVar('text-color', 'primary'); | 
 |  |  |           line-height: 32px; | 
 |  |  |         } | 
 |  |  |         .mine-order-list-title-icon { | 
 |  |  |           width: 32px; | 
 |  |  |           height: 32px; | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |       .mine-order-list-content { | 
 |  |  |         padding: 24px 0; | 
 |  |  |         display: flex; | 
 |  |  |         justify-content: space-around; | 
 |  |  |  | 
 |  |  |         .mine-order-list-item { | 
 |  |  |           display: inline-flex; | 
 |  |  |           flex-direction: column; | 
 |  |  |           align-items: center; | 
 |  |  |           .mine-order-list-icon { | 
 |  |  |             width: 64px; | 
 |  |  |             height: 64px; | 
 |  |  |           } | 
 |  |  |           .mine-order-list-text { | 
 |  |  |             font-size: 28px; | 
 |  |  |             color: boleGetCssVar('text-color', 'primary'); | 
 |  |  |           } | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .mine-setting-list { | 
 |  |  |       border-radius: 8px; | 
 |  |  |     .mine-balance { | 
 |  |  |       margin-bottom: 18px; | 
 |  |  |       padding: 24px; | 
 |  |  |       padding-left: 34px; | 
 |  |  |       .mine-balance-title { | 
 |  |  |         font-size: 30px; | 
 |  |  |         line-height: 42px; | 
 |  |  |         color: boleGetCssVar('text-color', 'primary'); | 
 |  |  |         margin-bottom: 16px; | 
 |  |  |       } | 
 |  |  |       .mine-balance-money { | 
 |  |  |         font-size: 48px; | 
 |  |  |         line-height: 68px; | 
 |  |  |         color: boleGetCssVar('text-color', 'primary'); | 
 |  |  |       } | 
 |  |  |       .mine-balance-btn { | 
 |  |  |         display: flex; | 
 |  |  |         align-items: center; | 
 |  |  |         justify-content: flex-end; | 
 |  |  |         font-size: 22px; | 
 |  |  |         color: boleGetCssVar('text-color', 'regular'); | 
 |  |  |         line-height: 36px; | 
 |  |  |         .mine-balance-btn-icon { | 
 |  |  |           width: 32px; | 
 |  |  |           height: 32px; | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |     .mine-list-wrapper { | 
 |  |  |       border-radius: 12px; | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } |