/*
    @-moz-keyframes         Firefox
    @-webkit-keyframes      Safari and Chrome
    @-o-keyframes           Opera
*/


/* -------------字体颜色------------- */

@keyframes colorAnimateB {
    from {
        color: #222326;
    }
    to {
        color: #FF762B;
    }
}

@-moz-keyframes colorAnimateB {
    from {
        color: #222326;
    }
    to {
        color: #FF762B;
    }
}

@-webkit-keyframes colorAnimateB {
    from {
        color: #222326;
    }
    to {
        color: #FF762B;
    }
}

@-o-keyframes colorAnimateB {
    from {
        color: #222326;
    }
    to {
        color: #FF762B;
    }
}

@keyframes colorAnimateW {
    from {
        color: #fff;
    }
    to {
        color: #FF762B;
    }
}

@-moz-keyframes colorAnimateW {
    from {
        color: #fff;
    }
    to {
        color: #FF762B;
    }
}

@-webkit-keyframes colorAnimateW {
    from {
        color: #fff;
    }
    to {
        color: #FF762B;
    }
}

@-o-keyframes colorAnimateW {
    from {
        color: #fff;
    }
    to {
        color: #FF762B;
    }
}


/* -------------边框颜色------------- */

@keyframes borderColorAnimate {
    from {
        border-color: transparent;
    }
    to {
        border-color: #FF762B;
    }
}

@-moz-keyframes borderColorAnimate {
    from {
        border-color: transparent;
    }
    to {
        border-color: #FF762B;
    }
}

@-webkit-keyframes borderColorAnimate {
    from {
        border-color: transparent;
    }
    to {
        border-color: #FF762B;
    }
}

@-o-keyframes borderColorAnimate {
    from {
        border-color: transparent;
    }
    to {
        border-color: #FF762B;
    }
}


/* -------------背景颜色------------- */

@keyframes bgckgroundColorAnimate {
    from {
        background-color: transparent;
    }
    to {
        background-color: #FF762B;
    }
}

@-moz-keyframes bgckgroundColorAnimate {
    from {
        background-color: transparent;
    }
    to {
        background-color: #FF762B;
    }
}

@-webkit-keyframes bgckgroundColorAnimate {
    from {
        background-color: transparent;
    }
    to {
        background-color: #FF762B;
    }
}

@-o-keyframes bgckgroundColorAnimate {
    from {
        background-color: transparent;
    }
    to {
        background-color: #FF762B;
    }
}


/* -------------更多按钮动画------------- */

@keyframes publicMoreAnimate {
    from {
        border-color: #0062B1;
        color: #0062B1;
    }
    to {
        border-color: #FF762B;
        color: #FF762B;
    }
}

@-moz-keyframes publicMoreAnimate {
    from {
        border-color: #0062B1;
        color: #0062B1;
    }
    to {
        border-color: #FF762B;
        color: #FF762B;
    }
}

@-webkit-keyframes publicMoreAnimate {
    from {
        border-color: #0062B1;
        color: #0062B1;
    }
    to {
        border-color: #FF762B;
        color: #FF762B;
    }
}

@-o-keyframes publicMoreAnimate {
    from {
        border-color: #0062B1;
        color: #0062B1;
    }
    to {
        border-color: #FF762B;
        color: #FF762B;
    }
}


/* -------------微博动画------------- */

@keyframes weiboAnimate {
    from {
        background: url(../images/icon/svg_weibo.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_weiboH.svg) no-repeat;
    }
}

@-moz-keyframes weiboAnimate {
    from {
        background: url(../images/icon/svg_weibo.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_weiboH.svg) no-repeat;
    }
}

@-webkit-keyframes weiboAnimate {
    from {
        background: url(../images/icon/svg_weibo.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_weiboH.svg) no-repeat;
    }
}

@-o-keyframes weiboAnimate {
    from {
        background: url(../images/icon/svg_weibo.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_weiboH.svg) no-repeat;
    }
}


/* -------------微信动画------------- */

@keyframes wechatAnimate {
    from {
        background: url(../images/icon/svg_wechat.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_wechatH.svg) no-repeat;
    }
}

@-moz-keyframes wechatAnimate {
    from {
        background: url(../images/icon/svg_wechat.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_wechatH.svg) no-repeat;
    }
}

@-webkit-keyframes wechatAnimate {
    from {
        background: url(../images/icon/svg_wechat.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_wechatH.svg) no-repeat;
    }
}

@-o-keyframes wechatAnimate {
    from {
        background: url(../images/icon/svg_wechat.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_wechatH.svg) no-repeat;
    }
}


/* -------------滚动箭头动画------------- */

@keyframes scrollAnimate {
    from {
        background: url(../images/icon/svg_scroll.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_scrollH.svg) no-repeat;
    }
}

@-moz-keyframes scrollAnimate {
    from {
        background: url(../images/icon/svg_scroll.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_scrollH.svg) no-repeat;
    }
}

@-webkit-keyframes scrollAnimate {
    from {
        background: url(../images/icon/svg_scroll.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_scrollH.svg) no-repeat;
    }
}

@-o-keyframes scrollAnimate {
    from {
        background: url(../images/icon/svg_scroll.svg) no-repeat;
    }
    to {
        background: url(../images/icon/svg_scrollH.svg) no-repeat;
    }
}


/* -------------弹窗关闭按钮动画------------- */

@keyframes closeAnimate {
    from {
        background-image: url(../images/icon/svg_close.svg) !important;
    }
    to {
        background-image: url(../images/icon/svg_closeH.svg) !important;
    }
}

@-moz-keyframes closeAnimate {
    from {
        background-image: url(../images/icon/svg_close.svg) !important;
    }
    to {
        background-image: url(../images/icon/svg_closeH.svg) !important;
    }
}

@-webkit-keyframes closeAnimate {
    from {
        background-image: url(../images/icon/svg_close.svg) !important;
    }
    to {
        background-image: url(../images/icon/svg_closeH.svg) !important;
    }
}

@-o-keyframes closeAnimate {
    from {
        background-image: url(../images/icon/svg_close.svg) !important;
    }
    to {
        background-image: url(../images/icon/svg_closeH.svg) !important;
    }
}