/* iosBanner */
.jquery-iosBanner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.jquery-iosBanner-pages {
    position: absolute;
    left: 0;
    bottom: 18px;
    height: 6px;
    z-index: 3;
}
.jquery-iosBanner-pages > li {
    width: 60px;
    height: 5px;
    border-radius: 3px;
    background-color: #fff;
    margin-right: 15px;
    float: left;
    cursor: pointer;
    overflow: hidden;
}
.jquery-iosBanner-pages > li:last-child {
    margin-right: 0;
}
.jquery-iosBanner-pages > li > span {
    display: block;
    height: 5px;
    width: 0%;
    border-radius: 3px;
    background-color: #0b99e3;
}
.jquery-iosBanner-pages > li.active1 {
    background-color: #0b99e3;
}
.jquery-iosBanner-pages > li.active > span {
    -webkit-animation-name: jquery-iosBanner-pages;
    animation-name: jquery-iosBanner-pages;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
}
@keyframes jquery-iosBanner-pages {
    from {
        width:0%;
    }

    to {
        width:100%;
    }
}

.jquery-iosBanner-item {
    position: absolute;
    top:0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    will-change: transform;
    transform:translate3d(0px,0px,0px) scale3d(1.1, 1.1, 1);
    z-index: auto;
}
.jquery-iosBanner-item.box1 {
    background-color: red;
}

.jquery-iosBanner-item.box2 {
    background-color: blue;
}
.jquery-iosBanner-zIndex1 {
    z-index: 1;
}

@keyframes moveRight {
    from {
        transform:translate3d(0px,0px,0px) scale3d(1.1, 1.1, 1);
    }

    to {
        transform:translate3d(110%,0px,0px) scale3d(1.1, 1.1, 1);
    }
}
@-webkit-keyframes moveRight {
    from {
        -webkit-transform:translate3d(0px,0px,0px) scale3d(1.1, 1.1, 1);
    }

    to {
        -webkit-transform:translate3d(110%,0px,0px) scale3d(1.1, 1.1, 1);
    }
}
.moveRight {
    z-index: 2;
    -webkit-animation-name: moveRight;
    animation-name: moveRight;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes moveLeft {
    from {
        transform:translate3d(110%,0px,0px) scale3d(1.1, 1.1, 1);
    }

    to {
        transform:translate3d(0px,0px,0px) scale3d(1.1, 1.1, 1);
    }
}
@-webkit-keyframes moveLeft {
    from {
        -webkit-transform:translate3d(110%,0px,0px) scale3d(1.1, 1.1, 1);
    }

    to {
        -webkit-transform:translate3d(0px,0px,0px) scale3d(1.1, 1.1, 1);
    }
}
.moveLeft {
    z-index: 2;
    -webkit-animation-name: moveLeft;
    animation-name: moveLeft;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes moveIn {
    from {
        -webkit-transform:translate3d(0px,0px,0px) scale3d(1.1, 1.1, 1);
    }

    to {
        -webkit-transform:translate3d(-10%,0px,0px) scale3d(1, 1, 1);
    }
}
@-webkit-keyframes moveIn {
    from {
        -webkit-transform:translate3d(0px,0px,0px) scale3d(1.1, 1.1, 1);
    }

    to {
        -webkit-transform:translate3d(-10%,0px,0px) scale3d(1, 1, 1);
    }
}
.moveIn {
    -webkit-animation-name: moveIn;
    animation-name: moveIn;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes moveOut {
    from {
        -webkit-transform:translate3d(-10%,0px,0px) scale3d(1, 1, 1);
    }

    to {
        -webkit-transform:translate3d(0px,0px,0px) scale3d(1.1, 1.1, 1);
    }
}
.moveOut {
    -webkit-animation-name: moveOut;
    animation-name: moveOut;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}