.Dtitle { color: #2d0d0d; font-size: 20px; margin:30px 0 10px; }

.Total { height: 160px; padding:1px 0; padding:20px; background-color: #f7f7f7; }
.Total li { width: 144px; height: 120px; text-align:center; float:left; padding:0 12px; cursor:pointer; margin:0 40px; }
.Total li i { display:block; box-sizing:border-box; width: 120px; height: 120px; position:absolute; overflow:hidden; }
.Total li i b { display:block; box-sizing:border-box; width: 120px; height: 120px; border-radius: 50%; border:3px solid #E56C59; }
.Total li strong { display:block; font-size: 36px; color: #e56c59; font-weight: 400; height: 60px; line-height: 90px; }
.Total li strong em { font-size: 24px; font-style:normal; }
.Total li span { color: #434343; font-size: 14px; }

.Total li i{ -webkit-animation: Close .5s ease-in-out both; -moz-animation: Close .5s ease-in-out both; -ms-animation: Close .5s ease-in-out both; animation: Close .5s ease-in-out both; }
.Total li:hover i { -webkit-animation: Open .5s ease-in-out both; -moz-animation: Open .5s ease-in-out both; -ms-animation: Open .5s ease-in-out both; animation: Open .5s ease-in-out both; }

.Echart { height: 400px; }
.Cav { width: 590px; height: 400px; float: left; }
.Legend { width: 589px; height: 280px; margin:55px 0; border-left:1px solid #c8c8c8; float:left; display:table } 
.Lgbox {  display:table-cell; vertical-align:middle; }
.Lgbox dt { width: 40px; height: 20px; border-radius:10px; background-color: #36d7b6; float:left; margin:10px 30px; clear:left; }
.Lgbox dd { display:block; float:left; margin:10px 0; height: 20px; line-height:20px; overflow:hidden; color: #2d0d0d; font-size: 16px; }
.Lgbox dd em { color: #e74f5b; margin-left:5px; font-style:normal; }
.Lgbox.L1 {}
.Lgbox.L1 dt:first-child { background-color: #E7505A; }
.Lgbox.L1 dt:nth-child(3) { background-color: #3598DC; }
.Lgbox.L1 dt:nth-child(5) { background-color: #ff0000; }
.Lgbox.L1 dt:nth-child(7) { background-color: #339900; }
.Lgbox.L1 dt:nth-child(9) { background-color: #F7Cd17; }
.Lgbox.L1 dt:nth-child(11) { background-color: #990000; }
.Lgbox.L1 dt:nth-child(13) { background-color: #FFF263; }
.Lgbox.L1 dt:nth-child(15) { background-color: #6AF9C4; }
.Lgbox.L1 dt:nth-child(17) { background-color: #DDDF00; }
.Lgbox.L1 dt:nth-child(19) { background-color: #ffee00; }
.Lgbox.L1 dt:nth-child(21) { background-color: #996600; }
.Lgbox.L2 {}
.Lgbox.L2 dt:first-child { background-color: #f7ca17; }
.Lgbox.L2 dt:nth-child(3) { background-color: #e7505a; }
.Lgbox.L2 dt:nth-child(5) { background-color: #3598DC; }
.Lgbox.L2 dt:nth-child(7) { background-color: #32C5D2; }
.Lgbox.L2 dt:nth-child(9) { background-color: #816EA3; }
.Lgbox.L2 dt:nth-child(11) { background-color: #ff0000; }
.Lgbox.L3 {}
.Lgbox.L3 dt:first-child { background-color: #36d7b6; }
.Lgbox.L3 dt:nth-child(3) { background-color: #F2CD3C; }
.Lgbox.L3 dt:nth-child(5) { background-color: #E7505A; }
.Lgbox.L3 dt:nth-child(7) { background-color: #3598DC; }
.Lgbox.L3 dt:nth-child(9) { background-color: #FF7132; }
.Lgbox.L4 {}
.Lgbox.L4 dt:first-child { background-color: #D91E19; }
.Lgbox.L4 dt:nth-child(3) { background-color: #36D7B6; }
.Lgbox.L4 dt:nth-child(5) { background-color: #E74F5B; }
.Lgbox.L4 dt:nth-child(7) { background-color: #F3C301; }
.Lgbox.L4 dt:nth-child(9) { background-color: #3598DC; }
.Lgbox.L4 dt:nth-child(11) { background-color: #FF7132; }