.wx-AppContentArea{
    position: relative;
    background: #f7f7f7;
}
.wx-AppContentArea_footer{
    display: flex;
    align-items: center;
    position: sticky;
    top: 93vh;
    width: 100%;
    min-height: 8vh;
    overflow: hidden;
    background: #fff;
    padding:2vh 0 1.5vh 0;
}
.footer_tab{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.footer_tab svg{
    width: 3vh;
    height: 3vh;
}
.footer_tab_name{
    margin-top: 1.5vh;
    font-size: 1.7vh;
    text-align: center;
}
.wx-AppContentArea_footerPages{
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(var(--HtmlCanUserHeight) - 9.5vh);
    /* background: #000; */
}
.footer_tab_page:nth-child(1){
    z-index: 999;
}
.footer_tab_page{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -3;
    opacity: 0;
}
.home_page_header{
    position: none;
}
.home_page_header_title{
    display: flex;
    align-items: center;
    height: 3vh;
    padding: 3vh 0 2vh 0;
}
.home_page_header_Text{
    flex:5;
    text-align: center;
    font-size: 2.2vh;
}
.home_page_header_empty{
    flex: 1;
}
.home_page_header_more{
    flex:1;
    width: 3vh;
    height: 3vh;
}
.home_page_header_search{
    box-sizing: border-box;
    padding: 2vh 5%;
}
.home_page_header_ipt{
    width: 100%;
    height: 4vh;
    background: #fff;
    font-size: 1.7vh;
    border: none;
    border-radius: .3125rem;
    text-align: center;
}
.home_page_header_ipt:focus{
    outline: none;
}
.chat_Friend_list{
    height: calc(var(--HtmlCanUserHeight) - 23.5vh);
    overflow-y: auto;
}
.background-app-card .chat_Friend_list{
    height: calc((var(--HtmlCanUserHeight) * 0.8) - 23.5vh);
}
.background-app-card .home_page_header_search{
    padding: calc(2vh * 0.8) 5%;
}
.background-app-card .footer_tab_page{
    height: calc(var(--HtmlCanUserHeight) * 0.8);
}
.footer_tab_page_mine{
    height: 100%;
    overflow-y: auto;
}
.page_mine_info_header{
    display: flex;
    box-sizing: border-box;
    height: 25vh;
    background:#fff;
    margin-bottom: 1vh;
    padding: 10vh 5% 0 5%;
}
.mineInfo_header_left{
    display: flex;
    width: 20%;
    height: 100%;
}
.UserAvatar{
    /* margin: auto; */
    width: 7vh;
    height: 7vh;
    border-radius: .3125rem;
}
.mineInfo_header_right{
    margin-left: 0%;
    width: 80%;
}

.Mine_Online_nickname{
    font-size: 2.5vh;
    margin-bottom: 1.5vh;
    /* line-height: 4vh; */
    font-weight: 700;
}
.Mine_TW_ID_region{
    display: flex;
    justify-content: space-between;
    margin: 1vh 0;
}
.Mine_Tw_ID{
    font-size: 2.2vh;
    color: #333;
}
.Mine_TW_ID_region svg{
    width: 2.2vh; 
    height: 2.2vh;
}
.Mine_TW_ID_region svg path{
    fill: #333;
}

.MineStatus_FrinedsStatus{
    display: flex;
    align-items: center;
}
.Mine_status{
    padding: 3px 8px;
    border: 1px solid #b7b7b7;
    border-radius: 20px;
    font-size: 1.8vh;
    margin-right: 3%;
}
.Friends_status{
    padding: 3px 8px;
    border: 1px solid #b7b7b7;
    border-radius: 20px;
    font-size: 1.7vh;
}

.page_mine_info_option{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 5%;
    height: 6vh;
    background:#fff;
}
.MineInfo_OptionName{
    margin: 0 5%;
    width: calc(90% - 6vh);
    font-size: 1.9vh;
}
.page_mine_info_option svg{
    width: 2.8vh;
    height: 2.8vh;
    
}
.page_mine_info_option svg:nth-child(2) path{
    fill: #6d6d6d;
}
.option_sever svg:nth-child(1) path{
    fill:#10a335
}
.option_Favorite svg:nth-child(1) path{
    fill:#d2910f
}
.page_mine_info_option_list{
    margin: 1vh 0;
}
.chat_Friend_item{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 5%;
    height: 8vh;
    background: #fff;
}
.chat_Friend_item_left{
    width: 5vh;
    height: 5vh;
}
.chat_Friend_item_right{
    box-sizing: border-box;
    padding: 0.1vh 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(98% - 5vh);
    margin-left: 2%;
    height: 5vh;
}
.Friend_avatar{
    height: 5vh;
}
.Friend_name_message_time{
    display: flex;
    justify-content: space-between;
}
.Friend_name{
    font-size: 1.8vh;
    font-weight: 700;
}
.message_time{
    font-size: 1.6vh;
    color: #6d6d6d;
}
.message_content{
    font-size: 1.6vh;
    color: #6d6d6d;
    width: 90%;
    white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出显示省略号 */
}