html,body{height:100%;margin:0 auto;padding:0;}    
ul,li{margin:0;padding:0;list-style:none}

#mainLeftWrap{margin:0 auto;height:100%;}

.breakdownRate{height:290px;color:white;font-size:12px;background:url(../../../images/dataBoxBg.png) no-repeat;background-position:-9px -9px;}
.breakdownRateTitle{height:32px;line-height:32px;padding:0 20px;}
.breakdownRateWrapper{height: calc(100% - 32px); display: flex;  align-items: center;justify-content: center;}
#breakdownRateGraph{width:218px;height:218px;border-radius:100%;border:2px solid #1c8cbc;}
.breakdownRateBox{margin-left:28px;height:222px;}
.breakdownRateBox .breakdownRateCount{font-size:16px;}
.breakdownRateBox li{width:116px;height:60px;margin:10px 0;text-align:center;cursor:pointer;}
.breakdownRateBox span:nth-child(1){display:block;background:#747577;height:30px;line-height:30px;}
.breakdownRateBox span:nth-child(2){display:block;background:#5e626b;height:30px;line-height:30px;}
.breakdownRateBox span:nth-child(1).active{display:block;background:#6abee3;height:30px;line-height:30px;}
.breakdownRateBox span:nth-child(2).active{display:block;background:#1c78a7;height:30px;line-height:30px;}

.breakdownType{height:290px;margin:24px 0;color:white;font-size:12px;background:url(../../../images/dataBoxBg.png) no-repeat;background-position:-9px -9px;}
.breakdownTypeTitle{height:32px;line-height:32px;padding:0 20px;}
.breakdownTypeWrapper{height: calc(100% - 32px); display: flex;  align-items: center;justify-content: center;}
#breakdownTypeGraph{height:188px;width:354px;}

.breakdownNumber{height:290px;margin:24px 0;color:white;font-size:12px;background:url(../../../images/dataBoxBg.png) no-repeat;background-position:-9px -9px;}
.breakdownNumberTitle{height:32px;line-height:32px;padding:0 20px;}
.breakdownNumberWrapper{height:222px;width:394px;margin: 11px auto;}
.breakdownNumberWrapper  table{width:100%;font-size:12px;}
.breakdownNumberWrapper  thead{height:30px;line-height:30px;background-color:#00336c;}
.breakdownNumberWrapper  tbody tr{height:34px;line-height:34px;}
.breakdownNumberWrapper tr td:nth-child(1){text-align:center;}
.breakdownNumberWrapper  tbody tr:nth-child(1) td:nth-child(1) div{background-color:#fe0000;width:20px;height:20px;line-height:20px;margin:0 auto;}
.breakdownNumberWrapper  tbody tr:nth-child(2) td:nth-child(1) div{background-color:#c78b1d;width:20px;height:20px;line-height:20px;margin:0 auto;}
.breakdownNumberWrapper  tbody tr:nth-child(3) td:nth-child(1) div{background-color:#5d3b85;width:20px;height:20px;line-height:20px;margin:0 auto;}
.breakdownNumberWrapper  tbody tr:nth-child(4) td:nth-child(1) div{background-color:#4f9630;width:20px;height:20px;line-height:20px;margin:0 auto;}
.breakdownNumberWrapper  tbody tr:nth-child(5) td:nth-child(1) div{background-color:#1f98c3;width:20px;height:20px;line-height:20px;margin:0 auto;}
.breakdownNumberWrapper  tbody tr:nth-child(6) td:nth-child(1) div{background-color:#c8da2e;width:20px;height:20px;line-height:20px;margin:0 auto;}