|
|
|
* {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
box-sizing: border-box;
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
html,
|
|
|
|
body {
|
|
|
|
font-family: "微软雅黑", arial, helvetica, sans-serif;
|
|
|
|
font-size: 14px;
|
|
|
|
border: 0;
|
|
|
|
outline: none;
|
|
|
|
color: #cceeff;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
overflow: hidden;
|
|
|
|
background: url(../img/bg.jpg) no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#earth{
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.topHead, .wrapper {
|
|
|
|
/*width: 100%;
|
|
|
|
z-index: 2;
|
|
|
|
position: absolute;*/
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 地图指南 */
|
|
|
|
|
|
|
|
.dtzn {
|
|
|
|
position: absolute;
|
|
|
|
width: 12px;
|
|
|
|
height: 510px;
|
|
|
|
top: 40px;
|
|
|
|
right: 130px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.znz {
|
|
|
|
width: 91px;
|
|
|
|
height: 83px;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.dtzn1 {
|
|
|
|
width: 100%;
|
|
|
|
height: 35px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dtbs {
|
|
|
|
width: 100px;
|
|
|
|
height: 52px;
|
|
|
|
margin-top: 15px;
|
|
|
|
padding-top: 6px;
|
|
|
|
/* padding-left: 40px; */
|
|
|
|
margin-left: -28px;
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dtbs li {
|
|
|
|
width: 48px;
|
|
|
|
height: 46px;
|
|
|
|
float: left;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dtbs li a {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dtbs li .dtbs-img {
|
|
|
|
width: 100%;
|
|
|
|
height: 20px;
|
|
|
|
line-height: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dtbs li .dtbs-img img {
|
|
|
|
vertical-align: middle;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dtbs li .dtbs-tit {
|
|
|
|
width: 100%;
|
|
|
|
height: 24px;
|
|
|
|
line-height: 24px;
|
|
|
|
color: #00eaff;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tool-model-select{
|
|
|
|
position: absolute;
|
|
|
|
border: 1px solid #4190b6;
|
|
|
|
border-radius: 4px;
|
|
|
|
width: 230px;
|
|
|
|
left: 10px;
|
|
|
|
margin-top: 22px;
|
|
|
|
z-index: 99;
|
|
|
|
}
|
|
|
|
.tool-model-select span{
|
|
|
|
float: left;
|
|
|
|
width: 20px;
|
|
|
|
height: 38px;
|
|
|
|
line-height: 34px;
|
|
|
|
}
|
|
|
|
.tool-model-select span img{
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
.tool-model-select select{
|
|
|
|
float: right;
|
|
|
|
width: 175px;
|
|
|
|
height: 38px;
|
|
|
|
border: 0;
|
|
|
|
line-height: 38px;
|
|
|
|
color: #00aeff;
|
|
|
|
font-size: 16px;
|
|
|
|
background: none;
|
|
|
|
outline: none;
|
|
|
|
/*很关键:将默认的select选择框样式清除*/
|
|
|
|
appearance:none;
|
|
|
|
-moz-appearance:none;
|
|
|
|
-webkit-appearance:none;
|
|
|
|
|
|
|
|
/*在选择框的最右侧中间显示小箭头图片*/
|
|
|
|
background: url("../img/tool-model-select-sanjiao.png") no-repeat scroll right center transparent;
|
|
|
|
padding-right: 14px;
|
|
|
|
}
|
|
|
|
.tool-model-select select option{
|
|
|
|
background: rgba(20, 47, 91, 0.8);
|
|
|
|
border: 1px solid #4190b6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.layui-form-select .layui-input{
|
|
|
|
background: #2e415f;
|
|
|
|
border: 0;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.layui-form-selected dl{
|
|
|
|
background: rgb(46, 65, 95);
|
|
|
|
}
|
|
|
|
|
|
|
|
.layui-form-select dl dd:hover{
|
|
|
|
background-color: #5FB878;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
复写supermap地图样式
|
|
|
|
*/
|
|
|
|
.cesium-viewer-bottom,.cesium-infoBox,.cesium-viewer-selectionIndicatorContainer{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 数字滚动
|
|
|
|
*/
|
|
|
|
@charset "utf-8";
|
|
|
|
.inrow{font-size:0;[;font-size:12px;];*font-size:0;font-family:arial;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px;}
|
|
|
|
.inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; }
|
|
|
|
.dataNums{position: absolute; display: block; width:100%; height:40px; text-align:center;top: 0; left: 15%;}
|
|
|
|
.dataNums .dataOne{ width:30px; height:40px; margin: 0px 5px; text-align: center; background: url(../img/num-bg.png) no-repeat;}
|
|
|
|
.dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
|
|
|
|
.dataNums .dataBoc .tt {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
|
|
|
|
.dataNums .tt span{width:100%;height:100%; color:#eaff00; font-size: 18px; line-height: 40px;}
|