.chart_box{
    margin-top: 24rpx;
    width: 686rpx;
    height: 486rpx;
    padding-top:32rpx ;
    background: white;
}
.chart_title{
    font-size: 36rpx;
    font-weight: bold;
    margin-left:32rpx ;
}
.table{
    height: 380rpx; 
    width: 95%;
    margin-left:16rpx ;
    margin-top: 32rpx;
}
.top_box{
    margin-top: 24rpx;
    width: 686rpx;
    height: 1312rpx;
    background:#ffffff;
    border-radius: 8rpx;
    padding-top:32rpx;
}
.top-title {
    width: 100%;
    font-size: 18px;
    padding-left: 32rpx;
    font-weight: 600;
    color: #333333;
    display: flex;
    justify-content: flex-start;
}
.rank_list{
    margin-left: 32rpx;
    margin-top: 16rpx;
}
.ranking{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
}
.ranking_cell{
    height: 104rpx;
    display: flex ; align-items: center;
}
.henxian{
    height: 2rpx;
   background:linear-gradient(to right,white, #f2f1f1,white);
}
.cloud_box{
    margin-top: 24rpx;
    width: 686rpx;
    height: 884rpx;
    background:#ffffff;
    border-radius: 8rpx;
    padding-top:32rpx;
}
.cloud_title {
    width: 100%;
    font-size: 18px;
    padding-left: 32rpx;
    font-weight: 600;
    color: #333333;
    display: flex;
    justify-content: flex-start;
}