app-big-data/css/flex.css

.flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
}
/*  垂直水平居中 */ 
.f_xy_c{    
    justify-content: center;
    align-items: center;
}
.f_y_c{
    align-items: center
}
.f_x_c{
    justify-content: center;
}
/* 垂直排列 */
.flex_coloumn{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.f_x_sb{
    justify-content: space-between
}
.f_fw_wrap{
    flex-wrap: wrap;
}
/* 存在剩余空间放大 */
.f_fg_1{
    flex-grow:1
}
/* 空间不够也不缩小 */
.f_fs_0{
    flex-shrink:0
}

.pl10{
    padding-left: .052083rem
}
.pr10{
    padding-right: .052083rem
}
.mb10{
    margin-bottom: .052083rem
}
.pl15{
    padding-left: .078125rem
}
.pr15{
    padding-right: .078125rem
}
.mb15{
    margin-bottom: .078125rem
}
.pl20{
	padding-left: 0.1041666666666667rem;
}
.pr20{
	padding-right: 0.1041666666666667rem;
}
.ml20{
	margin-left: 0.1041666666666667rem;
}
.mr20{
	margin-right: 0.1041666666666667rem;
}
.mb20{
    margin-bottom: .104167rem
}
.mt24{
    margin-top: .125rem
}
.mb5{
    margin-bottom: .026042rem
}
.mb25{
    margin-bottom:.130208rem
}
.mb30{
    margin-bottom: .15625rem
}
.mt35{
    margin-top: .182292rem
}
.pl40{
    padding-left: .208333rem;
}
.pr40{
    padding-right: .208333rem
}
.h443{
	height: 2.307292rem;
}
.w434{
	width: 2.307292rem;
}
.w100{
    width: .520833rem
}
.yellow_number{
    color: #fff71a;
    font-size: 14px;
    font-weight: bold; 
}
.red_number{
    font-size: .15625rem;
    color: #f82a3b;
    font-weight: bold; 
}
.font44{
    font-size: .229167rem!important
}
.sub{
    color: #d5e6ff;
    font-weight: normal;
}
.tr{
    text-align: right
}
.tl{
    text-align: left
}
.chart_box{
    height: 100%;
}