/*---第一组动画---*/    .cartonGif_1{
           position: absolute;        display: block;        background:url("img/haihangzhuanqu/0-1.png") no-repeat center center/100% 100% ;        -webkit-animation-name: charector-1;/* 动画名称 */        -webkit-animation-iteration-count: infinite;/* 动画无限播放 */        -webkit-animation-timing-function: step-start;/* 马上跳到动画每一结束桢的状态 */        -webkit-animation-duration: 950ms;/* 动画运行的时间 */    }    @-webkit-keyframes charector-1{
           0% {background-position: 0 0;}        25% {
   background:url("img/haihangzhuanqu/0-1.png")  no-repeat center center/100% 100%;}        50% {
   background:url("img/haihangzhuanqu/0-2.png")  no-repeat center center/100% 100%;}        75% {
   background:url("img/haihangzhuanqu/0-3.png")  no-repeat center center/100% 100%;}        100% {
   background:url("img/haihangzhuanqu/0-4.png")  no-repeat center center/100% 100%;}    }    /*---第二组动画---*/    .cartonGif_2{
           position: absolute;        display: block;        background:url("img/haihangzhuanqu/1-1.png")  no-repeat center center/100% 100%;        -webkit-animation-name: charector-2;/* 动画名称 */        -webkit-animation-iteration-count: infinite;/* 动画无限播放 */        -webkit-animation-timing-function: step-start;/* 马上跳到动画每一结束桢的状态 */        -webkit-animation-duration: 950ms;/* 动画运行的时间 */    }    @-webkit-keyframes charector-2{
           0% {background-position: 0 0;}        25% {
   background:url("img/haihangzhuanqu/1-1.png")  no-repeat center center/100% 100%;}        50% {
   background:url("img/haihangzhuanqu/1-2.png")  no-repeat center center/100% 100%;}        75% {
   background:url("img/haihangzhuanqu/1-3.png")  no-repeat center center/100% 100%;}        100% {
   background:url("img/haihangzhuanqu/1-4.png")  no-repeat center center/100% 100%;}    }