| | |
| | | width:100%;
|
| | | }
|
| | | #content .nav-map {
|
| | | position: relative;
|
| | | display: table;
|
| | | width: 80%;
|
| | | height: 500px;
|
| | |
| | | width: 100%;
|
| | | height: 100%;
|
| | | }
|
| | |
|
| | | .map-status-container {
|
| | | position: absolute;
|
| | | top: 10px;
|
| | | left: 10px;
|
| | | z-index: 99;
|
| | | }
|
| | |
|
| | | /*显示中国和中国各省(行政区,直辖市)的地图*/
|
| | | #content .china-map{
|
| | | display: table-cell;
|
| | | width: auto;
|
| | | height:100%;
|
| | | min-height: 200px;
|
| | |
| | | /*故障和告警饼状图*/
|
| | | #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 {
|
| | |
| | | .item-timeout {
|
| | | /* color: blue !important; */
|
| | | }
|
| | |
|
| | | .map-info-panel-left {
|
| | | position: absolute;
|
| | | top: 10px;
|
| | | left: 10px;
|
| | | z-index: 10;
|
| | | background-color: #FFFFFF;
|
| | | border: 1px solid #cccccc;
|
| | | }
|
| | | .map-info-panel-content {
|
| | | position: relative;
|
| | | }
|
| | |
|
| | | .map-info-panel-content .map-info {
|
| | | padding: 0 10px;
|
| | | line-height: 30px;
|
| | | text-align: center;
|
| | | background-color: #CDDCFA;
|
| | | border-bottom: 1px solid #CCCCCC;
|
| | | cursor: pointer;
|
| | | }
|
| | | .map-info-panel-content .map-info .k-point {
|
| | | font-weight: bold;
|
| | | }
|
| | | .map-info-btn-icon {
|
| | | float: right;
|
| | | margin-right: 10px;
|
| | | font-size: 18px;
|
| | | vertical-align: middle;
|
| | | cursor: pointer;
|
| | | }
|
| | | .map-info-btn-icon:hover {
|
| | | color: #1495E7;
|
| | | }
|
| | |
|
| | | .map-info-detail {
|
| | | display: none;
|
| | | }
|
| | | .map-info-detail table {
|
| | | width: 100%;
|
| | | margin-top: 8px;
|
| | | margin-bottom: 8px;
|
| | | }
|
| | | .map-info-detail table caption {
|
| | | text-indent: 1em;
|
| | | }
|
| | | .map-info-detail table td {
|
| | | padding: 4px 0;
|
| | | }
|
| | | .map-info-detail table select, .map-info-detail table input[type="text"] {
|
| | | width: 96%;
|
| | | height: 24px;
|
| | | border: 1px solid #CCCCCC;
|
| | | }
|
| | | .map-info-detail table input[type="radio"] {
|
| | | vertical-align: middle;
|
| | | }
|
| | | .map-info-footer {
|
| | | padding: 8px 0;
|
| | | border-top: 1px solid #CCCCCC;
|
| | | }
|
| | | .map-info-footer button, .btn-container button {
|
| | | padding:6px 20px;
|
| | | border: 1px solid #c1c1c1;
|
| | | background: #FFFFFF;
|
| | | background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
|
| | | background: -o-linear-gradient(top, #ffffff, #f4f4f4);
|
| | | background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
|
| | | background: linear-gradient(top, #ffffff, #f4f4f4);
|
| | | color: #555;
|
| | | }
|
| | | .map-info-footer button:hover, .btn-container button:hover {
|
| | | background: #f4f4f4;
|
| | | color: #555;
|
| | | }
|
| | |
|
| | |
|
| | |
|
| | | #mapImgDesc span {
|
| | | line-height: 30px;
|
| | | margin-left: 6px;
|
| | | margin-right: 8px;
|
| | | }
|
| | |
|
| | | #mapImgDesc img{
|
| | | width: 22px;
|
| | | height: 22px;
|
| | | margin-right: 8px;
|
| | | vertical-align: middle;
|
| | | } |