.iconStatistics { background-color: #fff; margin-top: 12px; padding: 20px 0; overflow: hidden }

.iconStatistics .tabList { padding: 0 20px }

.iconStatistics .tabList > dl { width: 100%; height: auto; overflow: hidden; margin-bottom: 10px }

.iconStatistics .tabList > dl > dt { float: left; color: #2c2c2c; font-size: 14px; font-weight: 700; width: 60px; line-height: 36px }

.iconStatistics .tabList > dl > dd { float: left; width: 1100px; height: auto; overflow: hidden }

.iconStatistics .tabList > dl > dd > a { border: 1px solid #efefef; padding: 0 10px; margin: 3px 15px 5px 0; display: block; width: auto; height: 30px; line-height: 30px; border-radius: 3px; float: left; font-size: 14px; background-color: #fdfdfd; cursor: pointer }

.iconStatistics .tabList > dl > dd .selected, .iconStatistics .tabList > dl > dd .tabSpan:hover { background-color: #ea5c38; color: #fff; border-color: #ea5c38 }

.iconStatistics .tabList > dl > dd .disabled { color: #999; cursor: not-allowed }

.iconStatistics .tabList > dl:last-child { margin-bottom: 0 }

.iconStatistics .boxTubiao { width: 100%; min-height: 500px; overflow: auto }



.box { padding: 0 20px }

.echartsBox { height: auto; border: 1px solid #cbcbcb; margin-top: 20px }

.echartsBox .tabList { padding: 0 10px; height: 40px; background-color: #f0f0f0; line-height: 40px; font-size: 14px }

.echartsBox .tabList > div { width: 160px; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }

.echartsBox .tabList > div > input { width: 50px; height: 20px; line-height: 20px; margin: 0 4px }

.echartsBox .tabList > div > input:focus { outline: none }

.echartsBox .tabList > div > div { float: right; height: 24px; width: 40px; text-align: center; line-height: 24px; border-radius: 3px; background-color: #ef642d; color: #fff; cursor: pointer }


.echartsBox .tabList > ul { list-style: none; width: 100%; height: auto; overflow: hidden; text-align: right; }

.echartsBox .tabList > ul > li { display: inline-block; margin-right: 14px; font-size: 14px; cursor: pointer }

.echartsBox .tabList > ul > li:last-child { margin-right: 0 }

.echartsBox .tabList > ul .selected, .echartsBox .tabList > ul li:hover { color: #eb6338 }


.echartsBox .tubiao { width: 100%; height: 500px }

.echartsBox .tubiao > div { float: left; width: 7%; height: 500px }

.echartsBox .tubiao > div.right { width: 90% }

.echartsBox .tubiao > div.left { height: 394px; margin-top: 60px }

.echartsBox .tubiao > div.left > div { width: 30px; color: #fff; font-size: 14px; margin-left: 90% }

.echartsBox .tubiao > div.left > div > div { padding: 0 6px; display: table-cell; vertical-align: middle; text-align: center }

.echartsBox .tubiao > div.left .blue { background-color: #09f; height: 200px }

.echartsBox .tubiao > div.left .orange { background-color: #ff7200; height: 200px }


.echartsBox .table { padding: 0 6% }

.echartsBox .table > h4 { text-align: center; color: #333; line-height: 40px }

.echartsBox .table > div { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex }

.echartsBox .table > div table { margin-left: -1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }

.echartsBox .table > div table, .echartsBox .table > div td, .echartsBox .table > div th, .echartsBox .table > div tr { border: none; border-collapse: collapse; text-align: center }

.echartsBox .table > div td, .echartsBox .table > div th, .echartsBox .table > div tr { border: 1px solid #ccc; height: 28px; line-height: 28px; font-size: 13px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box }

.echartsBox .table > div .title { color: #fff }



.luzhu .tabList { overflow: hidden; background-color: #f8f8f8; padding: 9px 10px 5px; margin-top: 10px; font-size: 14px; color: #333 }

.luzhu .tabList > div { float: left; line-height: 30px }

.luzhu .tabList > ul { list-style: none; width: 80%; float: left }

.luzhu .tabList > ul li { float: left; margin-right: 10px; padding: 1px 0; margin-bottom: 4px }

.luzhu .tabList > ul li > span { width: 68px; height: 28px; line-height: 28px; display: block; text-align: center; border: 1px solid #ccc; border-radius: 4px; cursor: pointer }

.luzhu .tabList > ul li > span:hover { border-color: #ec6337; color: #ec6337 }

.luzhu .tabList > ul li > span.selected { background-color: #ec6337; border-color: #ec6337; color: #fff }

.luzhu .tabList > ul li:last-child > span { background-color: #41b45f; border-color: #41b45f; color: #fff }

.luzhu .tabList > ul li:last-child > span:hover { background-color: #409255; border-color: #409255; color: #fff }


.luzhu #tbody { color: #333; overflow: auto; padding: 0 20px }

.luzhu .list { margin-top: 16px; border: 1px solid #ccc; border-bottom: none }

.luzhu .list .title { background-color: #f0f0f0; height: 40px; line-height: 40px; padding: 0 10px; text-align: right; font-size: 13px }

.luzhu .list .title > span { margin-left: 4px; color: #eb6338 }

.luzhu .list .title > i { color: #eb6338; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }

.luzhu .list .table { overflow: auto }

.luzhu .list .table > table { border-collapse: collapse; border: 1px solid #ccc; width: 100%; overflow: auto }

.luzhu .list .table > table td { border: 1px solid #ccc; border-top: none; width: 25px; text-align: center }

.luzhu .list .table > table td > span { display: block; padding: 0 5px; font-size: 14px }

.luzhu .list .table > table td:nth-child(2n) { background: #fafafa }

.luzhu .list .table > table .red { color: red }

.luzhu .list .table > table .blue { color: #00f }

.luzhu .list .table > table .green { color: green }



.box { padding: 0 20px }

.echartsBox { height: auto; border: 1px solid #cbcbcb; margin-top: 20px; padding-bottom: 20px }

.echartsBox .tabList { padding: 0 10px; height: 40px; background-color: #f0f0f0; line-height: 40px; text-align: right }

.echartsBox .tabList > ul { list-style: none; width: 100%; height: auto; overflow: hidden }

.echartsBox .tabList > ul > li { display: inline-block; margin-right: 14px; font-size: 14px; cursor: pointer }

.echartsBox .tabList > ul > li:last-child { margin-right: 0 }

.echartsBox .tabList > ul .selected, .echartsBox .tabList > ul li:hover { color: #eb6338 }

.echartsBox .tubiao { width: 100%; height: 500px }

.echartsBox .tubiao > div { float: left; width: 7%; height: 500px }

.echartsBox .tubiao > div.right { width: 90% }

.echartsBox .tubiao > div.left { height: 394px; margin-top: 60px }

.echartsBox .tubiao > div.left > div { width: 30px; color: #fff; font-size: 14px; margin-left: 90% }

.echartsBox .tubiao > div.left > div > div { padding: 0 6px; display: table-cell; vertical-align: middle; text-align: center }

.echartsBox .tubiao > div.left .blue { background-color: #09f; height: 200px }

.echartsBox .tubiao > div.left .orange { background-color: #ff7200; height: 200px }

.echartsBox .table { padding: 0 6% }

.echartsBox .table > h4 { text-align: center; color: #333; line-height: 40px }

.echartsBox .table > div { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex }

.echartsBox .table > div table { margin-left: -1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }

.echartsBox .table > div table, .echartsBox .table > div td, .echartsBox .table > div th, .echartsBox .table > div tr { border: none; border-collapse: collapse; text-align: center }

.echartsBox .table > div td, .echartsBox .table > div th, .echartsBox .table > div tr { border: 1px solid #ccc; height: 28px; line-height: 28px; font-size: 13px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box }

.echartsBox .table > div .title { color: #fff }