mars3d 3.1.12 → 3.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3 @@
1
+ {
2
+ "liveServer.settings.port": 5501
3
+ }
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  Apache License
3
- Version 2.0, January 2004
3
+ Version 2.0, January 2004
4
4
  http://www.apache.org/licenses/
5
5
  http://mars3d.cn/
6
6
 
@@ -201,4 +201,5 @@
201
201
  distributed under the License is distributed on an "AS IS" BASIS,
202
202
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
203
203
  See the License for the specific language governing permissions and
204
- limitations under the License.
204
+ limitations under the License.
205
+
package/README.md CHANGED
@@ -3,7 +3,7 @@
3
3
  <img src="https://mars3d.cn/logo.png" width="300px" />
4
4
  </p>
5
5
 
6
- <p align="center">一款基于WebGL技术实现的三维地球客户端开发平台 :Mars3D</p>
6
+ <p align="center">🌎 一款基于WebGL技术实现的三维地球客户端开发平台</p>
7
7
 
8
8
  <p align="center">
9
9
  <a target="_black" href="https://github.com/marsgis/mars3d">
@@ -18,61 +18,76 @@
18
18
  </p>
19
19
 
20
20
  [**English**](./README_EN.md) |[**中文**](./README.md)
21
+
21
22
 
22
- `Mars3D平台` 是[火星科技](http://marsgis.cn/)研发的一款基于 WebGL 技术实现的三维客户端开发平台,基于[Cesium](https://cesium.com/cesiumjs/)优化提升与B/S架构设计,支持多行业扩展的轻量级高效能GIS开发平台,能够免安装、无插件地在浏览器中高效运行,并可快速接入与使用多种GIS数据和三维模型,呈现三维空间的可视化,完成平台在不同行业的灵活应用。
23
+ 当前仓库是Mars3D平台所有开源仓库的清单导航页 ,包含最新SDK下载包、离线API文档和其他仓库导航。
24
+
25
+
26
+ Github:[https://github.com/marsgis/mars3d](https://github.com/marsgis/mars3d)
23
27
 
28
+ 国内Gitee:[https://gitee.com/marsgis/mars3d](https://gitee.com/marsgis/mars3d)
24
29
 
25
- ### 当前仓库说明
26
- 在任意开发编辑器(如vscode等)或http服务器(如node、nginx、tomcat、IIS等)下直接运行浏览`examples.html`即可,运行效果参考[在线预览](http://mars3d.cn/example)
27
30
 
28
- ### 反馈问题
29
- 为了方便交流及留存,所有bug及建议均统一提交至:[github issues](https://github.com/marsgis/mars3d/issues)
30
31
 
31
- ### 相关学习资料
32
+ ## 功能示例
33
+ 对平台每个功能编写的案例代码,可以阅读每个示例代码来学习各功能,与官网功能示例一致效果。
32
34
 
33
- - 开发教程:[http://mars3d.cn/dev/](http://mars3d.cn/dev/)
34
- - API文档:[http://mars3d.cn/api/](http://mars3d.cn/api/)
35
- - Mars3D官网:[http://mars3d.cn](http://mars3d.cn)
35
+ | 技术栈 | Github | 国内Gitee | 说明 |
36
+ | ----|---- | ----| ---- |
37
+ |**Vue3** |[mars3d-vue-example](https://github.com/marsgis/mars3d-vue-example) |[mars3d-vue-example](https://gitee.com/marsgis/mars3d-vue-example) | 功能示例Vue3源码 |
38
+ |原生JS |[mars3d-es5-example](https://github.com/marsgis/mars3d-es5-example) |[mars3d-es5-example](https://gitee.com/marsgis/mars3d-es5-example) | 功能示例原生JS源码 |
36
39
 
37
40
 
38
-
41
+ ## 最简项目模板
42
+ 提供了面向不同技术栈的最简项目模板,您可以直接使用或参考这些项目模板,了解SDK类库在不同技术栈项目中如何引入使用,快速搭建开发自己的项目。
43
+
44
+
45
+ | 技术栈 | Github | 国内Gitee | 说明 |
46
+ | ----|---- | ----| ---- |
47
+ |**Vue3** | [mars3d-vue-template](https://github.com/marsgis/mars3d-vue-template) |[mars3d-vue-template](https://gitee.com/marsgis/mars3d-vue-template) | Vue3最简的项目模板 |
48
+ |Vue2| [mars3d-vue2-template](https://github.com/marsgis/mars3d-vue2-template) |[mars3d-vue2-template](https://gitee.com/marsgis/mars3d-vue2-template) | Vue2最简的项目模板 |
49
+ |React | [mars3d-react-template](https://github.com/marsgis/mars3d-react-template) |[mars3d-react-template](https://gitee.com/marsgis/mars3d-react-template) | React最简的项目模板 |
50
+ |Angular | [mars3d-angular-template](https://github.com/marsgis/mars3d-angular-template) |[mars3d-angular-template](https://gitee.com/marsgis/mars3d-angular-template) | Angular最简的项目模板 |
51
+ |原生JS | [mars3d-es5-template](https://github.com/marsgis/mars3d-es5-template) |[mars3d-es5-template](https://gitee.com/marsgis/mars3d-es5-template) | 原生JS最简的项目模板 |
52
+
39
53
 
40
- ## Mars3D其他仓库导航 - Github
41
- > 功能示例:[https://github.com/marsgis/mars3d](https://github.com/marsgis/mars3d)
42
54
 
43
- ### 最简项目模板
44
- 1. 传统技术栈(原生JS)[https://github.com/marsgis/mars3d-es5-template](https://github.com/marsgis/mars3d-es5-template)
45
- 2. Vue技术栈[https://github.com/marsgis/mars3d-vue-template](https://github.com/marsgis/mars3d-vue-template)
46
- 3. React技术栈[https://github.com/marsgis/mars3d-react-template](https://github.com/marsgis/mars3d-react-template)
47
- 4. Angular技术栈[https://github.com/marsgis/mars3d-angular-template](https://github.com/marsgis/mars3d-angular-template)
55
+ ## 基础项目
56
+ 基础项目是具备一个GIS项目常见功能的项目模板,只用更换数据及叠加业务即可完成项目交付。
57
+ 如果需要更多功能可以考虑购买[付费项目模板](http://mars3d.cn/template)
58
+
59
+ |技术栈 | Github | 国内Gitee | 说明 |
60
+ |----|---- | ----| ---- |
61
+ |**Vue3** | [mars3d-vue-project](https://github.com/marsgis/mars3d-vue-project) |[mars3d-vue-project](https://gitee.com/marsgis/mars3d-vue-project) | Vue3开发的基础项目 |
62
+ |原生JS | [mars3d-widget-project](https://github.com/marsgis/mars3d-widget-project) |[mars3d-widget-project](https://gitee.com/marsgis/mars3d-widget-project) | 原生JS开发的(widget模式)基础项目 |
48
63
 
49
- ### 基础项目
50
- 1. 传统技术栈(原生JS的widget模式)[https://github.com/marsgis/mars3d-widget-project](https://github.com/marsgis/mars3d-widget-project)
51
- 2. Vue技术栈[https://github.com/marsgis/mars3d-vue-project](https://github.com/marsgis/mars3d-vue-project)
52
64
 
53
65
 
54
- ### 其他Cesium技术栈
55
- 1. 超图集成示例[https://github.com/marsgis/mars3d-link-supermap](https://github.com/marsgis/mars3d-link-supermap)
56
- 2. EarthSDK集成示例[https://github.com/marsgis/mars3d-link-earthsdk](https://github.com/marsgis/mars3d-link-earthsdk)
66
+
67
+ ## 第3方平台融合
68
+ Mars3D支持结合Cesium相关的各类平台来兼容使用,方便结合不同平台的优点来达到完成各种项目需求。
69
+
70
+ |技术栈 | Github | 国内Gitee | 说明 |
71
+ |----|---- | ----| ---- |
72
+ |supermap | [mars3d-link-supermap](https://github.com/marsgis/mars3d-link-supermap) |[mars3d-link-supermap](https://gitee.com/marsgis/mars3d-link-supermap) | 与超图公司平台融合示例 |
73
+ |earthsdk | [mars3d-link-earthsdk](https://github.com/marsgis/mars3d-link-earthsdk) |[mars3d-link-earthsdk](https://gitee.com/marsgis/mars3d-link-earthsdk) | 与earthsdk平台融合示例 |
74
+
75
+
57
76
 
77
+ ## 平台介绍
58
78
 
59
- ## Mars3D其他仓库导航 - Gitee(国内)
60
- > 功能示例:[ https://gitee.com/marsgis/mars3d]( https://gitee.com/marsgis/mars3d)
79
+ `Mars3D平台` 是[火星科技](http://marsgis.cn/)研发的一款基于 WebGL 技术实现的三维客户端开发平台,基于[Cesium](https://cesium.com/cesiumjs/)优化提升与B/S架构设计,支持多行业扩展的轻量级高效能GIS开发平台,能够免安装、无插件地在浏览器中高效运行,并可快速接入与使用多种GIS数据和三维模型,呈现三维空间的可视化,完成平台在不同行业的灵活应用。
61
80
 
62
- ### 最简项目模板
63
- 1. 传统技术栈(原生JS)[https://gitee.com/marsgis/mars3d-es5-template](https://gitee.com/marsgis/mars3d-es5-template)
64
- 2. Vue技术栈[https://gitee.com/marsgis/mars3d-vue-template](https://gitee.com/marsgis/mars3d-vue-template)
65
- 3. React技术栈[https://gitee.com/marsgis/mars3d-react-template](https://gitee.com/marsgis/mars3d-react-template)
66
- 4. Angular技术栈[https://gitee.com/marsgis/mars3d-angular-template](https://gitee.com/marsgis/mars3d-angular-template)
81
+ ## 学习资料
82
+
83
+ - 开发教程:[http://mars3d.cn/dev/](http://mars3d.cn/dev/)
84
+ - API文档:[http://mars3d.cn/api/](http://mars3d.cn/api/)
85
+ - Mars3D官网:[http://mars3d.cn](http://mars3d.cn)
67
86
 
68
- ### 基础项目
69
- 1. 传统技术栈(原生JS的widget模式)[https://gitee.com/marsgis/mars3d-widget-project](https://gitee.com/marsgis/mars3d-widget-project)
70
- 2. Vue技术栈[https://gitee.com/marsgis/mars3d-vue-project](https://gitee.com/marsgis/mars3d-vue-project)
71
87
 
88
+ ### 反馈问题
89
+ 为了方便交流及留存,所有bug及建议均统一提交至:[github issues](https://github.com/marsgis/mars3d/issues)
72
90
 
73
- ### 其他Cesium技术栈
74
- 1. 超图集成示例[https://gitee.com/marsgis/mars3d-link-supermap](https://gitee.com/marsgis/mars3d-link-supermap)
75
- 2. EarthSDK集成示例[https://gitee.com/marsgis/mars3d-link-earthsdk](https://gitee.com/marsgis/mars3d-link-earthsdk)
76
91
 
77
92
 
78
93
  ## 平台相关效果
@@ -94,5 +109,6 @@
94
109
 
95
110
 
96
111
  ## 版权说明
97
- 1. 任何`个人或组织`可以在遵守Mars3D相关要求下`免费无限制`使用。
98
- 2. 如有个性化定制需求,请联系[火星科技](http://mars3d.cn)付费提供相关服务。
112
+ 1. Mars3D平台由[火星科技](http://marsgis.cn/)自主研发,拥有所有权利。
113
+ 2. 任何个人或组织可以在遵守相关要求下可以免费无限制使用。
114
+
package/README_EN.md CHANGED
@@ -3,7 +3,7 @@
3
3
  <img src="https://mars3d.cn/logo.png" width="300px" />
4
4
  </p>
5
5
 
6
- <p align="center">A 3D Earth client development platform based on WebGL Technology :Mars3D</p>
6
+ <p align="center">🌎 A 3D Earth client development platform based on WebGL Technology :Mars3D</p>
7
7
 
8
8
  <p align="center">
9
9
  <a target="_black" href="https://github.com/marsgis/mars3d">
@@ -22,12 +22,11 @@
22
22
  `Mars3D platform` is [Mars technology](http://marsgis.cn/) a 3D client development platform based on WebGL technology, which is based on [Cesium](https://cesium.com/cesiumjs/) optimization and B / S architecture design,The lightweight and efficient GIS development platform supporting multi industry expansion can run efficiently in the browser without installation and plug-ins, and can quickly access and use a variety of GIS data and three-dimensional models, present the visualization of three-dimensional space, and complete the flexible application of the platform in different industries。
23
23
 
24
24
 
25
- ### Current warehouse description
26
- Directly run and browse `examples.html` under any development editor (such as vscode) or HTTP server (such as node, nginx, Tomcat, IIS, etc.). Refer to [online preview](http://mars3d.cn/example) for operation effect
27
25
 
28
26
  ### Feedback questions
29
27
  In order to facilitate communication and retention, all bugs and suggestions are submitted to : [github issues](https://github.com/marsgis/mars3d/issues)
30
28
 
29
+
31
30
  ### Relevant learning materials
32
31
 
33
32
  - Development tutorial: [http://mars3d.cn/dev/](http://mars3d.cn/dev/)
@@ -37,8 +36,8 @@ Directly run and browse `examples.html` under any development editor (such as vs
37
36
 
38
37
 
39
38
 
40
- ## Mars3D Other warehouse navigation - Github
41
- > Function example:[https://github.com/marsgis/mars3d](https://github.com/marsgis/mars3d)
39
+ ## Mars3D Other warehouse navigation
40
+ > Function example:[https://github.com/marsgis/mars3d-es5-example](https://github.com/marsgis/mars3d-es5-example)
42
41
 
43
42
  ### Simplest project template
44
43
  1. Traditional technology stack (Native JS)[https://github.com/marsgis/mars3d-es5-template](https://github.com/marsgis/mars3d-es5-template)
@@ -56,24 +55,6 @@ Directly run and browse `examples.html` under any development editor (such as vs
56
55
  2. EarthSDK integration example[https://github.com/marsgis/mars3d-link-earthsdk](https://github.com/marsgis/mars3d-link-earthsdk)
57
56
 
58
57
 
59
- ## Mars3D Other warehouse navigation - Gitee(domestic)
60
- > Function example:[ https://gitee.com/marsgis/mars3d]( https://gitee.com/marsgis/mars3d)
61
-
62
- ### Simplest project template
63
- 1. Traditional technology stack (Native JS)[https://gitee.com/marsgis/mars3d-es5-template](https://gitee.com/marsgis/mars3d-es5-template)
64
- 2. Vue technology stack[https://gitee.com/marsgis/mars3d-vue-template](https://gitee.com/marsgis/mars3d-vue-template)
65
- 3. React technology stack[https://gitee.com/marsgis/mars3d-react-template](https://gitee.com/marsgis/mars3d-react-template)
66
- 4. Angular technology stack[https://gitee.com/marsgis/mars3d-angular-template](https://gitee.com/marsgis/mars3d-angular-template)
67
-
68
- ### Basic project
69
- 1. Traditional technology stack (Widget mode of native JS)[https://gitee.com/marsgis/mars3d-widget-project](https://gitee.com/marsgis/mars3d-widget-project)
70
- 2. Vue technology stack[https://gitee.com/marsgis/mars3d-vue-project](https://gitee.com/marsgis/mars3d-vue-project)
71
-
72
-
73
- ### Other Cesium technology stacks
74
- 1. Hypergraph integration example[https://gitee.com/marsgis/mars3d-link-supermap](https://gitee.com/marsgis/mars3d-link-supermap)
75
- 2. EarthSDK integration example[https://gitee.com/marsgis/mars3d-link-earthsdk](https://gitee.com/marsgis/mars3d-link-earthsdk)
76
-
77
58
 
78
59
  ## Platform related effects
79
60
  Function example:
@@ -93,6 +74,5 @@ Directly run and browse `examples.html` under any development editor (such as vs
93
74
  ![image](http://mars3d.cn/img/zhts.jpg)
94
75
 
95
76
 
96
- ## Copyright notice
97
- 1. Any `individual or organization` can use it `free and unrestricted` in compliance with the relevant requirements of mars3d.
98
- 2. If you need personalized customization, please contact [Mars technology](http://mars3d.cn) to pay for relevant services.
77
+
78
+
package/dist/mars3d.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /*!
2
2
  * Mars3D三维可视化平台
3
- * 版本信息:v3.1.12, hash值: 2b7404eef247daf6612d
4
- * 编译日期:2021-11-14 12:17:07
3
+ * 版本信息:v3.1.16, hash值: 07785ba289237bb7441f
4
+ * 编译日期:2021-12-11 17:18:53
5
5
  * 版权所有:Copyright by 火星科技 http://mars3d.cn
6
6
  * 使用单位:免费公开版 ,2021-8-18
7
7
  *
8
- */.mars3d-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:relative}.mar3d-toolButton img{height:100%}.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:28px;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:600px){.mars3d-locationbar{display:none}}.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 i{padding-right:10px;min-width: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;font-weight:400;line-height:1.6;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{min-width:160px;position:absolute;top:0;left:160px;background:rgba(43,44,47,.8);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-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}.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-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;max-height:500px;overflow-y:auto;box-shadow:0 3px 14px rgba(0,0,0,.4);padding:1px;text-align:left;border-radius:3px}.mars3d-popup-content{margin:10px 20px 10px 10px;line-height:1.4;font-size:13px;max-width:800px;min-width:50px}.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)}.mars-popup-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}.mars-popup-content{min-width:150px;margin-top:12px;font-size:14px}.mars-popup-content>div{margin-top:5px}.mars-popup-content label{margin:0 10px;min-width:55px;float:left}.mars-popup-content input,.mars-popup-content textarea{color:#fff;background-color:rgba(63,72,84,.9);border-width:1px;border-style:solid}.mars-popup-content textarea{height:60px;resize:none}.mars-popup-highlight .mars3d-popup-background{background:rgba(41,84,141,.9)!important}.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)}.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-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-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-overviewMap{position:absolute;user-select:none;width:200px;height:150px;overflow:hidden;border:1px solid orange;box-shadow:2px 2px 3px #2b2b2b}.mars3d-div-graphic{position:absolute;left:0;top:0}.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-divBoderLabel{position:absolute;left:0;bottom:0;cursor:pointer;--animation-name:mars3d-divBoderLabel-animate;--text-left-position:-75px}@keyframes mars3d-divBoderLabel-animate{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-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)}}
8
+ */.mars3d-div-graphic{position:absolute;left:0;top:0}.mars3d-divBoderLabel{position:absolute;left:0;bottom:0;cursor:pointer;--animation-name:mars3d-divBoderLabel-animate;--text-left-position:-75px}@keyframes mars3d-divBoderLabel-animate{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-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-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;max-height:500px;overflow-y:auto;box-shadow:0 3px 14px rgba(0,0,0,.4);padding:1px;text-align:left;border-radius:3px}.mars3d-popup-content{margin:10px 20px 10px 10px;line-height:1.4;font-size:13px;max-width:800px;min-width:50px}.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)}.mars-popup-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}.mars-popup-content{min-width:150px;margin-top:12px;font-size:14px}.mars-popup-content>div{margin-top:5px}.mars-popup-content label{margin:0 10px;min-width:55px;float:left}.mars-popup-content input,.mars-popup-content textarea{color:#fff;background-color:rgba(63,72,84,.9);border-width:1px;border-style:solid}.mars-popup-content textarea{height:60px;resize:none}.mars-popup-highlight .mars3d-popup-background{background:rgba(41,84,141,.9)!important}.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)}.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:28px;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: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%}.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{padding-left:10px;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;font-weight:400;line-height:1.6;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{min-width:160px;position:absolute;top:0;left:160px;background:rgba(43,44,47,.8);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-clockAnimate{position:absolute;bottom:0;left:1px;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}.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}.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}