.ipart06  * {
            /* margin: 0; */
            /* padding: 0; */
            box-sizing: border-box;
        }
        /* body {
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
        } */

        #mountNode {
            background-position: top;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            height: 650px;
            margin: 0 auto;
            opacity: 1; /* 修复：默认可见，加载完成后可加淡入动画 */
            position: relative;
            width: 650px;
            transition: opacity .8s ease;
        }
        /* 加载淡入类，JS加载完成添加 */
        #mountNode.loaded {
            opacity: 1;
        }

        #mountNode #earth-source {
            display: none!important
        }

        #mountNode .shadow {
            background: radial-gradient(ellipse at center, rgba(39, 66, 101, .22) 0%, rgba(39, 66, 101, .12) 42%, rgba(39, 66, 101, 0) 72%) !important;
            bottom: 4%;
            filter: blur(12px);
            height: 18%;
            left: 16%;
            opacity: .75;
            pointer-events: none;
            position: absolute;
            width: 68%;
            z-index: 0;
        }
        #mountNode .shadow2 {
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: none;
            height: 100%;
            left: 100px;
            pointer-events: none;
            position: absolute;
            top: 100px;
            width: 100%;
            z-index: -1;
        }

        #mountNode #earth {
            cursor: pointer;
            height: 100%!important;
            position: absolute;
            touch-action: none;
            width: 100%!important;
            z-index: 1;
        }

        #mountNode .tap-flash {
            --tap-x: 50%;
            --tap-y: 50%;
            background: radial-gradient(circle, rgba(255,255,255,.96) 0 10%, rgba(88,157,255,.72) 18%, rgba(23,103,255,.28) 38%, rgba(23,103,255,0) 70%);
            border-radius: 50%;
            height: 86px;
            left: var(--tap-x);
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: var(--tap-y);
            transform: translate(-50%, -50%) scale(.35);
            width: 86px;
            z-index: 2;
        }

        #mountNode .tap-flash.active {
            animation: tap-flash .42s ease-out;
        }

        @keyframes tap-flash {
            0% { opacity: 0; transform: translate(-50%, -50%) scale(.2); }
            18% { opacity: 1; transform: translate(-50%, -50%) scale(.55); }
            100% { opacity: 0; transform: translate(-50%, -50%) scale(1.28); }
        }

        #mountNode #labels {
            position: absolute;
            top: 5px;
            z-index: 3;
        }

        @media (max-width: 1600px) {
            #mountNode {
                height:520px;
                left: 0;
                width: 520px
            }
        }

        @media (max-width: 1280px) {
            #mountNode {
                height:430px;
                margin-top: 20px;
                width: 430px
            }
        }
        @media (max-width: 580px) {
              #mountNode {
                  height: 330px;
                  width: 330px;
                }
        }

        .earth-label {
            color: #fff;
            left: 0;
            position: absolute;
            top: -2px;
            -webkit-transition: opacity 1s;
            transition: opacity 1s;
            z-index: 99
        }

        .earth-label>div {
            color: #191919;
            cursor: pointer;
            pointer-events: all;
            position: absolute
        }

        .earth-label>div.iec .labelText:before {
            border-color: #e58026!important
        }

        .earth-label>div.iec .labelText:after {
            background: #e58026!important
        }

        .earth-label>div.server {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAaFQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////3ur/mbz/Y5j/PYD+LXX/PoH/mLv//v7+////3un/dKT/K3T/LXb/L3f/Mnr/M3v/MXn+9vb2qcf/Lnb/N3z/On3/O37/PID/LHX/MXn/QIP/Q4P/RYT+R4f/RoX/P4L/OH3/K3T+qsf/LHT/OHz/RYT/S4r/UY3/VZD/WJP/V5L/VI/+SIf/Uo7/W5L/Ypj+bZ//caH/Y5n/PoH+9fX1daX/Nnv+VI7/YZj/c6P/i7P/oMH/qcb+n8D/LXX+////YJf+eaf/w9j/2eb/+Pv/2uf/nr/+l7r+y93/WpH+RIT/irP/OXz+PoL/VY//a5//O3/+WJL/cKH/qcj/caL/Rob+SIj/b6D+PYH/LHT+n8H/UIz+/f39XJP/K3P+2OX+Ypn/RIP+q8j/c6P+ZJr/P4H/VpH/VpH+R4b/9fX13ej+/f398fHx/pAjzAAAAIt0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq//////////8b/////////////////////////////////////////////xr/////////////W/////////////////////////////////////+a////////////////Gf9qEvuzgYwAAAJ/SURBVHicXZPtX9JQGIaPgJuT4SSIPRgMHIgoA90YEgHG28wQFU1BJAMWkq+hvZlmr1ZWf3U7m/ahfdmH+3ee33Ou+zpowGS2DBLkEDVspW0jjI22DlND5KjdYjYNoDtmi4NwUnddLOif9nO5KSfhGDObkJbd83hpAM7nH+f5gD/IAUx4PaTDYkYWB+kJMexkeGo6IkSFWGR6KjwJTGhGS9Eg4QkBzIpiTIrLiYQsSzGRnwUIeYhBRDi9IxCcS0ry/dSDdDqTysrzyYdBYLxOApEUDbl8tDBeLCkLjxYfK6VioCDwOZamSDTkZjkxWciWlyrLK6urK9XKUnmtkBQ5cK8jygVPxI1AebNW32rktptb9dpmOSs9DYOLQjvA5QU5ozxrNdsdVX3e7rZqSlEWeI7dQVbYFaVsqVJv9AwMvUb9RSkriUGwIhr8kfiesrzfNviw0N6vLqUOIn6gkY091KYeHTc6N/yg0z0+ysjRQ7AhBkThZbp/cqoaYAHU01f91wmBB0YLeSHxpv9WD/VcPT3pp98JZ1pog8MYHvv+v7ECHosXklPnVWMhPFhbSNmL6wtdQBBf5UO92zMO9rr1Cr6KDy4whEtBLiq1VqP9UVU77Wbrk/JZFvIc7GB84Yg0ruNrfsl1dXyBefErxvcP/HmlisF/q5yXr27B65VdCoWAVtn3xR8LemXR/DbgyrSyGQhOJzfkbCqTTv9MrclScg6XfU0gOzGDNeHFqHSANYlLUfHM0MRuCDYCv7Bgml/CjWC/sX7IPKalupq7/gDPX/l9HAs0VnPMjDThHaNOyu2CW/BY6mtC09aE8HOwE+S6/hwYxjahPwfCbvljGvgLMFKQBzJYCdoAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    z-index: 10
}

