.prjStastics{ padding: 20px 20px 20px 20px; line-height: 1.5; .flexRow{ display: flex; display: -webkit-flex; } .folderChartBar{ width: 100%; height: 90px; .folderChartBarLeft{ margin-right: 20px; flex: 7 1 0%; font-size: 0; >div{ width: 14%; text-align: center; box-sizing: border-box; display: inline-block; font-size: 12px; color: rgba(0,0,0,.5); height: 60px; vertical-align: top; margin-top: 15px; } } .folderChartBarRight{ flex: 2 1 0%; font-size: 0; >div { width: 50%; text-align: center; box-sizing: border-box; display: inline-block; font-size: 14px; color: rgba(0,0,0,.5); height: 60px; vertical-align: top; margin-top: 15px; } } } .block{ display: block; // vertical-align: top; margin-top: -3px; } [class^=charBarNum] { font-size: 34px; margin-top: -6px; display: inline-block; } .folderChartBarLeft>div:first-child { width: 16%; } .folderChartBarLeft, .folderChartBarRight{ box-shadow: 0 0 8px rgba(0,0,0,.2); } .folderChartBarLeft>div:nth-child(2), .folderChartBarLeft>div:nth-child(6) { border-left: 1px solid #eee; } .ThemeColor3 { color: #424242!important; } .folderChartNavBox { width: 100%; height: 46px; margin-top: 15px; box-shadow: 0 0 8px rgba(0,0,0,.2); background: #fff; } .folderChartBox { margin-top: 15px; width: 100%; .folderChartBoxModel { margin-bottom: 10px; .flex { height: 280px } } .flexRow { display: flex; display: -webkit-flex; } .flex { margin-left: 10px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.2); padding: 10px; flex: 1 1 0%; } .flex:first-child { margin-left: 0; } .folderChartBoxTitle { font-size: 13px; color: #666; } .folderChartBoxContent{ height: calc(~"100% - 20px"); } } }