.infoWindows { position: absolute; z-index: 9; border: none; border-radius: 2px; background-image: url("../img/windows/btl.png"), url("../img/windows/btr.png"), url("../img/windows/bbl.png"), url("../img/windows/bbr.png"); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: left top, right top, bottom left, bottom right; background-size: 20px 20px, 20px 20px, 20px 20px, 20px 20px; box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5); overflow: hidden; } .infoWindows > div{ color: #fff; margin-top: 0; } .topWindows{ top: 0; left: 0; right: 0; color: #fff; background: rgba(9, 20, 33, 0.9); border: none; box-shadow: none; padding-top: 0; padding-bottom: 0; } .topBox{ display: flex; height: 60px; background-image:url(../img/bg_top_left.png), url(../img/bg_top_right.png); background-repeat: no-repeat; background-position: left center, right center; background-size: 683px 42px, 683px 42px; } .topLeft{ flex: 1; text-align: left; line-height: 60px; } .topCenter{ margin-top: 4px; padding-top: 2px; width: 796px; height: 50px; font-size: 22px; font-weight: bold; text-align: center; color: #5BEDF6; background: url(../img/bg_top.png) no-repeat; background-size: cover; } .topRight{ flex: 1; text-align: right; line-height: 60px; color: #5BEDF6; font-weight: bold; } .bottomWindows{ bottom: 0; left: 0; right: 0; height: 56px; background: rgba(9, 20, 33, 0.9); border: none; box-shadow: none; } .bottomWindows > div{ margin: 0 auto; width: 300px; display: flex; justify-content: space-between; } .handle { top: 30%; left: 10px; width: 120px; padding: 15px; text-align: center } .handle > .btn-primary{ margin: 0 0 8px!important; } .handle > .btn-primary:last-child{ margin: 0!important; } .btn-primary{ padding: auto 16px; border-radius: 20px; margin: 0; } /*隐藏底部toolbar*/ .mars3d-distance-legend, .mars3d-locationbar{ display: none; visibility: hidden; } /*自定义轮盘定位*/ .mars3d-compass{ bottom: 427px!important; right: 10px!important; } /*自定义工具栏定位*/ .cesium-viewer-toolbar{ bottom: 90px!important; right: 17px!important; } /*自定义时间轴定位*/ .mars3d-clockAnimate, .cesium-viewer-timelineContainer{ bottom: 56px; }