.content-container {
    position: relative;
    display: flex;
    height: 100%;

    .map-scene {
        flex: 1;
        // position: relative;
        // top: 0;
        // left: 0;
        height: 100%;

        // z-index: 1;
        &>div {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .tool-content {
            position: absolute;
            top: 90px;
            right: 11px;
            height: auto;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 5px;
            color: #666;
            cursor: pointer;
            background: #fff;
            z-index: 99;
            box-shadow: 0px 0px 4px 1px #ccc;
        }

        #map {
            .ol-layer {
                canvas {
                    width: 100% !important;
                    height: 100% !important;
                }
            }

            .ol-attribution {
                display: none;
            }

            .cesium-credit-logoContainer {
                display: none !important;
            }
        }
    }

    .main-content {
        position: absolute;
        top: 60px;
        left: 0;
        width: auto;
        height: 100%;
        z-index: 99;
        // z-index: 99;
        .el-card {
            box-sizing: border-box;
        }
    }

}