.wrap{position: relative;} 
  .contact-btn{width: 70%;height: 6%;position: absolute;right: 15%;bottom:3%;}
  .cover{background:rgba(72,72,74,.8);width: 100%;height: 100%;position: fixed;z-index: 9999;display: none;}
  .city-item{width: 29%;height: 12%;position: absolute;top: 0;}
  /*.city-hefei1{left: 19%;top: 19%;}*/
  .city-km1{right: 34%;top: 21%;}
  .city-lianyungang{left: 19%;top: 35%;}
  .city-yantai{right: 19%;top: 35%;}
  .city-suqian{left: 19%;top: 46%;}
  .city-baotou{right: 19%;top: 46%;}
  /*.city-sz{left: 35%;top: 52%;}*/
  .city-km2{left: 19%;top: 80%;}
  .city-hefei2{right: 19%;top: 80%;}
  .right,.right2{width: 7%;height: 2%;position: absolute;left: 19%;top:16.5%;}
  .right2{top: 16.2%}
  .mask{display: none; width: 100%;height: 100%;background-color: #000; opacity: 0.7;  position: fixed;top: 0;left: 0;z-index: 99;}
  .alert-box{display: none; width: 300px;height: 400px;position: fixed;left: 50%;top: 50%;margin-left: -150px;margin-top:-200px; border-radius: 12px;background-color: #eae4ee;opacity: 1;z-index: 100;color:#000;}
  .close-btn{width: 27px;height: 51px;position: absolute;right: 0;top: -49px;}
  .rule-title{margin:0 auto;padding:16px 0;font-size: 20px;text-align: center;width: 90%;border-bottom: 1px dashed #1e1e1e;}
  .rule-con{margin:20px 16px;overflow-y:scroll;height: 73%;color: #1e1e1e}
  .rule-con p{line-height: 1.5;font-size: 13px;margin-bottom: 8px;}
  .L-move{
    animation: left-move 2s 0s infinite ease;
    -moz-animation: left-move 2s 0s infinite ease;
    -webkit-animation: left-move 2s 0s infinite ease;
    -o-animation: left-move 2s 0s infinite ease;
  }
  @keyframes left-move
  {
      0% {
       -webkit-transform: scale(0.95);
          transform: scale(0.95);
      }
      
      50% {
       -webkit-transform: scale(1);
          transform: scale(1);
      }
      
      
      100% {
          -webkit-transform: scale(0.95);
          transform: scale(0.95);
        
      }
  }
  .R-move{
    animation: right-move 1s 0s infinite ease;
    -moz-animation: right-move 1s 0s infinite ease;
    -webkit-animation: right-move 1s 0s infinite ease;
    -o-animation: right-move 1s 0s infinite ease;
  }
  @keyframes right-move
  {
      0% {
       -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
        opacity: 0
      }
      15% {
       -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
        opacity: 0.5
      }
      50% {
       -webkit-transform: translateX(0%);
          transform: translateX(0%);
        opacity: 1
      }
      85% {
       -webkit-transform: translateX(5%);
          transform: translateX(5%);
        opacity: 0.5
      }
      
      100% {
          -webkit-transform: translateX(10%);
           transform: translateX(10%);
        opacity: 0
        
      }
  }
  .scale-btn{
    animation: scale-move 1s 0s infinite ease;
    -moz-animation: scale-move 1s 0s infinite ease;
    -webkit-animation: scale-move 1s 0s infinite ease;
    -o-animation: scale-move 1s 0s infinite ease;
}   
@keyframes scale-move
{
    0% {
     -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
   
    50% {
     -webkit-transform: scale(1);
        transform: scale(1);
    }
   
    100% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
      
    }
}