.header { position: fixed; top: 0; left: 0; width: 100%; height: 45px; background: #fff; z-index: 999; padding: 0 12.5px; box-sizing: border-box; display: flex; align-items: center; } .header img { width: 9.5px; height: 17px; } .content { margin-top: 45px; } .user_info { padding: 0 12px; padding-bottom: 21px; display: flex; background: #fff; } .user_info .auth { width: 60px; height: 60px; margin-right: 20px; } .user_info .user_info_right {} .user_info .user_info_right .mes{ font-size: 13px; color: #868686; margin-bottom: 4px; } .user_info .user_info_right .mes:last-child { margin-bottom: 0 !important; } .user_info .user_info_right .name{ display: flex; align-items: center; margin-bottom: 3px; } .user_info .user_info_right .name span{ font-size: 18px; color: #000000; margin-right: 5px; } .user_info .user_info_right .name img{ width: 13.5px; height: 13.5px; } .user_info_other { padding-left: 11px; background: #fff; margin-top: 8.5px; margin-bottom: 8.5px; } .user_info_other li { display: flex; align-items: center; height: 44px; justify-content: space-between; border-bottom: 0.5px solid #dcdcdc; padding-right: 11px; } .user_info_other li img { width: 7px; height: 12px; } .user_info_other li .title{ display: flex; align-items: center; } .user_info_other li .title .title_tip{ width: 64px; font-size: 16px; color: #000000; margin-right: 16px; } .user_info_other li .title .title_con{ font-size: 16px; color: #868686; } .user_info_other li .title .phone { color: #5a6f92; } .user_info_action { background: #fff; } .user_info_action li { height: 44px; display: flex; align-items: center; justify-content: center; } .user_info_action li img { width: 18px; height: 17px; margin-right: 7.5px; } .user_info_action li:first-child { border-bottom: 0.5px solid #dcdcdc; } .user_info_action li span { font-size: 16px; color: #5a6f92; }