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.9rem;
    display: flex;
}
.head img{
    width: 100%;
    height: 100%;
}
.top{
    margin-top: 0.32rem;
    width: 5.8rem;
    display: flex;
    justify-content: space-between;
}
.top_left{
    width: 1.52rem;
    height: 1.11rem;
    display: flex;
}
.top_left img{
    width: 100%;
    height: 100%;
}
.top_right{
    /*width: 3.57rem;*/
    /*height: 1.01rem;*/
    font-size: 0.5rem;
    font-family:HYi1gj;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height: 0.56rem;
}
/*中部标题*/
.mid{
    display: flex;
    margin-top: 0.4rem;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.7rem;
}
.mid_title{
    width: 4.59rem;
    font-size: 0.26rem;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:rgba(0,131,212,1);
    line-height: 0.44rem;
}
.mid_text{
    width: 6.81rem;
    background:rgba(0,0,0,0.06);
    /*opacity:0.17;*/
    border-radius: 0.29rem;
    margin-top: 0.4rem;
}
.mid_text>p{

    font-size: 0.24rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height: 0.48rem;
    margin: 0.31rem 0.27rem 0.2rem 0.26rem;
}

/*底部菜单栏*/
.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;
}