.container{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/*用户信息显示*/
.user_info_container{
    padding: 10px;
    width: 100%;
    height:80px;
    margin-bottom: 20px;
    /*background-color: yellow;*/


}
.user_head_img_container{
    width:25%;
    height:60px;
    float: left;
    /*background-color: red;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.user_img{
    width:55px;
    height: 55px;
    border-radius: 50%;
    border:1px solid gray;
}

.user_phone_and_member_container{
    width:65%;
    height:60px;
    float: left;
    /*background-color: #873232;*/
}
.user_phone_container{
    width:100%;
    height: 30px;
    float: left;
    background-color: white;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: start;
}
.user_member_btn_container{
    width:100%;
    height: 30px;
    float: left;
    /*background-color: #5e1b85;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: start;
}
.member_btn{
    background-color: orange;
    color:white;
    border-radius: 5px;
    outline: none;
    border: none;
}
.member_btn:active{
    font-size: 18px;
}


.user_enter_btn_container{
    width:10%;
    height:60px;
    float: left;
    /*background-color: #1672eb;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.show_more_btn{
    width:20px;
    height: 20px;
}













/*填充底部空白*/
.bottom_fixed_space{
    background-color: white;
    width: 100%;
    height: 55px;
}

/*底部导航栏*/
.bottom_tab_container{
    width: 100%;
    height:55px;
    position: fixed;
    bottom: 0px;
    background-color: white;
    border-top: 1px solid gray;
}

.bottom_tab_1_container{
   float: left;
    width:25%;
    /*background-color: #ec1c1c;*/
    height:55px;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;

}
.bottom_tab_2_container{
    float: left;
    width:25%;
    /*background-color: yellow;*/
    height:55px;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;

}
.bottom_tab_3_container{

    float: left;
    width:25%;
    /*background-color: #873232;*/
    height:55px;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.bottom_tab_4_container{
    float: left;
    width:25%;
    /*background-color: #85771b;*/
    height:55px;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;

}
.tab_1_container{
   width: 50%;
    height: 55px;
    /*background-color: black;*/
}
.tab_2_container{
    width: 50%;
    height: 55px;
    /*background-color: #257ac0;*/
}
.tab_3_container{
    width: 50%;
    height: 55px;
    /*background-color: #b29c8c;*/
}
.tab_4_container{
    width: 50%;
    height: 55px;
    /*background-color: #b215aa;*/
}

.tab_1_img_container{
  width: 100%;
    height: 60%;
    float: left;
    /*background-color: yellow;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.tab_1_text_container{
    width: 100%;
    height: 40%;
    float: left;
    /*background-color: #ec1c1c;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}



.tab_2_img_container{
    width: 100%;
    height: 60%;
    float: left;
    /*background-color: yellow;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.tab_2_text_container{
    width: 100%;
    height: 40%;
    float: left;
    /*background-color: #ec1c1c;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}


.tab_3_img_container{
    width: 100%;
    height: 60%;
    float: left;
    /*background-color: yellow;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.tab_3_text_container{
    width: 100%;
    height: 40%;
    float: left;
    /*background-color: #ec1c1c;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}


.tab_4_img_container{
    width: 100%;
    height: 60%;
    float: left;
    /*background-color: yellow;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.tab_4_text_container{
    width: 100%;
    height: 40%;
    float: left;
    /*background-color: #ec1c1c;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.img_tab_1{
    width:30px;
    height: 30px;

}

.img_tab_1:active{
    width:35px;
    height: 35px;
}
.text_tab_1{
    color: gray;
}


.img_tab_2{
    width:30px;
    height: 30px;z-index: 1000;

}
.img_tab_2:active{
    width:35px;
    height: 35px;
}

.text_tab_2{
    color: gray;
}





.img_tab_3{
    width:30px;
    height: 30px;

}
.img_tab_3:active{
     width:35px;
     height: 35px;
 }
.text_tab_3{
    color: gray;
}





.img_tab_4{
    height: 30px;
    width:30px;

}
.img_tab_4:active{
    width:35px;
    height: 35px;
}

.text_tab_4{
    color: #44969E;
}