body{
    background-color: #F4F5F9;
}
*{
    margin: 0;
    padding: 0;
}
.container{
    width: 7.5rem;
    line-height: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.head{
    width: 7.5rem;
    height: 2.18rem;
    display: flex;
}
.head img{
    width: 100%;
    height: 100%;
}
.top{
    width: 6.72rem;
    display: flex;
    background-color: #D9DEE8;
    border-radius: 0.13rem;
    margin-top: 0.38rem;
}
.top_text{
    font-size: 0.22rem;
    line-height: 0.46rem;
    margin: 0.23rem 0.12rem ;
}
.mid{
    width: 6.47rem;
    display: flex;
    flex-flow: column;
}
.mid_text{
    margin-top: 0.3rem;
    font-size: 0.22rem;
    line-height: 0.46rem;
}
.mid_text:last-child{
    margin-bottom: 0.42rem;
}
/*标题*/
.mid_title{
    font-size: 0.24rem;
    line-height: 0.46rem;
    font-weight: bold;
    color: #497CBC;
    margin-top: 0.3rem;
}
/*底部图片*/
.bottom{
    width: 6.17rem;
    height: 3.21rem;
    display: flex;
    margin-bottom: 1.17rem;
}
.bottom img{
    width: 100%;
    height: 100%;
}

/*底部菜单栏*/
.bottom_menu{
    width: 7.5rem;
    height: 0.88rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
}
.bottom_menu_index{
    display: flex;
    flex-flow: column;
    align-items: center;
    color: #666666;
}
.bottom_menu_index_text{
    font-size: 0.22rem;
    color: #666666;
}