$imgsize: 25px;

.mobiletag-entitys-box {
    // 手机地图点  勿删
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .tag-content {
        font-size: 1.1rem;
        font-weight: 900;
        color: red;
        -webkit-text-stroke-color: #fff;
        -webkit-text-stroke-width: 0.6px;
    }

    .tag-angle-content {
        width: $imgsize;
        height: $imgsize;

        img {
            width: 100%;
            height: 100%;
        }
    }
}

.mobiletag-entitys-box-pink {
    // 手机地图点  勿删  粉色
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .tag-content {
        font-size: 1.1rem;
        font-weight: 900;
        color: #fe77fe;
        -webkit-text-stroke-color: #fff;
        -webkit-text-stroke-width: 0.6px;
    }

    .tag-angle-content {
        width: $imgsize;
        height: $imgsize;

        img {
            width: 100%;
            height: 100%;
        }
    }
}

.tag-entitys-box {
    height: 28px;

    .tag-content {
        display: inline;
        height: 20px;
        line-height: 20px;
        border: #ffffff solid 1px;
        padding: 1px 4px 1px 4px;
        color: #ffffff;
        text-align: center;
        background-color: #cc0000;
        border-radius: 4px;
        box-shadow: 2px 2px 10px white;
        font-size: 0.875rem;
    }

    .tag-angle-content {
        height: 9px;
        text-align: center;
        margin: -6px 26px 0px 10px;
    }
}

.point-entitys-box {
    width: 72px;
    height: 64px;

    .point-logo {
        height: 40px;
        text-align: center;

        img {
            height: 40px;
        }
    }

    .point-title {
        font-weight: 700;
        text-align: center;
        color: red;
        line-height: 24px;
    }
}

.way-entitys-box {

    .way-title {
        border: white 1px solid;
        padding-left: 2px;
        font-size: 12px;
        background: #0066ff;
        width: 12px;
        line-height: 13px;
        padding: 2px 1px 2px 1px;
        color: white;
        font-size: 0.875rem;
    }

    .way-sign-box {
        width: 22;
        text-align: center;
    }
}

.park-entitys-box {

    .park-title {
        position: relative;
        left: -8px;
        background-color: #ccff00;
        margin-bottom: 2px;
        white-space: nowrap;
    }

    .park-sign-box {
        text-align: center;

        &>div:first-child {
            img {
                width: 22px;
                height: 22px;
            }
        }
    }
}

.html-layer {
    .div-icon {
        background: transparent;
    }
}

.monitor-entitys-box {
    height: 40px;
}


.scene-entitys-box {
    text-align: center;

    div {
        line-height: 24px;
        text-align: center;
        font-weight: 700;
        color: #0054d3;
        text-shadow: 0 0 2px #fff;
    }

    img {
        height: 40px;
    }
}


.monitor-entitys-box {
    text-align: center;

    div {
        line-height: 10px;
        text-align: center;
        font-weight: 700;
        color: #0054d3;
        text-shadow: 0 0 2px #fff;
    }

    img {
        height: 40px;
    }
}