mars3d 3.2.3 → 3.3.1

package/dist/mars3d.css

@@ -1,8 +1,989 @@
-/*!
- * Mars3D三维可视化平台
- * 版本信息：v3.2.3, hash值: 85f202847c2e4db30303
- * 编译日期：2022-02-27 14:54:39
- * 版权所有：Copyright by 火星科技 http://mars3d.cn
- * 使用单位：免费公开版 ，2022-2-1
- * 
- */.mars3d-divGraphic{position:absolute;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mars3d-divGraphic-edit{background-color:rgba(254,87,161,.1);border:2px dashed rgba(172,85,59,.768);-webkit-border-radius:2px;border-radius:2px;margin:-2px;box-sizing:content-box}.mars3d-divBoderLabel{position:absolute;left:0;bottom:0;cursor:pointer;--animation-name:mars3d-divBoderLabel-animation;--text-left-position:-75px}@keyframes mars3d-divBoderLabel-animation{0%,to{clip:rect(0,var(--clip-width-1),2px,0)}25%{clip:rect(0,2px,var(--clip-height-1),0)}50%{clip:rect(var(--clip-height-2),var(--clip-width-1),var(--clip-width-1),0)}75%{clip:rect(0,var(--clip-width-1),var(--clip-height-1),var(--clip-width-2))}}.mars3d-divBoderLabel-boder{width:var(--boder-width);height:var(--boder-height);margin:auto;color:var(--border-color);box-shadow:inset 0 0 0 1px var(--box-shadow-color)}.mars3d-divBoderLabel-text{color:var(--text-color);font-size:var(--text-font-size);display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-weight:bolder;user-select:none;cursor:pointer}.mars3d-divBoderLabel-boder,.mars3d-divBoderLabel-boder:after,.mars3d-divBoderLabel-boder:before{position:absolute;top:0;bottom:0;left:0;right:0}.mars3d-divBoderLabel-boder:after,.mars3d-divBoderLabel-boder:before{content:"";margin:-5%;box-shadow:inset 0 0 0 2px;animation:var(--animation-name) 8s linear infinite}.mars3d-divBoderLabel-boder:before{animation-delay:-4s}.mars3d-animation-point,.mars3d-animation-point:after,.mars3d-animation-point:before,.mars3d-animation-point p,.mars3d-animation-point p:after,.mars3d-animation-point p:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.mars3d-animation-point{width:10px;height:10px;border-radius:50%;border:1px solid hsla(0,0%,100%,.5);cursor:pointer;color:#0ff;background:currentColor;z-index:3;box-shadow:0 0 2em currentColor,0 0 .5em currentColor}.mars3d-animation-point,.mars3d-animation-point p{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}.mars3d-animation-point p{width:0;height:0;border-radius:50%;-webkit-animation:mars3d-animation-point-mapAni 2s ease infinite;-moz-animation:mars3d-animation-point-mapAni 2s ease infinite;-o-animation:mars3d-animation-point-mapAni 2s ease infinite;-ms-animation:mars3d-animation-point-mapAni 2s ease infinite;animation:mars3d-animation-point-mapAni 2s ease infinite}.mars3d-animation-point .mapError{color:red}.mars3d-animation-point .mapWarn{color:#b5a603}.mars3d-animation-point .mapSuccess{color:#239233}.mars3d-animation-point .mapOrange{color:#8c4d34}.mars3d-animation-point:after,.mars3d-animation-point:before,.mars3d-animation-point p:after,.mars3d-animation-point p:before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;border-radius:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mars3d-animation-point:after,.mars3d-animation-point:before{border:1px solid;-webkit-animation:mars3d-animation-point-mapAni 1s ease infinite;-moz-animation:mars3d-animation-point-mapAni 1s ease infinite;-o-animation:mars3d-animation-point-mapAni 1s ease infinite;-ms-animation:mars3d-animation-point-mapAni 1s ease infinite;animation:mars3d-animation-point-mapAni 1s ease infinite}.mars3d-animation-point p:before{border:1px solid}@-webkit-keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1;filter:alpha(opacity=1)}25%{width:12px;height:12px;opacity:.7;filter:alpha(opacity=70)}50%{width:20px;height:20px;opacity:.5;filter:alpha(opacity=50)}75%{width:30px;height:30px;opacity:.2;filter:alpha(opacity=20)}to{width:40px;height:40px;opacity:0;filter:alpha(opacity=0)}}@-moz-keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1;filter:alpha(opacity=1)}25%{width:12px;height:12px;opacity:.7;filter:alpha(opacity=70)}50%{width:20px;height:20px;opacity:.5;filter:alpha(opacity=50)}75%{width:30px;height:30px;opacity:.2;filter:alpha(opacity=20)}to{width:40px;height:40px;opacity:0;filter:alpha(opacity=0)}}@-o-keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1;filter:alpha(opacity=1)}25%{width:12px;height:12px;opacity:.7;filter:alpha(opacity=70)}50%{width:20px;height:20px;opacity:.5;filter:alpha(opacity=50)}75%{width:30px;height:30px;opacity:.2;filter:alpha(opacity=20)}to{width:40px;height:40px;opacity:0;filter:alpha(opacity=0)}}@-ms-keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1;filter:alpha(opacity=1)}25%{width:12px;height:12px;opacity:.7;filter:alpha(opacity=70)}50%{width:20px;height:20px;opacity:.5;filter:alpha(opacity=50)}75%{width:30px;height:30px;opacity:.2;filter:alpha(opacity=20)}to{width:40px;height:40px;opacity:0;filter:alpha(opacity=0)}}@keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1;filter:alpha(opacity=1)}25%{width:12px;height:12px;opacity:.7;filter:alpha(opacity=70)}50%{width:20px;height:20px;opacity:.5;filter:alpha(opacity=50)}75%{width:30px;height:30px;opacity:.2;filter:alpha(opacity=20)}to{width:40px;height:40px;opacity:0;filter:alpha(opacity=0)}}.mars3d-divUpLabel{text-align:center;background:transparent;color:#fff;display:block;box-sizing:border-box;animation-duration:1s;animation-fill-mode:both;animation-name:mars3d-divUpLabel-tinUpIn}.mars3d-divUpLabel-text{writing-mode:vertical-lr;font-size:16px;letter-spacing:4px}.mars3d-divUpLabel-line{display:block;height:100px;width:1.5px;margin-left:calc(50% - 1px);margin-top:3px;background-color:#fff}@keyframes mars3d-divUpLabel-tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.mars3d-popup{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.mars3d-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;text-align:center;width:20px;height:20px;font:16px/14px Tahoma,Verdana,sans-serif;text-decoration:none;font-weight:700;background:transparent;z-index:20170825;cursor:pointer}.mars3d-popup-content-wrapper{text-align:center;box-shadow:0 3px 14px rgba(0,0,0,.4);padding:1px;text-align:left;border-radius:3px}.mars3d-popup-content{margin:10px;line-height:1.4;font-size:13px;max-width:700px;min-width:50px;max-height:550px;overflow-y:auto}.mars3d-popup-tip-container{margin:0 auto;width:40px;height:20px;position:relative;overflow:hidden}.mars3d-popup-tip{box-shadow:0 3px 14px rgba(0,0,0,.4);width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mars3d-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.mars3d-popup-color{color:#fff}.mars3d-popup-background{background:rgba(63,72,84,.9)}.mars3d-popup-animation{animation-duration:.3s;animation-fill-mode:both;animation-name:mars3d-popup-swashIn}@keyframes mars3d-popup-swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.mars3d-popup-background{background:rgba(41,84,141,.9)!important}.mars3d-popup-btn{padding:3px 10px;border:1px solid #209ffd;background:rgba(32,159,253,.10980392156862745)}.mars3d-template-titile{border-radius:3px 0 0 3px;padding:0 80px 0 10px;height:40px;line-height:40px;font-size:16px;color:#fff;border-bottom:1px solid #616161;overflow:hidden}.mars3d-template-content{min-width:150px;margin-top:12px;font-size:14px;max-height:490px;overflow-y:auto}.mars3d-template-content>div{margin-top:5px}.mars3d-template-content label{margin:0 10px;min-width:55px;float:left}.mars3d-template-content input,.mars3d-template-content textarea{color:#fff;background-color:rgba(63,72,84,.9);border-width:1px;border-style:solid}.mars3d-template-content textarea{height:60px;resize:none}.mars3d-tooltip{padding:6px;background:rgba(63,72,84,.9);border:1px solid rgba(63,72,84,.9);border-radius:3px;color:#fff;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 1px 3px rgba(0,0,0,.4);max-width:700px;min-width:50px;max-height:550px}.mars3d-tooltip-bottom:before,.mars3d-tooltip-left:before,.mars3d-tooltip-right:before,.mars3d-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.mars3d-tooltip-bottom{margin-top:6px}.mars3d-tooltip-top{margin-top:-6px}.mars3d-tooltip-bottom:before,.mars3d-tooltip-top:before{left:50%;margin-left:-6px}.mars3d-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:rgba(63,72,84,.9)}.mars3d-tooltip-bottom:before{top:0;margin-top:-6px;margin-left:-6px;border-bottom-color:rgba(63,72,84,.9)}.mars3d-tooltip-left{margin-left:-6px}.mars3d-tooltip-right{margin-left:6px}.mars3d-tooltip-left:before,.mars3d-tooltip-right:before{top:50%;margin-top:-6px}.mars3d-tooltip-left:before{right:0;margin-right:-12px;border-left-color:rgba(63,72,84,.9)}.mars3d-tooltip-right:before{left:0;margin-left:-6px;border-right-color:rgba(63,72,84,.9)}.mars3d-locationbar{position:absolute;z-index:991;padding:3px 10px;font-size:13px;color:#e9e9e9;text-shadow:2px 2px 2px #000;background-color:rgba(0,0,0,.4);min-height:26px;pointer-events:none}.mars3d-locationbar-content{float:right}.mars3d-locationbar-content>div{float:left;margin-right:20px}.cesium-performanceDisplay-fps,.cesium-performanceDisplay-ms{min-width:65px}@media screen and (max-width:1200px){.mars3d-locationbar-content>div{margin-right:15px}}@media screen and (max-width:1000px){.cesium-performanceDisplay-fps,.cesium-performanceDisplay-ms,.mars3d-locationbar-content>.hide1000{display:none}.mars3d-locationbar-content>div{margin-right:10px}}@media screen and (max-width:700px){.mars3d-locationbar-content>.hide700{display:none}}@media screen and (max-width:600px){.mars3d-locationbar{display:none}}.mars3d-mousedownview{position:absolute;top:0;left:0;width:40px;height:40px;margin-top:-23px;margin-left:-23px;pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:visibility 0s .2s,opacity .2s ease-in;-moz-transition:visibility 0s .2s,opacity .2s ease-in;transition:visibility 0s .2s,opacity .2s ease-in}.mars3d-mousedownview-img{width:36px;height:36px;background-image:url(img/cursor.png);background-size:100% 100%}.mars3d-mousedownview-show{visibility:visible;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.mar3d-toolButton{cursor:pointer}.mar3d-toolButton div,.mar3d-toolButton img,.mar3d-toolButton svg{height:100%;text-align:center}.mars3d-compass{position:absolute;cursor:pointer;pointer-events:auto;user-select:none;width:55px;height:55px}.mars3d-compass .mars3d-compass-outer{position:absolute;top:0;left:0;height:55px;width:55px;background-repeat:no-repeat;background-size:contain;fill:#3f4854;border-radius:50%}.mars3d-compass .mars3d-compass-outer svg{height:55px;width:55px}.mars3d-compass .mars3d-compass-inner{position:relative;top:50%;transform:translateY(-50%);height:25px;width:25px;border-radius:50%;display:block;margin:0 auto;padding:4px;box-sizing:border-box;background:#fff;fill:#68adfe}.mars3d-compass .mars3d-compass-rotation-arc{position:absolute;top:2px;left:2px;height:51px;width:51px;border-radius:50%;background-repeat:no-repeat;background-size:contain}.mars3d-distance-legend{position:absolute;width:125px;height:25px;pointer-events:none;user-select:none}.mars3d-distance-legend .legend-label{font-size:13px;color:#fff;text-align:center;width:100%}.mars3d-distance-legend .legend-scale-bar{position:absolute;height:10px;top:10px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff}.mars3d-slider{position:absolute;left:50%;top:0;background-color:#d3d3d3;width:3px;height:100%;z-index:9999}.mars3d-slider .slider-splitter{position:absolute;left:-15px;top:calc(50% - 15px);width:32px;height:32px;background:#f0eeee;border-radius:50%;text-align:center;line-height:36px;padding:2px;border:1px solid #d3d3d3}.mars3d-slider .slider-splitter:hover{cursor:ew-resize}.mars3d-smallTooltip{display:block;position:absolute;max-width:200px;min-width:100px;padding:2px 5px;font-size:11px;z-index:1000;opacity:.8;-khtml-opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);pointer-events:none}.mars3d-smallTooltip-inner{padding:3px 5px;background-color:rgba(0,0,0,.8);color:#fff;text-align:left;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.mars3d-smallTooltip-inner p{margin:0}.mars3d-smallTooltip-arrow{position:absolute;width:0;height:0;top:50%}.mars3d-smallTooltip-leftArrow{right:0;border-left:5px solid #000}.mars3d-smallTooltip-leftArrow,.mars3d-smallTooltip-rightArrow{margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent}.mars3d-smallTooltip-rightArrow{left:0;border-right:5px solid #000}.mars3d-contextmenu{position:absolute;padding:0;z-index:20170825;display:none}.mars3d-contextmenu-ul{background:rgba(43,44,47,.8);border:1px solid #2b2c2f;min-width:110px;position:relative;list-style:none;margin:0;padding:0}.mars3d-contextmenu-ul .contextmenu-icon{padding-right:10px;min-width:20px;text-align:center;height:100%}.mars3d-contextmenu-ul .contextmenu-arrow{position:absolute;right:0;width:20px;height:20px;text-align:center}.mars3d-contextmenu-ul li+li{margin:0;padding:0;position:relative}.mars3d-contextmenu-ul li+li:before{content:"";display:block;height:1px;width:100%;background:-webkit-linear-gradient(270deg,transparent,hsla(0,0%,100%,.2),transparent);background:linear-gradient(270deg,transparent,hsla(0,0%,100%,.2),transparent);position:absolute;top:0;left:0}.mars3d-contextmenu-ul .line{display:block;content:"";height:1px;width:96%;position:absolute;left:2%;background:#ddd;width:100%;height:20px;border:1px}.mars3d-contextmenu-ul>li>a{padding:6px 10px;-webkit-transition:background-color .25s;-o-transition:background-color .25s;transition:background-color .25s;display:block;clear:both;line-height:22px;color:#76838f;white-space:nowrap;color:#edffff;text-decoration:none}.mars3d-contextmenu-ul>.active>a,.mars3d-contextmenu-ul>.active>a:focus,.mars3d-contextmenu-ul>.active>a:hover,.mars3d-contextmenu-ul>li>.active,.mars3d-contextmenu-ul>li>a:focus,.mars3d-contextmenu-ul>li>a:hover{color:#fff;background-color:#444d59;text-decoration:none}.mars3d-sub-menu{position:absolute;background:rgba(43,44,47,.8);min-width:160px;display:none}.mars3d-sub-menu li{width:100%;box-sizing:border-box;font-size:14px;color:#fff;margin:0;padding:0}.mars3d-sub-menu li:hover{background-color:#444d59}.mars3d-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:relative}.mars3d-overviewMap{position:absolute;user-select:none;width:200px;height:150px;overflow:hidden;border:1px solid orange;box-shadow:2px 2px 3px #2b2b2b}.mars3d-clockAnimate{position:absolute;bottom:0;left:0;height:27px;z-index:999;background:linear-gradient(180deg,rgba(116,117,119,.8) 0,rgba(58,68,82,.8) 11%,rgba(46,50,56,.8) 46%,rgba(53,53,53,.8) 81%,rgba(53,53,53,.8))}.mars3d-clockAnimate .time{margin:0 4px;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mars3d-clockAnimate .mars3d-clockAnimate-btn{display:inline-block;vertical-align:middle;padding:1px 8px;color:#fff;background-color:rgba(63,72,84,.7);border:none;cursor:pointer;width:24px}.mars3d-clockAnimate .mars3d-clockAnimate-btn svg{margin-top:1px}.mars3d-clockAnimate .mars3d-clockAnimate-speed{width:80px;height:24px;border:1px solid hsla(0,0%,53.3%,.6);padding:0 3px;margin:0;color:#fff;background-color:rgba(63,72,84,.7)}.mars3d-clockAnimate .mars3d-clockAnimate-speed ::-webkit-outer-spin-button,.mars3d-clockAnimate .mars3d-clockAnimate-speed input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0}
+/**地球容器div*/
+.mars3d-container {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  position: relative;
+}
+/**右键菜单*/
+.mars3d-contextmenu {
+  position: absolute;
+  padding: 0;
+  z-index: 20170825;
+  display: none;
+}
+.mars3d-contextmenu-ul {
+  background: rgba(43, 44, 47, 0.8);
+  border: 1px solid #2b2c2f;
+  min-width: 110px;
+  position: relative;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.mars3d-contextmenu-ul .contextmenu-icon {
+  padding-right: 10px;
+  min-width: 20px;
+  text-align: center;
+  height: 100%;
+}
+.mars3d-contextmenu-ul .contextmenu-arrow {
+  position: absolute;
+  right: 0;
+  width: 20px;
+  height: 20px;
+  text-align: center;
+}
+.mars3d-contextmenu-ul li + li {
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+.mars3d-contextmenu-ul li + li:before {
+  content: "";
+  display: block;
+  height: 1px;
+  width: 100%;
+  background: -webkit-linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), transparent);
+  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), transparent);
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.mars3d-contextmenu-ul .line {
+  display: block;
+  content: "";
+  height: 1px;
+  width: 96%;
+  position: absolute;
+  left: 2%;
+  background: #dddddd;
+  width: 100%;
+  height: 20px;
+  border: 1px;
+}
+.mars3d-contextmenu-ul > li > a {
+  padding: 6px 10px;
+  -webkit-transition: background-color 0.25s;
+  -o-transition: background-color 0.25s;
+  transition: background-color 0.25s;
+  display: block;
+  clear: both;
+  line-height: 22px;
+  color: #76838f;
+  white-space: nowrap;
+  color: #edffff;
+  text-decoration: none;
+}
+.mars3d-contextmenu-ul > li > a:hover,
+.mars3d-contextmenu-ul > li > a:focus,
+.mars3d-contextmenu-ul > li > .active {
+  color: #fff;
+  background-color: #444d59;
+  text-decoration: none;
+}
+.mars3d-contextmenu-ul > .active > a,
+.mars3d-contextmenu-ul > .active > a:hover,
+.mars3d-contextmenu-ul > .active > a:focus {
+  color: #fff;
+  background-color: #444d59;
+  text-decoration: none;
+}
+.mars3d-sub-menu {
+  position: absolute;
+  background: rgba(43, 44, 47, 0.8);
+  min-width: 160px;
+  display: none;
+}
+.mars3d-sub-menu li {
+  width: 100%;
+  box-sizing: border-box;
+  font-size: 14px;
+  color: #ffffff;
+  margin: 0;
+  padding: 0;
+}
+.mars3d-sub-menu li:hover {
+  background-color: #444d59;
+}
+.mars3d-smallTooltip {
+  display: block;
+  position: absolute;
+  max-width: 200px;
+  min-width: 100px;
+  padding: 2px 5px;
+  font-size: 11px;
+  z-index: 1000;
+  opacity: 0.8;
+  -khtml-opacity: 0.8;
+  -moz-opacity: 0.8;
+  filter: alpha(opacity=80);
+  pointer-events: none;
+}
+.mars3d-smallTooltip-inner {
+  padding: 3px 5px;
+  background-color: rgba(0, 0, 0, 0.8);
+  color: white;
+  text-align: left;
+  max-width: 200px;
+  text-decoration: none;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.mars3d-smallTooltip-inner p {
+  margin: 0;
+}
+.mars3d-smallTooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  top: 50%;
+}
+.mars3d-smallTooltip-leftArrow {
+  right: 0;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 5px solid #000000;
+}
+.mars3d-smallTooltip-rightArrow {
+  left: 0;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-right: 5px solid #000000;
+}
+.mars3d-clockAnimate {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 27px;
+  z-index: 999;
+  background: linear-gradient(to bottom, rgba(116, 117, 119, 0.8) 0%, rgba(58, 68, 82, 0.8) 11%, rgba(46, 50, 56, 0.8) 46%, rgba(53, 53, 53, 0.8) 81%, rgba(53, 53, 53, 0.8) 100%);
+}
+.mars3d-clockAnimate .time {
+  margin: 0 4px;
+  font-size: 13px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.mars3d-clockAnimate .mars3d-clockAnimate-btn {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 1px 8px;
+  border: solid 1px #888;
+  color: #ffffff;
+  background-color: rgba(63, 72, 84, 0.7);
+  border: none;
+  cursor: pointer;
+  width: 24px;
+}
+.mars3d-clockAnimate .mars3d-clockAnimate-btn svg {
+  margin-top: 1px;
+}
+.mars3d-clockAnimate .mars3d-clockAnimate-speed {
+  width: 80px;
+  height: 24px;
+  border: solid 1px rgba(136, 136, 136, 0.6);
+  padding: 0 3px;
+  margin: 0;
+  color: #ffffff;
+  background-color: rgba(63, 72, 84, 0.7);
+}
+.mars3d-clockAnimate .mars3d-clockAnimate-speed ::-webkit-outer-spin-button,
+.mars3d-clockAnimate .mars3d-clockAnimate-speed input::-webkit-inner-spin-button {
+  -webkit-appearance: none !important;
+  margin: 0;
+}
+.mars3d-compass {
+  position: absolute;
+  cursor: pointer;
+  pointer-events: auto;
+  user-select: none;
+  width: 55px;
+  height: 55px;
+}
+.mars3d-compass .mars3d-compass-outer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 55px;
+  width: 55px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  fill: #3f4854;
+  border-radius: 50%;
+}
+.mars3d-compass .mars3d-compass-outer svg {
+  height: 55px;
+  width: 55px;
+}
+.mars3d-compass .mars3d-compass-inner {
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 25px;
+  width: 25px;
+  border-radius: 50%;
+  display: block;
+  margin: 0 auto;
+  padding: 4px;
+  box-sizing: border-box;
+  background: #ffffff;
+  fill: #68adfe;
+}
+.mars3d-compass .mars3d-compass-rotation-arc {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  height: 51px;
+  width: 51px;
+  border-radius: 50%;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+.mars3d-distance-legend {
+  position: absolute;
+  width: 125px;
+  height: 25px;
+  pointer-events: none;
+  user-select: none;
+}
+.mars3d-distance-legend .legend-label {
+  font-size: 13px;
+  color: #ffffff;
+  text-align: center;
+  width: 100%;
+}
+.mars3d-distance-legend .legend-scale-bar {
+  position: absolute;
+  height: 10px;
+  top: 10px;
+  border-left: 1px solid #ffffff;
+  border-right: 1px solid #ffffff;
+  border-bottom: 1px solid #ffffff;
+}
+/**左下角，鼠标经纬度提示*/
+.mars3d-locationbar {
+  position: absolute;
+  z-index: 991;
+  padding: 3px 10px;
+  font-size: 13px;
+  color: #e9e9e9;
+  background-color: rgba(0, 0, 0, 0.4);
+  min-height: 26px;
+  pointer-events: none;
+}
+.mars3d-locationbar-content {
+  float: right;
+}
+.mars3d-locationbar-content > div {
+  float: left;
+  margin-right: 20px;
+}
+.cesium-performanceDisplay-ms,
+.cesium-performanceDisplay-fps {
+  min-width: 65px;
+}
+/* 兼容屏幕大小 美观显示不同信息 */
+@media screen and (max-width: 1200px) {
+  .mars3d-locationbar-content > div {
+    margin-right: 15px;
+  }
+}
+@media screen and (max-width: 1000px) {
+  .cesium-performanceDisplay-ms,
+  .cesium-performanceDisplay-fps,
+  .mars3d-locationbar-content > .hide1000 {
+    display: none;
+  }
+  .mars3d-locationbar-content > div {
+    margin-right: 10px;
+  }
+}
+@media screen and (max-width: 700px) {
+  .mars3d-locationbar-content > .hide700 {
+    display: none;
+  }
+}
+@media screen and (max-width: 600px) {
+  .mars3d-locationbar {
+    display: none;
+  }
+}
+.mars3d-slider {
+  position: absolute;
+  left: 50%;
+  top: 0px;
+  background-color: #d3d3d3;
+  width: 3px;
+  height: 100%;
+  z-index: 9999;
+}
+.mars3d-slider .slider-splitter {
+  position: absolute;
+  left: -15px;
+  top: calc(50% - 15px);
+  width: 32px;
+  height: 32px;
+  background: #f0eeee;
+  border-radius: 50%;
+  text-align: center;
+  line-height: 36px;
+  padding: 2px;
+  border: 1px solid lightgrey;
+}
+.mars3d-slider .slider-splitter:hover {
+  cursor: ew-resize;
+}
+/**滚轮样式*/
+.mars3d-mousedownview {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 40px;
+  height: 40px;
+  margin-top: -23px;
+  /*图片高度的一半*/
+  margin-left: -23px;
+  pointer-events: none;
+  visibility: hidden;
+  opacity: 0;
+  -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in;
+  -moz-transition: visibility 0s 0.2s, opacity 0.2s ease-in;
+  transition: visibility 0s 0.2s, opacity 0.2s ease-in;
+}
+.mars3d-mousedownview-img {
+  width: 36px;
+  height: 36px;
+  background-image: url(./img/cursor.png);
+  background-size: 100% 100%;
+}
+.mars3d-mousedownview-show {
+  visibility: visible;
+  opacity: 1;
+  -webkit-transition: opacity 0.2s ease-out;
+  -moz-transition: opacity 0.2s ease-out;
+  transition: opacity 0.2s ease-out;
+}
+.mars3d-overviewMap {
+  position: absolute;
+  user-select: none;
+  width: 200px;
+  height: 150px;
+  overflow: hidden;
+  border: 1px solid orange;
+  box-shadow: 2px 2px 3px #2b2b2b;
+}
+.mar3d-toolButton {
+  cursor: pointer;
+}
+.mar3d-toolButton img,
+.mar3d-toolButton svg,
+.mar3d-toolButton div {
+  height: 100%;
+  text-align: center;
+}
+/**内置的DivGraphic通用样式【文本动态边框】*/
+.mars3d-divBoderLabel {
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  cursor: pointer;
+  --animation-name: mars3d-divBoderLabel-animation;
+  --text-left-position: -75px;
+}
+@keyframes mars3d-divBoderLabel-animation {
+  0%,
+  100% {
+    clip: rect(0px, var(--clip-width-1), 2px, 0px);
+  }
+  25% {
+    clip: rect(0px, 2px, var(--clip-height-1), 0px);
+  }
+  50% {
+    clip: rect(var(--clip-height-2), var(--clip-width-1), var(--clip-width-1), 0px);
+  }
+  75% {
+    clip: rect(0px, var(--clip-width-1), var(--clip-height-1), var(--clip-width-2));
+  }
+}
+.mars3d-divBoderLabel-boder {
+  width: var(--boder-width);
+  height: var(--boder-height);
+  margin: auto;
+  color: var(--border-color);
+  box-shadow: inset 0 0 0 1px var(--box-shadow-color);
+}
+.mars3d-divBoderLabel-text {
+  color: var(--text-color);
+  font-size: var(--text-font-size);
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  font-weight: bolder;
+  user-select: none;
+  cursor: pointer;
+}
+.mars3d-divBoderLabel-boder,
+.mars3d-divBoderLabel-boder::before,
+.mars3d-divBoderLabel-boder::after {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.mars3d-divBoderLabel-boder::before,
+.mars3d-divBoderLabel-boder::after {
+  content: "";
+  margin: -5%;
+  box-shadow: inset 0 0 0 2px;
+  animation: var(--animation-name) 8s linear infinite;
+}
+.mars3d-divBoderLabel-boder::before {
+  animation-delay: -4s;
+}
+.mars3d-divGraphic {
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.mars3d-divGraphic-edit {
+  background-color: rgba(254, 87, 161, 0.1);
+  border: 2px dashed rgba(172, 85, 59, 0.768);
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  margin: -2px;
+  box-sizing: content-box;
+}
+/**内置的DivGraphic通用样式【动画点】*/
+.mars3d-animation-point,
+.mars3d-animation-point:after,
+.mars3d-animation-point:before,
+.mars3d-animation-point p,
+.mars3d-animation-point p:after,
+.mars3d-animation-point p:before {
+  margin: 0;
+  padding: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.mars3d-animation-point {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  border: 1px solid hsla(0, 0%, 100%, 0.5);
+  cursor: pointer;
+  color: #0ff;
+  background: currentColor;
+  z-index: 3;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  box-shadow: 0 0 2em currentColor, 0 0 0.5em currentColor;
+  position: absolute;
+}
+.mars3d-animation-point p {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 0;
+  height: 0;
+  border-radius: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  -webkit-animation: mars3d-animation-point-mapAni 2s ease infinite;
+  -moz-animation: mars3d-animation-point-mapAni 2s ease infinite;
+  -o-animation: mars3d-animation-point-mapAni 2s ease infinite;
+  -ms-animation: mars3d-animation-point-mapAni 2s ease infinite;
+  animation: mars3d-animation-point-mapAni 2s ease infinite;
+}
+.mars3d-animation-point .mapError {
+  color: red;
+}
+.mars3d-animation-point .mapWarn {
+  color: #b5a603;
+}
+.mars3d-animation-point .mapSuccess {
+  color: #239233;
+}
+.mars3d-animation-point .mapOrange {
+  color: #8c4d34;
+}
+.mars3d-animation-point:after,
+.mars3d-animation-point:before,
+.mars3d-animation-point p:after,
+.mars3d-animation-point p:before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 50%;
+  top: 50%;
+  border-radius: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+.mars3d-animation-point:after,
+.mars3d-animation-point:before {
+  border: 1px solid;
+  -webkit-animation: mars3d-animation-point-mapAni 1s ease infinite;
+  -moz-animation: mars3d-animation-point-mapAni 1s ease infinite;
+  -o-animation: mars3d-animation-point-mapAni 1s ease infinite;
+  -ms-animation: mars3d-animation-point-mapAni 1s ease infinite;
+  animation: mars3d-animation-point-mapAni 1s ease infinite;
+}
+.mars3d-animation-point p:before {
+  border: 1px solid;
+}
+@-webkit-keyframes mars3d-animation-point-mapAni {
+  0% {
+    width: 0;
+    height: 0;
+    opacity: 1;
+    filter: alpha(opacity=1);
+  }
+  25% {
+    width: 12px;
+    height: 12px;
+    opacity: 0.7;
+    filter: alpha(opacity=70);
+  }
+  50% {
+    width: 20px;
+    height: 20px;
+    opacity: 0.5;
+    filter: alpha(opacity=50);
+  }
+  75% {
+    width: 30px;
+    height: 30px;
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+  }
+  to {
+    width: 40px;
+    height: 40px;
+    opacity: 0;
+    filter: alpha(opacity=0);
+  }
+}
+@-moz-keyframes mars3d-animation-point-mapAni {
+  0% {
+    width: 0;
+    height: 0;
+    opacity: 1;
+    filter: alpha(opacity=1);
+  }
+  25% {
+    width: 12px;
+    height: 12px;
+    opacity: 0.7;
+    filter: alpha(opacity=70);
+  }
+  50% {
+    width: 20px;
+    height: 20px;
+    opacity: 0.5;
+    filter: alpha(opacity=50);
+  }
+  75% {
+    width: 30px;
+    height: 30px;
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+  }
+  to {
+    width: 40px;
+    height: 40px;
+    opacity: 0;
+    filter: alpha(opacity=0);
+  }
+}
+@-o-keyframes mars3d-animation-point-mapAni {
+  0% {
+    width: 0;
+    height: 0;
+    opacity: 1;
+    filter: alpha(opacity=1);
+  }
+  25% {
+    width: 12px;
+    height: 12px;
+    opacity: 0.7;
+    filter: alpha(opacity=70);
+  }
+  50% {
+    width: 20px;
+    height: 20px;
+    opacity: 0.5;
+    filter: alpha(opacity=50);
+  }
+  75% {
+    width: 30px;
+    height: 30px;
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+  }
+  to {
+    width: 40px;
+    height: 40px;
+    opacity: 0;
+    filter: alpha(opacity=0);
+  }
+}
+@-ms-keyframes mars3d-animation-point-mapAni {
+  0% {
+    width: 0;
+    height: 0;
+    opacity: 1;
+    filter: alpha(opacity=1);
+  }
+  25% {
+    width: 12px;
+    height: 12px;
+    opacity: 0.7;
+    filter: alpha(opacity=70);
+  }
+  50% {
+    width: 20px;
+    height: 20px;
+    opacity: 0.5;
+    filter: alpha(opacity=50);
+  }
+  75% {
+    width: 30px;
+    height: 30px;
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+  }
+  to {
+    width: 40px;
+    height: 40px;
+    opacity: 0;
+    filter: alpha(opacity=0);
+  }
+}
+@keyframes mars3d-animation-point-mapAni {
+  0% {
+    width: 0;
+    height: 0;
+    opacity: 1;
+    filter: alpha(opacity=1);
+  }
+  25% {
+    width: 12px;
+    height: 12px;
+    opacity: 0.7;
+    filter: alpha(opacity=70);
+  }
+  50% {
+    width: 20px;
+    height: 20px;
+    opacity: 0.5;
+    filter: alpha(opacity=50);
+  }
+  75% {
+    width: 30px;
+    height: 30px;
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+  }
+  to {
+    width: 40px;
+    height: 40px;
+    opacity: 0;
+    filter: alpha(opacity=0);
+  }
+}
+.mars3d-divUpLabel {
+  text-align: center;
+  background: transparent;
+  color: white;
+  display: block;
+  box-sizing: border-box;
+  animation-duration: 1s;
+  animation-fill-mode: both;
+  animation-name: mars3d-divUpLabel-tinUpIn;
+}
+.mars3d-divUpLabel-text {
+  writing-mode: vertical-lr;
+  font-size: 16px;
+  letter-spacing: 4px;
+}
+.mars3d-divUpLabel-line {
+  display: block;
+  height: 100px;
+  width: 1.5px;
+  margin-left: calc(50% - 1px);
+  margin-top: 3px;
+  background-color: white;
+}
+@keyframes mars3d-divUpLabel-tinUpIn {
+  0% {
+    opacity: 0;
+    transform: scale(1, 1) translateY(-900%);
+  }
+  50%,
+  70%,
+  90% {
+    opacity: 1;
+    transform: scale(1.1, 1.1) translateY(0);
+  }
+  100%,
+  60%,
+  80% {
+    opacity: 1;
+    transform: scale(1, 1) translateY(0);
+  }
+}
+/*****popup弹出框样式******/
+/*白色字体,如果黑色改为：#2b2929;*/
+/*黑色背景,如果白色改为：rgba(255,255,255,0.85);*/
+.mars3d-popup {
+  -webkit-user-select: auto;
+  -moz-user-select: auto;
+  -ms-user-select: auto;
+  user-select: auto;
+}
+.mars3d-popup-close-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 4px 4px 0 0;
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  font: 16px/14px Tahoma, Verdana, sans-serif;
+  text-decoration: none;
+  font-weight: bold;
+  background: transparent;
+  z-index: 20170825;
+  cursor: pointer;
+}
+.mars3d-popup-content-wrapper {
+  text-align: center;
+  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
+  padding: 1px;
+  text-align: left;
+  border-radius: 3px;
+}
+.mars3d-popup-content {
+  margin: 10px;
+  line-height: 1.4;
+  font-size: 13px;
+  max-width: 700px;
+  min-width: 50px;
+  max-height: 550px;
+  overflow-y: auto;
+}
+.mars3d-popup-tip-container {
+  margin: 0 auto;
+  width: 40px;
+  height: 20px;
+  position: relative;
+  overflow: hidden;
+}
+.mars3d-popup-tip {
+  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
+  width: 17px;
+  height: 17px;
+  padding: 1px;
+  margin: -10px auto 0;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.mars3d-popup-scrolled {
+  overflow: auto;
+  border-bottom: 1px solid #ddd;
+  border-top: 1px solid #ddd;
+}
+.mars3d-popup-color {
+  color: #ffffff;
+}
+.mars3d-popup-background {
+  background: rgba(63, 72, 84, 0.9);
+}
+.mars3d-popup-animation {
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-name: mars3d-popup-swashIn;
+}
+@keyframes mars3d-popup-swashIn {
+  0% {
+    opacity: 0;
+    transform-origin: 50% 50%;
+    transform: scale(0, 0);
+  }
+  90% {
+    opacity: 1;
+    transform-origin: 50% 50%;
+    transform: scale(0.9, 0.9);
+  }
+  100% {
+    opacity: 1;
+    transform-origin: 50% 50%;
+    transform: scale(1, 1);
+  }
+}
+.mars3d-popup-background {
+  background: rgba(41, 84, 141, 0.9) !important;
+}
+.mars3d-popup-btn {
+  padding: 3px 10px;
+  border: 1px solid #209ffd;
+  background: #209ffd1c;
+}
+/* all 中的html样式 */
+.mars3d-template-titile {
+  border-radius: 3px 0 0 3px;
+  padding: 0 80px 0 10px;
+  height: 40px;
+  line-height: 40px;
+  font-size: 16px;
+  color: #ffffff;
+  border-bottom: 1px solid #616161;
+  overflow: hidden;
+}
+.mars3d-template-content {
+  min-width: 150px;
+  margin-top: 12px;
+  font-size: 14px;
+  max-height: 490px;
+  overflow-y: auto;
+}
+.mars3d-template-content > div {
+  margin-top: 5px;
+}
+.mars3d-template-content label {
+  margin: 0 10px;
+  min-width: 55px;
+  float: left;
+}
+.mars3d-template-content input {
+  color: #ffffff;
+  background-color: rgba(63, 72, 84, 0.9);
+  border-width: 1px;
+  border-style: solid;
+}
+.mars3d-template-content textarea {
+  color: #ffffff;
+  background-color: rgba(63, 72, 84, 0.9);
+  border-width: 1px;
+  border-style: solid;
+  height: 60px;
+  resize: none;
+}
+/*****tooltip弹出框样式******/
+/*白色字体,如果黑色改为：#2b2929;*/
+/*黑色背景,如果白色改为：rgba(255,255,255,0.85);*/
+.mars3d-tooltip {
+  padding: 6px;
+  background: rgba(63, 72, 84, 0.9);
+  border: 1px solid rgba(63, 72, 84, 0.9);
+  border-radius: 3px;
+  color: #ffffff;
+  white-space: nowrap;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+  max-width: 700px;
+  min-width: 50px;
+  max-height: 550px;
+}
+.mars3d-tooltip-top:before,
+.mars3d-tooltip-bottom:before,
+.mars3d-tooltip-left:before,
+.mars3d-tooltip-right:before {
+  position: absolute;
+  pointer-events: none;
+  border: 6px solid transparent;
+  background: transparent;
+  content: "";
+}
+/* Directions */
+.mars3d-tooltip-bottom {
+  margin-top: 6px;
+}
+.mars3d-tooltip-top {
+  margin-top: -6px;
+}
+.mars3d-tooltip-bottom:before,
+.mars3d-tooltip-top:before {
+  left: 50%;
+  margin-left: -6px;
+}
+.mars3d-tooltip-top:before {
+  bottom: 0;
+  margin-bottom: -12px;
+  border-top-color: rgba(63, 72, 84, 0.9);
+}
+.mars3d-tooltip-bottom:before {
+  top: 0;
+  margin-top: -6px;
+  margin-left: -6px;
+  border-bottom-color: rgba(63, 72, 84, 0.9);
+}
+.mars3d-tooltip-left {
+  margin-left: -6px;
+}
+.mars3d-tooltip-right {
+  margin-left: 6px;
+}
+.mars3d-tooltip-left:before,
+.mars3d-tooltip-right:before {
+  top: 50%;
+  margin-top: -6px;
+}
+.mars3d-tooltip-left:before {
+  right: 0;
+  margin-right: -12px;
+  border-left-color: rgba(63, 72, 84, 0.9);
+}
+.mars3d-tooltip-right:before {
+  left: 0;
+  margin-left: -6px;
+  border-right-color: rgba(63, 72, 84, 0.9);
+}
+.mars3d-widgetbar {
+  margin: 0 auto;
+  position: absolute;
+  bottom: 30px;
+  left: 20%;
+  width: 60%;
+  height: auto;
+  z-index: 1987;
+}
+.mars3d-widgetbar .fa {
+  margin-right: 5px;
+}