.location {
    left: 34%;
    position: absolute;
    top: 38%;
}
.location img {
    margin-top: 16px;
    margin-left: -30px;
}
.dayuan {
    width: 20px;
    height: 20px;
    -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(230,130,0,0.5), rgba(230,130,0,0.5));
    border-radius: 30px;
    position: absolute;
    top: 45%;
    left: 32.5%;
    margin-left: -10px;
}
.dayuan1 {
    width: 20px;
    height: 20px;
    -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(230,130,0,0.3);
    border-radius: 30px;
    position: absolute;
    top: 45%;
    left: 32.5%;
    margin-left: -10px;
}
.xiaoyuan {
    width: 20px;
    height: 20px;
    background: rgba(230,130,0,0.3);
    border-radius: 580px;
    position: absolute;
    top: 45%;
    left: 32.5%;
    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);
        }
    }