html,body{
    width: 100%;
    height: 100%;
}
.index_div{
    float: left;
    width: 100%;
    height: 100%;
    padding: 0 26px;
}
.head_statistical_div{
    float: left;
    width: 100%;
    height: 205px;
    margin-bottom: 20px;
}
.head_three_block{
    float: left;
    width: 31%;
    height: 204px;
    border-radius: 10px;
    margin-right: 27px;
    padding: 30px 0;
}
.head_three_block:last-child{
    margin-right: 0;
}
.quotation_single{
    background-image: url("/images/indeHome/baojiadan.png");
    background-size: 100% 100%;
}
.clinch_a_deal{
    background-image: url("/images/indeHome/chengjiao.png");
    background-size: 100% 100%;
}
.offer_num_div{
    background-image: url("/images/indeHome/baojiadancishu.png");
    background-size: 100% 100%;
}
.head_title_div{
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    width: 100%;
    float: left;
    margin-bottom: 25px;
    padding-left: 46px
}
.head_data_div{
    float: left;
    width: 100%;
}
.head_data{
    float: left;
    width: 32%;
    text-align: center;
}
.today_font{
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}
.today_data{
    float: left;
    width: 100%;
    font-size: 30px;
    color: #FFFFFF;
}
.yesterday_data_div{
    float: left;
    width: 100%;
    text-align: center;
}
.yesterday_data{
    font-size: 18px;
    color: #FFFFFF;
}
.yesterday_data_title{
    font-size: 18px;
    color: #FFFFFF;
    margin-right: 10px;
}
.clinch_a_deal .head_title_div{
    padding-left: 42px;
}
.clinch_a_deal .today_font{
    text-align: right;
}
.balance_of_fount{
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.balance_of_fount span{
    float: left;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 69px;
}
.balance_of_fount p{
    float: left;
    font-size: 60px;
    margin: 0 24px;
    color: #FFFFFF;
}
.buy_permissions{
    float: right;
    padding-right: 68px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.center_div_chart{
    float: left;
    width: 100%;
    height: 352px;
    margin-bottom: 20px;
}
.chart_div{
    width: 48%;
    height: 100%;
    background: #FFFFFF;
    border-radius: 10px;
    float: left;
    margin-right: 13px;

}
.chart_div:last-child{
    margin-right: 0;
}
.bottom_div_message{
    width: 97%;
    height: 171px;
    background: #FFFFFF;
    border-radius: 10px;
    float: left;
    padding: 0 23px;
}
.message_font{
    float: left;
    width: 100%;
    font-size: 24px;
    margin-top: 22px;
    margin-bottom: 21px;
    color: #333;
    font-weight: 600;
}
.message_bottom_div{
    float: left;
    width: 100%;
}
.message_val{
    float: left;
    width: 20%;
    height: 38px;
    background: #EEEEEE;
    border-radius: 19px;
    line-height: 38px;
    padding-left: 48px;
    margin-right: 73px;
    margin-bottom: 10px;
}
.message_val div{
    float: left;
    padding-right: 10px;
}
.message_val span{
    float: left;
    line-height: 38px;
    color: #86c2ea;
}
.wx_pay div{
    width: 24px;
    height: 24px;
}