.handSwipeHelp_Left {
    opacity: 0;
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: handSwipeAnimate 1.5s 1s infinite ease-in-out;
    animation: handSwipeAnimate 1.5s 1s infinite ease-in-out;
}

.handSwipeHelp_img{
    position: absolute;
}

.handSwipeHelp {
    width: 140px;
    height: 160px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -70px;
    margin-top: -80px;
}

.handHelp {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: rgba(11, 11, 11, 0.5);
    display: none;
}

@-webkit-keyframes handSwipeAnimate {
    0% {
        opacity: 0;
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }
    25% {
        opacity: 1;
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
    }
}

@keyframes handSwipeAnimate {
    0% {
        opacity: 0;
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }
    25% {
        opacity: 1;
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
    }
}

@-webkit-keyframes handSwipeAnimate_Right {
    0% {
        opacity: 0;
        -webkit-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
    }
    25% {
        opacity: 1;
        -webkit-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }
}

@keyframes handSwipeAnimate_Right {
    0% {
        opacity: 0;
        -webkit-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
    }
    25% {
        opacity: 1;
        -webkit-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
    }
}