.earth-label>div.server.iec {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
}

.earth-label>div .labelText {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: hsla(0,0%,100%,.9);
    -webkit-box-shadow: 0 10px 21px 0 rgba(91,116,148,.17);
    box-shadow: 0 10px 21px 0 rgba(91,116,148,.17);
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    opacity: .9;
    padding: 0 14px;
    position: relative;
    -webkit-transform: translate(0) translate(3px);
    transform: translate(0) translate(3px);
    white-space: nowrap
}

.earth-label>div .labelText.line-right:before {
    height: 6px;
    left: -12px;
    top: 11px;
    width: 11px
}

.earth-label>div .labelText.line-right-top:before,.earth-label>div .labelText.line-right:before {
    background: transparent;
    border-left: 2px solid #1767ff;
    border-top: 2px solid #1767ff;
    content: "";
    display: block;
    pointer-events: none;
    position: absolute
}

.earth-label>div .labelText.line-right-top:before {
    height: 10px;
    left: -63px;
    top: 17px;
    width: 62px
}

.earth-label>div .labelText.line-right-top1:before {
    border-left: 2px solid #1767ff;
    height: 40px;
    left: -12px;
    top: 12px;
    width: 14px
}

.earth-label>div .labelText.line-left:before,.earth-label>div .labelText.line-right-top1:before {
    background: transparent;
    border-top: 2px solid #1767ff;
    content: "";
    display: block;
    pointer-events: none;
    position: absolute
}

.earth-label>div .labelText.line-left:before {
    border-right: 2px solid #1767ff;
    height: 3px;
    right: -22px;
    top: 6px;
    width: 22px
}

.earth-label>div .labelText.line-top:before {
    top: 22px
}

.earth-label>div .labelText.line-bottom:before,.earth-label>div .labelText.line-top:before {
    background: transparent;
    border-left: 2px solid #1767ff;
    content: "";
    display: block;
    height: 13px;
    pointer-events: none;
    position: absolute;
    right: 50%
}

.earth-label>div .labelText.line-bottom:before {
    top: -13px
}

.earth-label>div .labelText .label-title {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    pointer-events: none
}

.earth-label>div .labelText .label-desc {
    display: none
}

.earth-label>div .labelText.bottom {
    -webkit-transform: translate(-100%) translate(-4px,-1px);
    transform: translate(-100%) translate(-4px,-1px)
}

