body{font-family:"Hiragino Sans GB W3","Microsoft YaHei",Arial,sans-serif, PingFangSC-Regular,Helvetica,"Droid Sans";}
.container {
      position: relative;
    }
.ft10{font-size:0.7em;}
.ft13{font-size:0.85em;}
.ft14{font-size:0.9em;}
.mtop3{margin-top:3%;}
.mtop2{margin-top:2%;}
.mtop1{margin-top:1%;}
.mbtm3{margin-bottom:2%;}
.mbtm15{margin-bottom:1.5%;}
.pdtop2{padding-top:2%;}
.pdtop3{padding-top:3%;}
.pdtb3{padding:3% 0;}
.pdtb2{padding:2% 0;}
.pdtb15{padding:1.5% 0;}


.pd0-4{padding:0 3.8%;}
.pd0-35{padding:0 3.5%;}
.pd25-35{padding:2.5% 3.5%;}
.pd15-35{padding:1.5% 3.5%;}
.pdl35{padding-left: 3.5%}
.pdl20{padding-left: 2%}
.pdr35{padding-right: 3.5%}
.pdtop15{padding-top:1.5%;}
.color94{color:#949494;} /*灰色*/
.color3d4245{color:#3d4245;}/*灰色2*/
.bgf8f8f8{background:#f8f8f8}
.bgblue01{background:#007dd7;}/*蓝色*/


.city-select{padding: 0 4%;font-size: 0.75em;margin-bottom: 3%;}
.city-select span{ background:url("../images/city-icon.png") 90% center no-repeat #fff;color: #000;padding: 0.3em 1.5em 0.3em 1em;border-radius: 20px; background-size:10px auto;}

.dot {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: rgba(120, 210, 248, .6);
      -moz-border-radius: 50%;
      border-radius: 50%;
}
.dot > div {
    background-color: #c6ebff;
    width: 20px;
    height: 20px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
   /* -webkit-animation: ball-scale 1s 0s infinite;
    -moz-animation: ball-scale 1s 0s infinite;*/
    /*animation: ball-scale 1s 0s infinite;*/
    position:relative;
    z-index: 2
}

.dot1 {
    top: 65%;
    left:53%;
}

.dot2 {
    top: 64%;
    left: 15%;
}

.dot3 {
    top: 6%;
    left:47%;
}
.dot4 {
    top: 54%;
    left:78%;
}

.dot1 img{
    width: 140px;
    margin-left: -140px;
    margin-top: -150px;
    display: none;
}
.dot2 img{
    width: 150px;
    margin-left: 20px;
    margin-top: -140px;
    display: none;
}

.dot3 img{
    width: 140px;
    margin-left:-140px;
    margin-top:-35px;
    display: none;
}
.dot4 img{
    width: 130px;
    margin-left:-140px;
    margin-top:-80px;
    display: none;
}


/*圆圈扩开的动画*/
@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}