﻿.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,.5),rgba(230,130,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,.3);
    border-radius: 30px;
    position: absolute;
    top: 45%;
    left: 32.5%;
    margin-left: -10px;
}
.xiaoyuan
{
    width: 20px;
    height: 20px;
    background: rgba(230,130,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);
    }
}