.earth-label>div .labelText.left {
    -webkit-transform: translate(-100%) translate(-2px);
    transform: translate(-100%) translate(-2px)
}

.earth-label>div .labelText.server,.earth-label>div .labelText.serverright {
    border-radius: 4px 4px 4px 0;
    -webkit-transform: translate(8px) translate(-2px,-15px);
    transform: translate(8px) translate(-2px,-15px)
}

.earth-label>div .labelText.server.line-right,.earth-label>div .labelText.serverright.line-right {
    border-radius: 4px;
    -webkit-transform: translate(20px) translateY(-14px);
    transform: translate(20px) translateY(-14px)
}

.earth-label>div .labelText.server.line-right-top,.earth-label>div .labelText.serverright.line-right-top {
    border-radius: 4px;
    -webkit-transform: translate(70px) translateY(-24px);
    transform: translate(70px) translateY(-24px)
}

.earth-label>div .labelText.server.line-right-top1,.earth-label>div .labelText.serverright.line-right-top1 {
    border-radius: 4px;
    -webkit-transform: translate(21px) translateY(-48px);
    transform: translate(21px) translateY(-48px)
}

.earth-label>div .labelText.serverbottom {
    border-radius: 0 4px 4px 4px;
    -webkit-transform: translate(0) translate(7px,8px);
    transform: translate(0) translate(7px,8px);
    z-index: 10
}

.earth-label>div .labelText.serverbottom.line-bottom {
    border-radius: 4px;
    -webkit-transform: translate(-100%) translate(46px,25px);
    transform: translate(-100%) translate(46px,25px)
}

.earth-label>div .labelText.serverleft {
    border-radius: 4px 4px 0 4px;
    -webkit-transform: translate(-100%) translate(8px,-15px);
    transform: translate(-100%) translate(8px,-15px);
    z-index: 100
}

.earth-label>div .labelText.serverleft.line-left {
    border-radius: 4px;
    -webkit-transform: translate(-100%) translate(-15px,-7px);
    transform: translate(-100%) translate(-15px,-7px)
}

.earth-label>div .labelText.servertop {
    border-radius: 4px;
    -webkit-transform: translate(-50%) translate(8px,-23px);
    transform: translate(-50%) translate(8px,-23px)
}

.earth-label>div .labelText.servertop.line-top {
    -webkit-transform: translate(-50%) translate(8px,-34px);
    transform: translate(-50%) translate(8px,-34px)
}

.earth-label>div:hover {
    z-index: 10000!important
}

