body.iframe * {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

body.iframe {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.hide {
    display:none !important;
}

#graphBox {
    position:relative;
    display: none;
}
#graphBox.s-loading, #graphBox.s-finished {
    display: block;
}
#graphBox.s-loading .loading {
    display: block;
}

#graphBox.s-finished .loading {
    display: none;
}

#graphBox .loading {
    text-align: center;
    color: gray;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    background: #fdf7f7;
}

#graphBox .loading > div {
    top: calc(50% - 56px);
    position: relative;
}

#graphBox .loading * {
    vertical-align: middle;
}

#graphBox .coordinate_item h1, #graphBox .coordinate_item p {
    padding-right: 5px;
}

#graphBox .coordinate_til * {
    vertical-align: middle;
    display:none;
}

#graphBox .coordinate_item a {
    color: #4be2e4;
}

#graphBox .echartMap {
    width: 100%;
    height: 100%;
    z-index: 199;
}