.labelWrap {
    display: flex;
    align-items: center;
    .title {
        flex-shrink: 0;
    }
    .label {
        color: red;
    }
}

.ol-map-search-result-button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    color: #0080ff;
    font-size: 14px;
}

.selectTools {
    height: 100%;
    &-layer-select {
        padding-bottom: 10px;
        &-scroll {
            max-height: 120px;
            overflow-y: auto;
        }
        &-item {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 2px 4px;
            cursor: pointer;
            font-size: 12px;
            &-active {
                color: #fff;
                background: #1890ff;
                border-color: #1890ff;
            }
        }
    }

    &-device {
        font-size: 12px;
        margin-bottom: 10px;

        &-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #767676;
            padding: 5px;

            > div {
                width: 25%;
                display: flex;
                justify-content: center;
            }
        }

        &-content {
            padding: 5px;
            background: #F6F6F6;
            border-radius: 4px;
            max-height: 144px;
            overflow-y: auto;

            &-item {
                display: flex;
                color: #1A1A1A;
                padding: 5px 0;

                > div {
                    width: 25%;
                    display: flex;
                    justify-content: center;
                    align-items: flex-end;

                    > span {
                        font-size: 10px;
                    }
                }
            }
        }
    }
}
