/*banner*/

@keyframes bg {
    0% { transform: translate3d(0,0,0); }
    50% {  transform: translate3d(-50%,0,0); }
    100% {  transform: translate3d(0%,0,0); }
}

/*旋转*/
@-webkit-keyframes tp_disc{
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes tp_disc{
    0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-moz-keyframes tp_disc{
    0%{-moz-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-moz-transform: rotate(360deg);transform: rotate(360deg);}
}
@-ms-keyframes tp_disc{
    0%{-ms-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-ms-transform: rotate(360deg);transform: rotate(360deg);}
}
@-o-keyframes tp_disc{
    0%{-o-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-o-transform: rotate(360deg);transform: rotate(360deg);}
}

/*提示滑动*/
@-webkit-keyframes arrow{
    0%,25%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;-webkit-transform:translate(0,30px);}
}
@keyframes arrow{
    0%,25%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;-webkit-transform:translate(0,30px);}
}
@-ms-keyframes arrow{
    0%,25%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;-ms-transform:translate(0,30px);}
}
@-moz-keyframes arrow{
    0%,25%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;-moz-transform:translate(0,30px);}
}
@-o-keyframes arrow{
    0%,25%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;-o-transform:translate(0,30px);}
}