* { padding: 0; margin: 0}
|
html, body { height: 100%; width: 100%;}
|
@font-face {
|
font-family: pictos;
|
src: url('digifacewide.ttf');
|
}
|
::-ms-clear{display: none;}
|
::-ms-reveal{display: none;}
|
body { overflow: hidden; font-family: "微软雅黑"; font-size: 12px;}
|
.anchorBL{display:none;}
|
main{height: 100%;width: 100%;}
|
#map { width: 100%; height: 100%;position: fixed;top: 0; left: 0; background-color:#183a5f !important;}
|
.ec-extension-bmap{background-color:#183a5f !important;}
|
.tes {width: 100%; height: 100%; background-color: rgba(242, 242, 242, 0.5); position: fixed; left: 0; top: 0; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; display: none; z-index: 100000;}
|
.tes div img {margin-right: 5px;}
|
.tes div {font-size: 12px; color: #494A5F; word-wrap: break-word; position: absolute; top: 48%; left: 48%;}
|
.monitoring-nav{width:calc(100% - 800px); height:34px; left:400px; position: absolute; z-index: 100;}
|
.monitoring-nav-box{width:500px; height:34px; margin:0 auto;}
|
.monitoring{width:100%; height:calc(100% - 10px);position: absolute; top:10px;}
|
.monitoring-nav:before, .monitoring-nav:after{content: ""; height:1px; width:calc(50% - 320px); position: absolute; background: #1ad0ad;}
|
.monitoring-nav:before{left:0px; top:20px;}
|
.monitoring-nav:after{right:0px; top:20px;}
|
.monitoring-nav-icon{width:25%; height:100%;float:left;}
|
.monitoring-nav-icon i{width:33.33%; height:100%; display:inline-block; background:url(../images/monitoring-1.png) no-repeat center center; float:left;}
|
.monitoring-meun{width:50%; height:100%;float:left;}
|
.monitoring-meun i{width:10%; height:1px; display: block; position: relative; float: left; margin-top:20px;}
|
.monitoring-meun i:before{content: ""; height:1px; width:60%; position: absolute; background: #1ad0ad;}
|
.monitoring-meun span{width:20%; height:100%; display: block; float: left; text-align: center; background: url(../images/monitoring-2.png) no-repeat center center; background-size:90% 100%; color:#fff; font-size:12px; font-weight: bold; line-height: 14px; padding-top:3px; cursor: pointer;}
|
.monitoring-meun span.on, .monitoring-meun span:hover{background: url(../images/monitoring-3.png) no-repeat center center; background-size:90% 100%; color:#e6dc84;}
|
.main-box{width:100%; border:1px solid #188488; position:relative; background:rgba(28, 47, 91, .1);}
|
.main-box:before, .main-box:after{content: ""; width:20px; height:20px; position: absolute; border-color:#1ad0ad; border-style: solid; border-width: 0px; border-top-width: 2px; top:-1px;}
|
.main-box:before{border-left-width:2px; left:-1px;}
|
.main-box:after{border-right-width:2px; right:-1px;}
|
|
@media (max-width: 1550px){
|
.monitoring-nav{width:700px; left:calc(50% - 350px);}
|
.monitoring-nav-box{width:500px;}
|
.monitoring-nav:before, .monitoring-nav:after{content: ""; height:1px; width:calc(50% - 280px); position: absolute; background: #1ad0ad;}
|
}
|
|
|
.main-title{ height: 32px; width: 110px; position: absolute; background-color: #065b86; border-top:1px solid #1ad0ad; border-bottom:1px solid #1ad0ad; top:-16px; left:50%; margin-left:-55px;}
|
.main-title span{width:100%; line-height:32px; color:#fff; text-align:center; display:block; position: absolute; z-index: 10;font-size: 14px;}
|
.main-title:after{ content: ''; position: absolute; background-color: #065b86; top: 4px; right: -11px; width: 21px;
|
height: 21px; transform: rotate(45deg); -ms-transform: rotate(45eg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border-top: 1px solid #1ad0ad; border-right: 1px solid #1ad0ad;}
|
.main-title:before{content: ''; position: absolute; background-color: #065b86; top: 4px;left: -11px;width: 21px; height: 21px;
|
transform: rotate(45deg); -ms-transform: rotate(45eg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform: rotate(45deg); border-bottom: 1px solid #1ad0ad;border-left: 1px solid #1ad0ad;}
|
|
.main-left{width:300px; height: calc(70% - 20px); position: absolute; top:30px; left:20px;}
|
.main-acreage{width:100%; height:40%;}
|
.acreage-more{position: absolute; right: 5px; top:-18px; color:#14d4ab; cursor: pointer;}
|
.acreage-more:hover{color:#7be6f7;}
|
.main-area-ratio-con{width:100%; height:calc(100% - 20px); margin-top:15px;}
|
.main-area-ratio{width:100%; height:calc(60% - 25px); margin-top:25px;}
|
.quality{ border-radius:3px; position: absolute; left:10px; top:10px; text-align: center; color: #fff;border:1px solid #28d3ab;}
|
.quality b{font-size:26px; display: block; color:#36d7a9;}
|
.quality p{border-top:1px solid #3c6b86; height:20px; line-height: 20px;font-size:12px;padding:0 2px;}
|
.main-survey-menu-spot{width:98%; height:28px;margin-top:25px; margin-left:2%;}
|
.main-survey-menu-spot ul{width:100%; height:100%;}
|
.main-survey-menu-spot ul li{width:30%; height:100%; background:url(../images/ratio-1.png) no-repeat; background-size:100% 100%; float:left; margin-left:2%; cursor: pointer;}
|
.main-survey-menu-spot ul li:nth-child(2){background:url(../images/ratio-2.png) no-repeat; background-size:100% 100%;}
|
.main-survey-menu-spot ul li:nth-child(3){background:url(../images/ratio-3.png) no-repeat; background-size:100% 100%;}
|
.main-survey-menu-spot ul li b{color:#fff; display: inline-block; width:38px; height:28px; line-height: 28px; text-align: center; float:left;}
|
.main-survey-menu-spot ul li span{line-height: 28px; font-size: 12px; color:#fff; display: inline-block;}
|
.main-survey-menu-spot ul li i{font-size: 18px;font-family: pictos; font-weight: bold; font-style: normal;}
|
.main-survey-echart{width:100%; height:calc(100% - 70px);}
|
.survey-close{position: absolute; right:10px; top:8px; border:1px solid #1b8287; padding:2px 5px; border-radius:4px; color:#fff; cursor: pointer;}
|
.survey-close:hover{color:#1ad0ad;}
|
.survey-list-top{width:96%; height:30px; margin-top:30px; font-size:14px; font-weight: bold; border-bottom:1px solid #19868d;margin-left:2%;}
|
.survey-list-top ul, .survey-list-top ul li, .survey-list-box ul, .survey-list-box ul li{width:100%;}
|
.survey-list-top span, .survey-list-box span{display:block; height:30px; line-height: 30px; width:20%; float:left; text-align: center; color:#8cb7e4;font-size:12px;}
|
.survey-list-box span{border-bottom: 1px dashed #19868d;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
.survey-list-box{width:96%; height:calc(100% - 70px); margin-left:2%;}
|
.survey-list-top span:nth-child(1), .survey-list-box span:nth-child(1){width:20%; }
|
.survey-list-top span:nth-child(2), .survey-list-box span:nth-child(2){width:15%; }
|
.survey-list-top span:nth-child(3), .survey-list-box span:nth-child(3){width:20%; }
|
.survey-list-top span:nth-child(4), .survey-list-box span:nth-child(4){width:20%; }
|
.survey-list-top span:nth-child(4), .survey-list-box span:nth-child(5){width:25%; }
|
|
|
.main-cen{width:calc(100% - 680px);height:calc(70% - 20px); position: absolute; top:30px; left:340px;}
|
.search-box{width:350px; height:40px; position: absolute; left:50%; top:20px; z-index: 1000; background:rgba(17, 108, 154, .8); border-radius:9px; margin-left:-175px; z-index: 100;}
|
.search-box .search-input{width:calc(100% - 0px); height:30px;float:left; border:0px; padding:1px 5px;border-radius:9px 0 0 9px;color:#1ad0ad;font-size:14px; }
|
.search-box .search-btn{width:30px; height:40px;float:left;border:0px;border-radius:0 9px 9px 0; cursor: pointer; background: url(../images/icon.png) no-repeat; background-position:-5px -24px;}
|
.history-query, .history-query-box{width:calc(100% - 0px); height:calc(100% - 0px); left:0px; top:0px; background:#183a5f; position: absolute; z-index: 1000; border:1px solid #1dd1b4; display:none;}
|
.history-query .history-query-title, .history-query-box .history-query-title{width:100%; height:40px; color:#1acdad; line-height:40px; border-bottom:1px solid #1bd1ab; margin-bottom:10px;}
|
.history-query .history-query-title h3, .history-query-box .history-query-title h3{font-size:16px; float:left; font-weight: bold; margin-left:15px;}
|
.history-query .history-query-title a, .history-query-box .history-query-title a{color:#fff; float:right; margin-right:10px; cursor: pointer; padding:0 10px;}
|
.history-query-control{width:100%; clear: both; color:#fff;}
|
.history-query-control .actual-form{float:left;}
|
.history-query-control label{float:left;}
|
.his-query-control label{padding:6px 0; margin-left:10px;}
|
.history-query-time{width:48%; max-width:470px; height:100%; float:left;line-height: 26px; }
|
.history-query-time label{float:left; width:50px; height:28px; text-align: right;}
|
.history-query-time .time-input{width:calc(100% - 50px); float:left;}
|
.history-query-time .time-input input{width:calc(50% - 8px); height:26px; border:1px solid #cccccc; background:#183a5f;float:left; border-radius:5px; color:#fff; padding-left:5px;}
|
.history-query-time .time-input span{width:5px; display:inline-block; margin:0 3px; overflow: hidden;float:left;}
|
.history-query-date{height:100%; float:left;}
|
.history-query-date span, .history-query-btn button{width:48px; height:28px; display: block; float: left; border:1px solid #1cd3a3;margin-left:10px; border-radius:5px; background:#183a5f; text-align: center; line-height: 26px; cursor: pointer; color:#1bd1a8;}
|
.history-query-btn button{width:58px; padding-left:20px;}
|
.history-query-btn button:nth-child(1){background:url(../images/seach.png) no-repeat #183a5f 3px 5px;}
|
.history-query-btn button:nth-child(2){background:url(../images/del.png) no-repeat #183a5f 3px 5px;}
|
.history-query-btn button:nth-child(3){background:url(../images/下载.png) no-repeat #183a5f 3px 5px;}
|
#hisToryDownLoadBtnJc{background:url(../images/下载.png) no-repeat #183a5f 3px 5px;height: 28px; display: block; position: absolute; z-index: 233; right: 20px; border: 1px solid #1cd3a3; border-radius: 5px; text-align: center; line-height: 26px; cursor: pointer; width: 58px; padding-left: 20px; color: #19d2b0}
|
.history-query-date span.on{background:rgba(20, 150, 138, .4);}
|
.history-query-btn{height:100%; float:left; margin-left:10px;}
|
.history-query-btn button{color:#19d2b0;}
|
.history-query-echart{width:100%; height:calc(100% - 90px); margin-top:15px;}
|
@media (max-width: 1650px){
|
.history-query-date span{width:40px;}
|
.history-query-time{width:calc(100% - 320px);}
|
}
|
@media (max-width: 1500px){
|
.history-query-date span{width:40px;}
|
.history-query-time{width:calc(100% - 310px);}
|
.jc--query-btn{margin-top:0px;}
|
}
|
@media (max-width: 1460px){
|
.history-query-date span{width:40px;}
|
.history-query-time{width:calc(100% - 350px);}
|
.history-query-btn button{margin-left:5px;}
|
}
|
|
|
.switch-con{width:110px; height:300px; position: absolute; left: 0px; top:0px;}
|
.switch-con .switch-box{width:100%; height:36px;}
|
.switch-con .switch-box label{font-size: 14px; width: 55px; display: inline-block; text-align: center; float:left; line-height: 24px; margin-top:5px; font-weight: bold;}
|
.main-right{width:300px;height: calc(70% - 20px); position: absolute; top:30px;right:20px;}
|
.actual-list{width:100%; height:calc(50% - 16px);margin-top:16px;padding-bottom:5px;}
|
.actual-list .title{width: calc(100% - 0px); height: 40px; line-height: 40px; color: #fff; position: relative; padding-left: 30px; font-size: 14px; color:#3acee5; display:none;}
|
.actual-list .title:before{content: ""; height: 14px; width: 5px; background: #3acee5; position: absolute;left: 14px; border-radius: 4px; top: 12px;}
|
.actual-list .title span{float:right; margin-right:10px; font-size:12px; color:#fff;}
|
.actual-list .title-kq{color:#1acfac;}
|
.actual-list .title-kq:before{background: #1acfac;}
|
.actual-list .title-tr{color:#fda400;}
|
.actual-list .title-tr:before{background: #fda400;}
|
.actual-list .title-qx{color:#e15c21;}
|
.actual-list .title-qx:before{background: #e15c21;}
|
.actual-list ul { width: 100%; height: 100%;}
|
.actual-list ul li { width: 100%; height: 34px; line-height: 34px; list-style: none; clear: both;}
|
.actual-list ul li span { width: 15%; height: 100%; display: block; float: left; text-align: center; color:#fff;}
|
.actual-list ul li span:nth-child(1){width:15%; line-height: 30px;}
|
.actual-list ul li span:nth-child(2){width:25%; text-align: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
.actual-list ul li span:nth-child(3){width:30%; text-align: left; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}
|
.actual-list ul li span:nth-child(5) i{width:18px; height:18px; display: inline-block; background: url(../images/help.png) no-repeat; background-size:100% 100%; margin-top:9px; cursor: pointer;}
|
.actual-list div ul li:nth-child(odd){background-color:rgba(255, 255, 255, .1);}
|
.actual-time{width:100%; height:calc(50% - 0px); border-top:1px solid #2ca3a0;overflow: hidden;}
|
#actualTime{width:auto; height:calc(100% - 40px); margin-top:40px;}
|
.actual-time-box{width:100%; height:calc(100% - 0px); float:left;}
|
.parnoBtn, .videoBtn{width:41px; height:39px; position: absolute; right:20px; z-index: 100; cursor: pointer; display: none;}
|
.parnoBtn{bottom:70px; background: url(../images/360.png) no-repeat; background-size:100% 100%;}
|
.videoBtn{bottom:20px; background:url(../images/video.png) no-repeat;background-size:100% 100%;}
|
.video-box{height:calc(100% - 40px); width:calc(100% - 320px); margin-top:30px; margin-left:6px; float: left; background: #fff; overflow: hidden;}
|
.video-pup{width:calc(100% - 680px); height:calc(70% - 20px); position: absolute; left:340px; top:30px; background: #183a5f; z-index: 1001; display:none;border:1px solid #1dd1b4;}
|
.video-pup iframe{width:100%; height:100%;}
|
.video-close{position: absolute; right:0px;font-size:16px; top:0px; line-height: 30px; z-index: 999999; cursor: pointer; color:#22891e;}
|
.main-bottom{width:100%; height: calc(30% - 20px); position: absolute; left: 0px; bottom: 10px; z-index: 1000;}
|
.monit-history{width:calc(25% - 25px);height:100%; float:left;margin-left:20px; position: relative;}
|
.monit-history-top{width:100%; height:30px; position: relative;}
|
.monit-history-top h5{display:inline-block; padding:5px 5px 0 5px; color:#fff;border-bottom:4px solid #1896df;border-radius:0 0 3px 0; position:absolute; left:0px; font-size:14px;}
|
.monit-history-top span{width:calc(100% - 60px); display:inline-block; height:calc(100% - 4px); border-bottom:2px solid #1896df; background:url(../images/history-til-bg-1.png) no-repeat right bottom; float:left;}
|
.monit-history-top span i{width:calc(100% - 187px); height:100%; display:inline-block; margin-left:155px; background:url(../images/history-bg-1.png) repeat-x left bottom;}
|
.monit-history-top a{float:right; margin-right:10px; margin-top:10px; cursor: pointer; color:#1896df;}
|
.main-bottom .monit-history .monit-history-box{width:100%; height:calc(100% - 35px);margin-top:5px; border:1px solid #3784a2;}
|
.main-bottom .monit-history:nth-child(1) .monit-history-box{box-shadow: 0px 0px 105px #3784a2 inset;}
|
.main-bottom .monit-history:nth-child(2) .monit-history-box{box-shadow: 0px 0px 105px #12ceae inset; border-color:#12ceae;}
|
.main-bottom .monit-history:nth-child(2) h5{border-bottom:4px solid #12ceae;}
|
.main-bottom .monit-history:nth-child(2) span{border-bottom:2px solid #12ceae; background:url(../images/history-til-bg-2.png) no-repeat right bottom;}
|
.main-bottom .monit-history:nth-child(2) span i{width:calc(100% - 172px);background:url(../images/history-bg-2.png) repeat-x left bottom;margin-left:125px;}
|
.main-bottom .monit-history:nth-child(2) a{color:#12ceae;}
|
.main-bottom .monit-history:nth-child(4) .monit-history-box{box-shadow: 0px 0px 105px #879436 inset; border-color:#879436;}
|
.main-bottom .monit-history:nth-child(4) h5{border-bottom:4px solid #fca501;}
|
.main-bottom .monit-history:nth-child(4) span{border-bottom:2px solid #fca501; background:url(../images/history-til-bg-3.png) no-repeat right bottom;}
|
.main-bottom .monit-history:nth-child(4) span i{width:calc(100% - 145px);background:url(../images/history-bg-3.png) repeat-x left bottom;margin-left:98px;}
|
.main-bottom .monit-history:nth-child(4) a{color:#fca501;}
|
.main-bottom .monit-history:nth-child(3) .monit-history-box{box-shadow: 0px 0px 105px #7a5e66 inset; border-color:#7a5e66;}
|
.main-bottom .monit-history:nth-child(3) h5{border-bottom:4px solid #7a5e66;}
|
.main-bottom .monit-history:nth-child(3) span{border-bottom:2px solid #7a5e66; background:url(../images/history-til-bg-4.png) no-repeat right bottom;}
|
.main-bottom .monit-history:nth-child(3) span i{width:calc(100% - 145px);background:url(../images/history-bg-4.png) repeat-x left bottom;margin-left:98px;}
|
.main-bottom .monit-history:nth-child(3) a{color:#7a5e66;}
|
.monit-select{width:70px;position: absolute; z-index: 100; right:10px; top:42px;}
|
|
.soil-tip, .histor-tip, .actual-tip{position: absolute; color:#fff; z-index: 1000; width:100%; text-align: center; left:0px; top:50%; display: none;}
|
.survey-tip{position: absolute; color:#fff; z-index: 1000; width:100%; text-align: center; left:0px; top:50%; display:none;}
|
.monit-tip{position: absolute; color:#fff; z-index: 1000; width:100%; text-align: center; left:0px; top:50%; display:none;}
|
.histor-tip{top:40%;}
|
.actual-tip{top:auto; margin-top:20%; display: block;}
|
.histor-tip-void{position: absolute; color:#fff; z-index: 1000; width:100%; text-align: center; left:0px; top:50%; display: none;}
|
.his-loding{position:absolute; left: 50%; top:45%; margin-left:-25px; display: none;}
|
.actual-list .soil-tip{position: static; padding-top:40%;}
|
.menu-box{height:calc(100% - 40px); width:300px; border:1px solid #1cd0ad; margin-top:10px; float: left; margin-left:8px; margin-top:30px;}
|
|
|
|
.map-pup{width:100%; height:155px; overflow-y: auto;}
|
.map-pup div{width:100%; clear: both; padding:8px 0;font-size:12px;}
|
.map-pup label{width:40%; float: left; padding-left:4%;}
|
.map-pup span{width:60%; float: left;}
|
.hj-til{color:#3acee5; font-weight: bold;}
|
.map-pup-til{height:35px; line-height: 35px;border-bottom: 1px solid #188488; padding-left: 8px; font-size: 14px;}
|
.map-pup .jiao-icon{position: absolute; left:50%; bottom:-36px; width: 0px; height: 0px; margin-left:-14px;
|
border-left:15px solid transparent;
|
border-right:15px solid transparent;
|
border-top:20px solid #188488;}
|
.map-pup .jiao-icon span{position: absolute; left:-14px; bottom:18px; width: 0px; height: 0px;
|
border-left:14px solid transparent;
|
border-right:14px solid transparent;
|
border-top:18px solid #253b75;}
|
.Explain-window {display: none;width: 220px;height: auto;background-color: white;position: absolute;border-radius: 6px;border: 1px dashed #50a37d;opacity: 0.9;z-index: 10000; padding:10px;}
|
|
#leftposition {
|
position: absolute;
|
left: 5px;
|
bottom: 20%;
|
cursor: pointer;
|
z-index: 100;
|
}
|
|
#rightposition {
|
position: absolute;
|
right: 5px;
|
bottom: 20%;
|
transform: rotate(180deg);
|
cursor: pointer;
|
z-index: 100;
|
}
|
|
#leftposition.on{cursor: default;}
|
#rightposition.on{cursor: default;}
|