@-webkit-keyframes server-base1 {
    0% {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}

@keyframes server-base1 {
    0% {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}


/* 地球点的触控 */
/* .earth-label>div:hover .server-base {
    -webkit-animation: server-base1 1.5s ease-out infinite;
    animation: server-base1 1.5s ease-out infinite;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAaFQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////3ur/mbz/Y5j/PYD+LXX/PoH/mLv//v7+////3un/dKT/K3T/LXb/L3f/Mnr/M3v/MXn+9vb2qcf/Lnb/N3z/On3/O37/PID/LHX/MXn/QIP/Q4P/RYT+R4f/RoX/P4L/OH3/K3T+qsf/LHT/OHz/RYT/S4r/UY3/VZD/WJP/V5L/VI/+SIf/Uo7/W5L/Ypj+bZ//caH/Y5n/PoH+9fX1daX/Nnv+VI7/YZj/c6P/i7P/oMH/qcb+n8D/LXX+////YJf+eaf/w9j/2eb/+Pv/2uf/nr/+l7r+y93/WpH+RIT/irP/OXz+PoL/VY//a5//O3/+WJL/cKH/qcj/caL/Rob+SIj/b6D+PYH/LHT+n8H/UIz+/f39XJP/K3P+2OX+Ypn/RIP+q8j/c6P+ZJr/P4H/VpH/VpH+R4b/9fX13ej+/f398fHx/pAjzAAAAIt0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq//////////8b/////////////////////////////////////////////xr/////////////W/////////////////////////////////////+a////////////////Gf9qEvuzgYwAAAJ/SURBVHicXZPtX9JQGIaPgJuT4SSIPRgMHIgoA90YEgHG28wQFU1BJAMWkq+hvZlmr1ZWf3U7m/ahfdmH+3ee33Ou+zpowGS2DBLkEDVspW0jjI22DlND5KjdYjYNoDtmi4NwUnddLOif9nO5KSfhGDObkJbd83hpAM7nH+f5gD/IAUx4PaTDYkYWB+kJMexkeGo6IkSFWGR6KjwJTGhGS9Eg4QkBzIpiTIrLiYQsSzGRnwUIeYhBRDi9IxCcS0ry/dSDdDqTysrzyYdBYLxOApEUDbl8tDBeLCkLjxYfK6VioCDwOZamSDTkZjkxWciWlyrLK6urK9XKUnmtkBQ5cK8jygVPxI1AebNW32rktptb9dpmOSs9DYOLQjvA5QU5ozxrNdsdVX3e7rZqSlEWeI7dQVbYFaVsqVJv9AwMvUb9RSkriUGwIhr8kfiesrzfNviw0N6vLqUOIn6gkY091KYeHTc6N/yg0z0+ysjRQ7AhBkThZbp/cqoaYAHU01f91wmBB0YLeSHxpv9WD/VcPT3pp98JZ1pog8MYHvv+v7ECHosXklPnVWMhPFhbSNmL6wtdQBBf5UO92zMO9rr1Cr6KDy4whEtBLiq1VqP9UVU77Wbrk/JZFvIc7GB84Yg0ruNrfsl1dXyBefErxvcP/HmlisF/q5yXr27B65VdCoWAVtn3xR8LemXR/DbgyrSyGQhOJzfkbCqTTv9MrclScg6XfU0gOzGDNeHFqHSANYlLUfHM0MRuCDYCv7Bgml/CjWC/sX7IPKalupq7/gDPX/l9HAs0VnPMjDThHaNOyu2CW/BY6mtC09aE8HOwE+S6/hwYxjahPwfCbvljGvgLMFKQBzJYCdoAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 28px;
    left: -6px;
    position: absolute;
    top: -6px;
    width: 28px;
    z-index: 6
}

.earth-label>div:hover .server-base.iec {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
}

.earth-label>div:hover .labelText {
    -webkit-box-shadow: 0 10px 21px 0 rgba(91,116,148,.17);
    box-shadow: 0 10px 21px 0 rgba(91,116,148,.17);
    min-width: 88px;
    padding: 6px;
    z-index: 10
}

.earth-label>div:hover .labelText .label-title {
    font-weight: 600
}

.earth-label>div:hover .labelText .label-desc {
    display: block;
    font-size: 10px;
    line-height: 15px
}

.earth-label>div:hover .labelText.server,.earth-label>div:hover .labelText.serverright {
    -webkit-transform: translate(7px) translateY(-42px);
    transform: translate(7px) translateY(-37px)
}

.earth-label>div:hover .labelText.server.line-right,.earth-label>div:hover .labelText.serverright.line-right {
    -webkit-transform: translate(20px) translateY(-14px);
    transform: translate(20px) translateY(-14px)
}

.earth-label>div:hover .labelText.server.line-right-top,.earth-label>div:hover .labelText.serverright.line-right-top {
    -webkit-transform: translate(70px) translateY(-24px);
    transform: translate(70px) translateY(-24px)
}

.earth-label>div:hover .labelText.server.line-right-top1,.earth-label>div:hover .labelText.serverright.line-right-top1 {
    -webkit-transform: translate(21px) translateY(-48px);
    transform: translate(21px) translateY(-48px)
}

.earth-label>div:hover .labelText.serverbottom {
    -webkit-transform: translate(0) translate(7px,7px);
    transform: translate(0) translate(7px,7px)
}

.earth-label>div:hover .labelText.serverbottom.line-bottom {
    -webkit-transform: translate(0) translate(-47px,29px);
    transform: translate(0) translate(-47px,29px)
}

.earth-label>div:hover .labelText.serverleft {
    -webkit-transform: translate(-95%) translate(2px,-42px);
    transform: translate(-95%) translate(2px,-37px)
}

.earth-label>div:hover .labelText.serverleft.line-left {
    -webkit-transform: translate(-100%) translate(-13px,-7px);
    transform: translate(-100%) translate(-13px,-7px)
}

.earth-label>div:hover .labelText.servertop {
    -webkit-transform: translate(-50%) translate(10px,-55px);
    transform: translate(-50%) translate(10px,-55px)
}

.earth-label>div:hover .labelText.servertop.line-top {
    -webkit-transform: translate(-50%) translate(10px,-67px);
    transform: translate(-50%) translate(10px,-67px)
}

.earth-label>div:hover .labelText.line-top:before {
    top: 56px
} */