.wrap-ani-city-bike {position: relative; margin-top: 0.55rem;}
    .wrap-ani-city-bike .x-con { overflow: hidden; width: 100%; height: 185px; position: relative;}
    .wrap-ani-city-bike .x-img2 { position: absolute; right: 28.64%; z-index: 5;  width: 160px;  height: 100%; bottom: -64px;}
    .wrap-ani-city-bike .x-img2 .x-pub-img {position: relative; height: 100%;}
    .wrap-ani-city-bike .x-img2 .x-pub-img .x-a1 { width: 36px; height: 36px; position: absolute; right: 7px;
    bottom: 64px; -webkit-animation: cd1 1.2s infinite linear; animation: cd1 1.2s infinite linear;}
    .wrap-ani-city-bike .x-img2 .x-pub-img .x-a2 { width: 36px; height: 36px; position: absolute; left: 0; bottom: 64px; -webkit-animation: cd1 1.2s infinite linear; animation: cd1 1.2s infinite linear;}
    .wrap-ani-city-bike .x-img2 .x-pub-img .x-a3 { width: 100%; position: absolute;}
    .wrap-ani-city-bike .x-img2 .x-pub-img img { -o-object-fit: contain; object-fit: contain;}
    img { border: 0; vertical-align: top;}
    .wrap-ani-city-bike .x-con .x-img { position: absolute; top: 0; right: 0; z-index: 3; -webkit-animation: bikeMove 30s infinite linear; animation: bikeMove 30s infinite linear; width: 200%; height: 100%;}
    .wrap-ani-city-bike .x-con .x-img img {float: right; width: 50%; height: 100%; -o-object-fit: cover; object-fit: cover;}
    
        @-webkit-keyframes cd1 {
            0% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
        100% { -webkit-transform: rotate(0); transform: rotate(0);}
        }
    
        @keyframes cd1 {
            0% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
        100% { -webkit-transform: rotate(0); transform: rotate(0);}
        }
        @-webkit-keyframes bikeMove {
            0% {right: 0;}
            100% {right: -100%;}
        }
        @keyframes bikeMove {
            0% {right: 0;}
            100% {right: -100%;}
        }