.user-profile-popup{position:absolute;width:344px;z-index:9999;background:#fff;box-shadow:0 6px 16px 8px rgba(0,0,0,.07);border-radius:6px}.user-profile-popup h3,.user-profile-popup p{margin-bottom:0}.user-profile-popup .header{background:url(/theme/images/user_profile_bg.png) no-repeat top;text-align:center}.user-profile-popup .header .avatar{width:80px;height:80px;margin:40px 0 15px;border:1px solid #fff;border-radius:50%;box-shadow:0 10px 20px 0 rgba(0,0,0,.21)}.user-profile-popup .header .avatar img{border-radius:50%}.user-profile-popup .header p{display:flex;justify-content:center;align-items:center}.user-profile-popup .header p h3{margin-right:10px;font-size:20px;color:#333}.user-profile-popup .header p i{width:20px;height:20px;background:url(/theme/images/icon-male.png) no-repeat top}.user-profile-popup .header p i.icon-female{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAADDUlEQVQ4T42UXUhTYRjH32ebH2WWZyZFZjsrpSjoJgvMgtqZgRVRZlJdGRp6EUF1UQhFF0JRQXahUlFRYDei1G1tIhkmBImEKGK6UZEpbvMrZR/n6X/Opm05dS8cznvO+b+/5/uQWGGN2yz7DUQVLEQhpDlCsEqCBojEOwoan61r/zYYjaCleJNKdmaIkhqZxZmlNDjsZ8EPJLP7FjWLkKaLC5xWrBsCgp3walcEhq3ogbqPVJGC+168gLfhBW9bMyRXmQZdBISQfIqswQ5H9J2CDNVmx9DXaE+9NsspJmrAu406lLlWanPfXAT02C3nBVNTxP33GSNpx6m31x8vbK/NamHirjCUgxSivMVARe6EoAC5mUkRhm1rnMO/l6ub1761hFltCWv4fgxwrHB7ujF1zosAjPjwUnK6ylfqAi1FXsXyHbdsnOmOAXoU625Y6YlYu2R2uutXAmrfPTb5LQp1AtuJWA+LcvKNqvFzpHRVZsfwk0SA8LCZBZVCOxsDnCrOzQr4g6ORVqiTHK4riQA9itwL3U7ABuJUWe4TLHZA8FMKiVxqd80tB/UhKnU+Kuan5FEsNUjoMSZxLdPh6kI+riMfd8O9JR5Kba6rSwH5kJzqM3IHws3XNap6QKvQGF6sx+MkMxf/mQ11p61OGkBxNuuNQKLOPBOsoU8/ZqPB40c25VAoWevXg5EUtSJFp8lnt15UVX4MrwihTpGBHmH+b8CIKQrwi4ha0G/9uCdjvvehXU4iX6nh9hP9GMkCqd3l03Pos8nVqhANOvTfCmA7gmthZpcI/UOSf640vWNkTPd0XuS1y89h+cL8Mwb+9vRM8F7aKtNlhF0BYV4UUPtZdBkF1691ul/jm/asLx04USSfQ9iv/gtzykSGo2sdQx81jfYHCgnawmoQRTUN4mcxEc9jGrdbywysNmkw0AMw9QLCSlwGGJ7GFBbjsA5NZBHaZBR+ZkEcIOKzksPd6iuyVuqFAhRGvmCm9yQC00P22OVG9FsJ9lU4+GYhpza5HLm7g6rWS47h2kSBfwEixCyxXltUkQAAAABJRU5ErkJggg==)}.user-profile-popup .base-info{padding:20px 30px 0;font-size:14px}.user-profile-popup .base-info p{margin-bottom:15px}.user-profile-popup .base-info p:last-child{margin-bottom:0}.user-profile-popup .base-info p .label{padding-right:40px;color:#999}.user-profile-popup .base-info p .remark-btn{vertical-align:middle;margin-top:2px;border-bottom:1px solid #409efe;float:right}.user-profile-popup .operation{margin:28px 30px 30px;text-align:center}.user-profile-popup .operation button{width:133px;height:36px;line-height:36px;margin-right:18px}.user-profile-popup .operation button:last-child{margin-right:0}.user-profile-popup .operation button.at-btn{border-color:#ebebeb;color:#999}.user-profile-popup .operation button.at-btn:hover{border-color:var(--primaryHoverColor);color:#fff}