﻿body{padding-bottom:90px;}
.FixFooter{position: fixed;width: 100%;height: 55px;background-color: #042175;left: 0;right: 0;bottom: 0;color: #fff; z-index:99999;}
.FixFooter .FixFooter-wrap{width: 1226px;height: 100%;margin: 0 auto;position: relative;}
.FixFooter .FixFooter-tel{float: left;margin-left: 50px;width: 200px;padding-top: 2px;}
.FixFooter span.ico{float: left;width: 45px;height: 45px;border-radius: 50%;margin-right: 10px;position: relative;
    animation:swing 2s .2s ease both infinite;
    -webkit-animation:swing 2s .2s ease both infinite;
    -moz-animation:swing 2s .2s ease both infinite;
}
.FixFooter span.ico img{border-radius: 50%;position: relative;}
.FixFooter .FixFooter-tel span.ico::before{content: '';position: absolute;width: 50px;height: 50px;background-color:rgba(255,255,255,.5);border-radius: 50%;left: 50%;top: 50%;margin-left: -25px;margin-top: -25px;
    -webkit-animation:scale_animate 4s linear 0s infinite normal forwards;
    -moz-animation:scale_animate 4s linear 0s infinite normal forwards;
    -o-animation:scale_animate 4s linear 0s infinite normal forwards;
    -ms-animation:scale_animate 4s linear 0s infinite normal forwards;
    animation:scale_animate 4s linear 0s infinite normal forwards;
}
.FixFooter p.text{font-size: 2px;line-height: 1.6; margin-top:2px;}
.FixFooter p.text a{color:#fff;} 

.FixFooter .FixFooter-inp{float: left;margin-top: 15px;position: relative;padding-right: 164px;margin-left: 50px;}
.FixFooter .FixFooter-inp input{width: 216px;height: 28px;border-radius: 5px;border:0 none;outline: 0 none;padding-left: 10px;line-height: 25px;font-size: 14px;}
.FixFooter input::-webkit-input-placeholder {color: #cfc5da;}
.FixFooter .FixFooter-inp span.ico{position: absolute;left: 200px;top: 50%;margin-top: -29px;float: none;
    animation:bounce 2s .2s ease both infinite;
    -webkit-animation:bounce 2s .2s ease both infinite;
    -moz-animation:bounce 2s .2s ease both infinite;
}
.FixFooter .FixFooter-inp i{position: absolute;font-size: 14px;color: #6053a4;background-color: #fff;border-radius: 5px;right: 0;top: -9px;font-style: normal;padding: 0 10px;line-height: 28px;}
.FixFooter .FixFooter-inp i::before{content: '';position: absolute;border-bottom: 12px solid #fff;border-left: 18px dashed transparent;border-right: 14px dashed transparent;left: 0;bottom: -6px;transform: rotate(-20deg);}
.FixFooter .FixFooter-money{float: left;margin-left: 50px; width: 240px;padding-top: 5px;}
.FixFooter .FixFooter-img{position: absolute;right: 50px;bottom: 0;}
.FixFooter .FixFooter-img img{vertical-align: middle;}

/*******摆动2*******/
@-webkit-keyframes swing {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
    }

    10%, 20% {
        -webkit-transform: rotate3d(0, 0, 1, -3deg);
        transform:  rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform:  rotate3d(0, 0, 1, 3deg);
        transform:  rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform:  rotate3d(0, 0, 1, -3deg);
        transform: rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
    }
}

@keyframes swing {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
    }

    10%, 20% {
        -webkit-transform: rotate3d(0, 0, 1, -3deg);
        transform:  rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform:  rotate3d(0, 0, 1, 3deg);
        transform:  rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform:  rotate3d(0, 0, 1, -3deg);
        transform: rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
    }
}

@keyframes bounce{
    0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translateZ(0)}
    40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0)}
    70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}
    90%{transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0)}
}
@-webkit-keyframes bounce{
    0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translateZ(0)}
    40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0)}
    70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}
    90%{transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0)}
}

@keyframes scale_animate{0%,21%,30%,51%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none}15%,45%{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}100%,20%,50%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0)}}

@-webkit-keyframes scale_animate{0%,21%,30%,51%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none}15%,45%{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}100%,20%,50%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0)}}