| | |
| | | width: 100%;
|
| | | height: 100%;
|
| | | }
|
| | |
|
| | | .map-status-container {
|
| | | position: absolute;
|
| | | top: 10px;
|
| | | left: 10px;
|
| | | z-index: 99;
|
| | | }
|
| | |
|
| | | /*显示中国和中国各省(行政区,直辖市)的地图*/
|
| | | #content .china-map{
|
| | | display: table-cell;
|
| | |
| | | /*故障和告警饼状图*/
|
| | | #content .pie-con{
|
| | | float:right;
|
| | | position: relative;
|
| | | width:20%;
|
| | | background-color:#F3F0F0;
|
| | | border-top:#ddd;
|
| | |
| | | width:100%;
|
| | | height:100px;
|
| | | background-color:#F3F0F0;
|
| | | }
|
| | |
|
| | | .pie-conf {
|
| | | position: absolute;
|
| | | top: 2px;
|
| | | right: 8px;
|
| | | z-index: 99;
|
| | | }
|
| | | .pie-conf .pie-btn {
|
| | | color: #bbbbbb;
|
| | | font-size: 18px;
|
| | | cursor: pointer;
|
| | | }
|
| | | .pie-conf .pie-btn:hover {
|
| | | color: #000000;
|
| | | }
|
| | | /*我的作业*/
|
| | | #content .my-work{
|
| | |
| | | height: 100%;
|
| | | background-color: #ccc;
|
| | | border-right: 4px dotted #aaa;
|
| | | |
| | | vertical-align: top;
|
| | | }
|
| | |
|
| | | .side-bar.abs {
|
| | |
| | | z-index: 999999;
|
| | | }
|
| | | .side-bar .lside{
|
| | | position: absolute;
|
| | | width: 100%;
|
| | | height: 100%;
|
| | | top: 0;
|
| | | background: white;
|
| | | overflow-x: auto;
|
| | | overflow-y: auto;
|
| | | position: relative;
|
| | | }
|
| | | .lside a {
|
| | | text-decoration: none;
|
| | | color: #000;
|
| | | }
|
| | | .lside>ul{
|
| | | width: 100%;
|
| | | position:absolute;
|
| | | margin-bottom: 30px;
|
| | | }
|
| | | .lside>ul>li>a{
|
| | | display:block;
|
| | | color:black;
|
| | | font-size: 16px;
|
| | | padding:12px 5px;
|
| | | white-space: nowrap;
|
| | | }
|
| | | .lside>ul>li>ul{
|
| | | display:none;
|
| | | }
|
| | | .lside>ul>li>ul>li>a{
|
| | | display:block;
|
| | | font-size: 14px;
|
| | | padding:10px 20px;
|
| | | white-space: nowrap;
|
| | | }
|
| | | .lside>ul>li>ul>li>ul{
|
| | | display:none;
|
| | | }
|
| | | .lside>ul>li>ul>li>ul>li>a{
|
| | | display:block;
|
| | | font-size: 12px;
|
| | | padding:10px 10px 10px 40px;
|
| | | white-space: nowrap;
|
| | | }
|
| | |
|
| | | .arrow{
|
| | | display: block;
|
| | | float: left;
|
| | | width:20px;
|
| | | height:20px;
|
| | | margin-left:10px;
|
| | | margin-right:10px;
|
| | | background:url(../image/arrow_u.png) no-repeat 3px 5px;
|
| | | background-color:black;
|
| | | }
|
| | | .down{
|
| | | display: block;
|
| | | float: left;
|
| | | width:20px;
|
| | | height:20px;
|
| | | margin-left:10px;
|
| | | margin-right:10px;
|
| | | background:url(../image/arrow_d.png) no-repeat 3px 6px;
|
| | | background-color:black;
|
| | | }
|
| | |
|
| | | .mark{
|
| | | display: block;
|
| | | float: left;
|
| | | font-size: 16px;
|
| | | width:20px;
|
| | | height:20px;
|
| | | margin-left:10px;
|
| | | margin-right:10px;
|
| | | text-align:center;
|
| | | line-height: 20px;
|
| | | color:white;
|
| | | background-color: black;
|
| | | }
|
| | |
|
| | | .map-stats-img {
|