.location01 {
left: 73.5%;
    position: absolute;
    top: 44.2%;
    z-index: 99;
}

.location02 {
 left: 50.2%;
 position: absolute;
 top: 54.7%;
 z-index: 99;
}
.location03 {
 left: 51%;
 position: absolute;
 top: 51.7%;
 z-index: 99;
}
.location04 {
 left: 44%;
 position: absolute;
 top: 62.2%;
 z-index: 99;
}
.location05 {
 left: 53.9%;
 position: absolute;
 top: 63.3%;
 z-index: 99;
}
.location06 {
 left: 53.9%;
 position: absolute;
 top: 58.3%;
 z-index: 99;
}
.location07 {
 left: 45.2%;
 position: absolute;
 top: 80.9%;
 z-index: 99;
}
.location08{
 left: 44.5%;
 position: absolute;
 top: 83%;
 z-index: 99;
}

.location09 {
 left: 46.2%;
 position: absolute;
 top: 82.3%;
 z-index: 99;
}
.location10 {
 left: 66.9%;
 position: absolute;
 top: 36%;
 z-index: 9999;
}

.location11 {
 left: 68.9%;
 position: absolute;
 top: 27.1%;
 z-index: 99;
}
.location12 {
 left: 71.8%;
 position: absolute;
 top: 21%;
 z-index: 99;
}



.location img {
    margin-top: -26px;
    margin-left: -3px;
}
.dayuan {
    width: 15px;
    height: 15px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-name: ditu;
    animation-name: ditu;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: linear-gradient(70deg, rgba(233,0,0,0.5), rgba(233,0,0,0.5));
    border-radius: 30px;
    position: absolute;
    top: 38%;
    left: 35%;
    margin-left: -10px;
}
.dayuan1 {
    width: 15px;
    height: 15px;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
    -webkit-animation-name: ditu1;
    animation-name: ditu1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: rgba(233,0,0,0.3);
    border-radius: 30px;
    position: absolute;
    top: 38%;
    left: 35%;
    margin-left: -10px;
}
.xiaoyuan {
    width: 15px;
    height: 15px;
    background: rgba(233,0,0,0.3);
    border-radius: 580px;
    position: absolute;
    top: 38%;
    left: 35%;
    margin-left: -10px;
}

 @-webkit-keyframes ditu {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        80% {
            -webkit-transform: scale(1.8);
            transform: scale(1.8);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1.8);
            transform: scale(1.8);
        }
    }
 @-webkit-keyframes ditu1 {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        80% {
            -webkit-transform: scale(2.6);
            transform: scale(2.6);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(2.6);
            transform: scale(2.6);
        }
    }

    @keyframes ditu {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        80% {
            -webkit-transform: scale(1.8);
            transform: scale(1.8);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1.8);
            transform: scale(1.8);
        }
    }
    @keyframes ditu1 {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        80% {
            -webkit-transform: scale(2.6);
            transform: scale(2.6);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(2.6);
            transform: scale(2.6);
        }
    }