html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-image: radial-gradient(#ffffff, #b7c6c5);
}

.logo-title {
    width: 658px;
    margin: 30px auto;
}
.map-continer {
    width: 1000px;
    height: 760px;
    position: relative;
    margin: 30px auto;
    z-index: 55;
}

.map-continer .map-continer-bg {
    width: 100%;
    height: 100%;
}

.map-continer .map-markes-task {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 66;
}

.map-continer .map-markes {
    /*background-color: rgba(203, 255, 183, 0.11);*/
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 66;
}

.map-continer .map-markes .maker-item {
    position: absolute;
    display: inline-block;
    width: 120px;
    height: 90px;
    cursor: pointer;
}
.map-markes .maker-item .marker-bg {
    width: 120px;
    height: 90px;
    display: block;
    background: url('image/icon-default.svg') no-repeat top left;
    background-size: 100% 100%;
}

.map-markes .maker-item.active .marker-bg {
    background: url('image/icon- suspension.svg') no-repeat top left;
    background-size: 100% 100%;
}


.map-markes .maker-item .maker-item-label {
    position: absolute;
    top: 26px;
    /*top: 15px;*/
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 0 0 0;
    z-index: 66;
}

.map-markes .maker-item .maker-item-label a{
    text-decoration: none;
    color: #ffffff;
}
