.title{
 display: inline-block;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    color:black;
    -webkit-animation-name: myfirst;
    -ms-animation-name: myfirst;
    animation-name: myfirst;
    -webkit-animation-duration: 300ms;
    -ms-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-play-state: running;
    -ms-animation-play-state: running;
    animation-play-state: running;
    text-shadow: 5px 5px 5px #FF0000;
}
@keyframes myfirst
{
    0% {
        -webkit-transform: translate(0px,6px) rotate(0deg);
        color: rgb(240,207,74);
    }
    2% {
        -webkit-transform: translate(-1px, 8px) rotate(1.5deg);
        color: rgb(240,207,74);
    }
    4% {
        -webkit-transform: translate(7px,6px) rotate(-0.5deg);
        color: rgb(240,207,74);
    }
    6% {
        -webkit-transform: translate(8px, 8px) rotate(-3.5deg);
        color: rgb(240,207,74);
    }
    8% {
        -webkit-transform: translate(-4px, -3px) rotate(-1.5deg);
        color: rgb(240,207,74);
    }
    10% {
        -webkit-transform: translate(19px,6px) rotate(-2.5deg);
        color: rgb(240,207,74);
    }
    12% {
        -webkit-transform: translate(-10px, -3px) rotate(-3.5deg);
        color: rgb(127,171,218);
    }
    14% {
        -webkit-transform: translate(19px, 7px) rotate(2.5deg);
        color: rgb(127,171,218);
    }
    16% {
        -webkit-transform: translate(8px, -8px) rotate(-1.5deg);
        color: rgb(127,171,218);
    }
    18% {
        -webkit-transform: translate(9px, -6px) rotate(-3.5deg);
        color: rgb(127,171,218);
    }
    20% {
        -webkit-transform: translate(3px, 1px) rotate(-0.5deg);
        color: rgb(127,171,218);
    }
    22% {
        -webkit-transform: translate(6px, 8px) rotate(-2.5deg);
        color: rgb(215,90,74);
    }
    24% {
        -webkit-transform: translate(-8px, -1px) rotate(2.5deg);
        color: rgb(215,90,74);
    }
    26% {
        -webkit-transform: translate(7px, -10px) rotate(0.5deg);
        color: rgb(215,90,74);
    }
    28% {
        -webkit-transform: translate(7px, -4px) rotate(-3.5deg);
        color: rgb(215,90,74);
    }
    30% {
        -webkit-transform: translate(-2px, -6px) rotate(-1.5deg);
        color: rgb(215,90,74);
    }
    32% {
        -webkit-transform: translate(-1px,6px) rotate(2.5deg);
        color: rgb(255,218,73);
    }
    34% {
        -webkit-transform: translate(6px, 2px) rotate(-0.5deg);
        color: rgb(255,218,73);
    }
    36% {
        -webkit-transform: translate(2px, 7px) rotate(1.5deg);
        color: rgb(255,218,73);
    }
    38% {
        -webkit-transform: translate(2px, -9px) rotate(1.5deg);
        color: rgb(255,218,73);
    }
    40% {
        -webkit-transform: translate(-19px, -1px) rotate(-0.5deg);
        color: rgb(255,218,73);
    }
    42% {
        -webkit-transform: translate(-8px, 2px) rotate(-0.5deg);
        color: rgb(86,105,143);
    }
    44% {
        -webkit-transform: translate(-4px, 3px) rotate(0.5deg)
    }
    46% {
        -webkit-transform: translate(-10px, -2px) rotate(-0.5deg);
        color: rgb(86,105,143);
    }
    48% {
        -webkit-transform: translate(1px, 9px) rotate(1.5deg);
        color: rgb(86,105,143);
    }
    50% {
        -webkit-transform: translate(6px, 7px) rotate(1.5deg);
        color: rgb(86,105,143);
    }
    52% {
        -webkit-transform: translate(-8px, 4px) rotate(0.5deg);
        color: rgb(86,105,143);
    }
    54% {
        -webkit-transform: translate(6px, -8px) rotate(-2.5deg);
        color: rgb(86,105,143);
    }
    56% {
        -webkit-transform: translate(2px, -9px) rotate(-2.5deg);
        color: rgb(86,105,143);
    }
    58% {
        -webkit-transform: translate(-2px, -9px) rotate(0.5deg);
        color: rgb(128,208,225);
    }
    60% {
        -webkit-transform: translate(2px, 7px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(0px,6px) rotate(-1.5deg)
    }
    64% {
        -webkit-transform: translate(-9px, -4px) rotate(-3.5deg)
    }
    66% {
        -webkit-transform: translate(6px, -6px) rotate(0.5deg);
        color: rgb(128,208,225);
    }
    68% {
        -webkit-transform: translate(0px, -7px) rotate(-2.5deg);
        color: rgb(128,208,225);
    }
    70% {
        -webkit-transform: translate(-10px, 1px) rotate(1.5deg);
        color: rgb(128,208,225);
    }
    72% {
        -webkit-transform: translate(-7px, 9px) rotate(2.5deg);
        color: rgb(128,208,225);
    }
    74% {
        -webkit-transform: translate(2px, -6px) rotate(-0.5deg);
        color: rgb(128,208,225);
    }
    76% {
        -webkit-transform: translate(19px, 1px) rotate(-0.5deg)
    }
    78% {
        -webkit-transform: translate(-1px, 5px) rotate(2.5deg)
    }
    80% {
        -webkit-transform: translate(3px, 7px) rotate(2.5deg)
    }
    82% {
        -webkit-transform: translate(-6px, -7px) rotate(-0.5deg)
    }
    84% {
        -webkit-transform: translate(-8px, 8px) rotate(-2.5deg);
        color: rgb(128,208,225);
    }
    86% {
        -webkit-transform: translate(8px, 3px) rotate(-2.5deg)
    }
    88% {
        -webkit-transform: translate(-8px, 3px) rotate(-1.5deg)
    }
    90% {
        -webkit-transform: translate(-7px, -4px) rotate(-3.5deg)
    }
    92% {
        -webkit-transform: translate(-8px, 4px) rotate(2.5deg)
    }
    94% {
        -webkit-transform: translate(-6px, -6px) rotate(-3.5deg)
    }
    96% {
        -webkit-transform: translate(-3px, 2px) rotate(-3.5deg);
        color: rgb(128,208,225);
    }
    98% {
        -webkit-transform: translate(2px, 1px) rotate(-0.5deg);
        color: rgb(128,208,225);
    }
}

@-moz-keyframes myfirst /* Firefox */
{
0% {
        -webkit-transform: translate(0px,6px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, 8px) rotate(1.5deg)
    }
    4% {
        -webkit-transform: translate(7px,6px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(8px, 8px) rotate(-3.5deg)
    }
    8% {
        -webkit-transform: translate(-4px, -3px) rotate(-1.5deg)
    }
    10% {
        -webkit-transform: translate(19px,6px) rotate(-2.5deg)
    }
    12% {
        -webkit-transform: translate(-10px, -3px) rotate(-3.5deg)
    }
    14% {
        -webkit-transform: translate(19px, 7px) rotate(2.5deg)
    }
    16% {
        -webkit-transform: translate(8px, -8px) rotate(-1.5deg)
    }
    18% {
        -webkit-transform: translate(9px, -6px) rotate(-3.5deg)
    }
    20% {
        -webkit-transform: translate(3px, 1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(6px, 8px) rotate(-2.5deg)
    }
    24% {
        -webkit-transform: translate(-8px, -1px) rotate(2.5deg)
    }
    26% {
        -webkit-transform: translate(7px, -10px) rotate(0.5deg)
    }
    28% {
        -webkit-transform: translate(7px, -4px) rotate(-3.5deg)
    }
    30% {
        -webkit-transform: translate(-2px, -6px) rotate(-1.5deg)
    }
    32% {
        -webkit-transform: translate(-1px,6px) rotate(2.5deg)
    }
    34% {
        -webkit-transform: translate(6px, 2px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(2px, 7px) rotate(1.5deg)
    }
    38% {
        -webkit-transform: translate(2px, -9px) rotate(1.5deg)
    }
    40% {
        -webkit-transform: translate(-19px, -1px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-8px, 2px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(-4px, 3px) rotate(0.5deg)
    }
    46% {
        -webkit-transform: translate(-10px, -2px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(1px, 9px) rotate(1.5deg)
    }
    50% {
        -webkit-transform: translate(6px, 7px) rotate(1.5deg)
    }
    52% {
        -webkit-transform: translate(-8px, 4px) rotate(0.5deg)
    }
    54% {
        -webkit-transform: translate(6px, -8px) rotate(-2.5deg)
    }
    56% {
        -webkit-transform: translate(2px, -9px) rotate(-2.5deg)
    }
    58% {
        -webkit-transform: translate(-2px, -9px) rotate(0.5deg)
    }
    60% {
        -webkit-transform: translate(2px, 7px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(0px,6px) rotate(-1.5deg)
    }
    64% {
        -webkit-transform: translate(-9px, -4px) rotate(-3.5deg)
    }
    66% {
        -webkit-transform: translate(6px, -6px) rotate(0.5deg)
    }
    68% {
        -webkit-transform: translate(0px, -7px) rotate(-2.5deg)
    }
    70% {
        -webkit-transform: translate(-10px, 1px) rotate(1.5deg)
    }
    72% {
        -webkit-transform: translate(-7px, 9px) rotate(2.5deg)
    }
    74% {
        -webkit-transform: translate(2px, -6px) rotate(-0.5deg)
    }
    76% {
        -webkit-transform: translate(19px, 1px) rotate(-0.5deg)
    }
    78% {
        -webkit-transform: translate(-1px, 5px) rotate(2.5deg)
    }
    80% {
        -webkit-transform: translate(3px, 7px) rotate(2.5deg)
    }
    82% {
        -webkit-transform: translate(-6px, -7px) rotate(-0.5deg)
    }
    84% {
        -webkit-transform: translate(-8px, 8px) rotate(-2.5deg)
    }
    86% {
        -webkit-transform: translate(8px, 3px) rotate(-2.5deg)
    }
    88% {
        -webkit-transform: translate(-8px, 3px) rotate(-1.5deg)
    }
    90% {
        -webkit-transform: translate(-7px, -4px) rotate(-3.5deg)
    }
    92% {
        -webkit-transform: translate(-8px, 4px) rotate(2.5deg)
    }
    94% {
        -webkit-transform: translate(-6px, -6px) rotate(-3.5deg)
    }
    96% {
        -webkit-transform: translate(-3px, 2px) rotate(-3.5deg)
    }
    98% {
        -webkit-transform: translate(2px, 1px) rotate(-0.5deg)
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0% {
        -webkit-transform: translate(0px,6px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, 8px) rotate(1.5deg)
    }
    4% {
        -webkit-transform: translate(7px,6px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(8px, 8px) rotate(-3.5deg)
    }
    8% {
        -webkit-transform: translate(-4px, -3px) rotate(-1.5deg)
    }
    10% {
        -webkit-transform: translate(19px,6px) rotate(-2.5deg)
    }
    12% {
        -webkit-transform: translate(-10px, -3px) rotate(-3.5deg)
    }
    14% {
        -webkit-transform: translate(19px, 7px) rotate(2.5deg)
    }
    16% {
        -webkit-transform: translate(8px, -8px) rotate(-1.5deg)
    }
    18% {
        -webkit-transform: translate(9px, -6px) rotate(-3.5deg)
    }
    20% {
        -webkit-transform: translate(3px, 1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(6px, 8px) rotate(-2.5deg)
    }
    24% {
        -webkit-transform: translate(-8px, -1px) rotate(2.5deg)
    }
    26% {
        -webkit-transform: translate(7px, -10px) rotate(0.5deg)
    }
    28% {
        -webkit-transform: translate(7px, -4px) rotate(-3.5deg)
    }
    30% {
        -webkit-transform: translate(-2px, -6px) rotate(-1.5deg)
    }
    32% {
        -webkit-transform: translate(-1px,6px) rotate(2.5deg)
    }
    34% {
        -webkit-transform: translate(6px, 2px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(2px, 7px) rotate(1.5deg)
    }
    38% {
        -webkit-transform: translate(2px, -9px) rotate(1.5deg)
    }
    40% {
        -webkit-transform: translate(-19px, -1px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-8px, 2px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(-4px, 3px) rotate(0.5deg)
    }
    46% {
        -webkit-transform: translate(-10px, -2px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(1px, 9px) rotate(1.5deg)
    }
    50% {
        -webkit-transform: translate(6px, 7px) rotate(1.5deg)
    }
    52% {
        -webkit-transform: translate(-8px, 4px) rotate(0.5deg)
    }
    54% {
        -webkit-transform: translate(6px, -8px) rotate(-2.5deg)
    }
    56% {
        -webkit-transform: translate(2px, -9px) rotate(-2.5deg)
    }
    58% {
        -webkit-transform: translate(-2px, -9px) rotate(0.5deg)
    }
    60% {
        -webkit-transform: translate(2px, 7px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(0px,6px) rotate(-1.5deg)
    }
    64% {
        -webkit-transform: translate(-9px, -4px) rotate(-3.5deg)
    }
    66% {
        -webkit-transform: translate(6px, -6px) rotate(0.5deg)
    }
    68% {
        -webkit-transform: translate(0px, -7px) rotate(-2.5deg)
    }
    70% {
        -webkit-transform: translate(-10px, 1px) rotate(1.5deg)
    }
    72% {
        -webkit-transform: translate(-7px, 9px) rotate(2.5deg)
    }
    74% {
        -webkit-transform: translate(2px, -6px) rotate(-0.5deg)
    }
    76% {
        -webkit-transform: translate(19px, 1px) rotate(-0.5deg)
    }
    78% {
        -webkit-transform: translate(-1px, 5px) rotate(2.5deg)
    }
    80% {
        -webkit-transform: translate(3px, 7px) rotate(2.5deg)
    }
    82% {
        -webkit-transform: translate(-6px, -7px) rotate(-0.5deg)
    }
    84% {
        -webkit-transform: translate(-8px, 8px) rotate(-2.5deg)
    }
    86% {
        -webkit-transform: translate(8px, 3px) rotate(-2.5deg)
    }
    88% {
        -webkit-transform: translate(-8px, 3px) rotate(-1.5deg)
    }
    90% {
        -webkit-transform: translate(-7px, -4px) rotate(-3.5deg)
    }
    92% {
        -webkit-transform: translate(-8px, 4px) rotate(2.5deg)
    }
    94% {
        -webkit-transform: translate(-6px, -6px) rotate(-3.5deg)
    }
    96% {
        -webkit-transform: translate(-3px, 2px) rotate(-3.5deg)
    }
    98% {
        -webkit-transform: translate(2px, 1px) rotate(-0.5deg)
    }
}

@-o-keyframes myfirst /* Opera */
{
0% {
        -webkit-transform: translate(0px,6px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, 8px) rotate(1.5deg)
    }
    4% {
        -webkit-transform: translate(7px,6px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(8px, 8px) rotate(-3.5deg)
    }
    8% {
        -webkit-transform: translate(-4px, -3px) rotate(-1.5deg)
    }
    10% {
        -webkit-transform: translate(19px,6px) rotate(-2.5deg)
    }
    12% {
        -webkit-transform: translate(-10px, -3px) rotate(-3.5deg)
    }
    14% {
        -webkit-transform: translate(19px, 7px) rotate(2.5deg)
    }
    16% {
        -webkit-transform: translate(8px, -8px) rotate(-1.5deg)
    }
    18% {
        -webkit-transform: translate(9px, -6px) rotate(-3.5deg)
    }
    20% {
        -webkit-transform: translate(3px, 1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(6px, 8px) rotate(-2.5deg)
    }
    24% {
        -webkit-transform: translate(-8px, -1px) rotate(2.5deg)
    }
    26% {
        -webkit-transform: translate(7px, -10px) rotate(0.5deg)
    }
    28% {
        -webkit-transform: translate(7px, -4px) rotate(-3.5deg)
    }
    30% {
        -webkit-transform: translate(-2px, -6px) rotate(-1.5deg)
    }
    32% {
        -webkit-transform: translate(-1px,6px) rotate(2.5deg)
    }
    34% {
        -webkit-transform: translate(6px, 2px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(2px, 7px) rotate(1.5deg)
    }
    38% {
        -webkit-transform: translate(2px, -9px) rotate(1.5deg)
    }
    40% {
        -webkit-transform: translate(-19px, -1px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-8px, 2px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(-4px, 3px) rotate(0.5deg)
    }
    46% {
        -webkit-transform: translate(-10px, -2px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(1px, 9px) rotate(1.5deg)
    }
    50% {
        -webkit-transform: translate(6px, 7px) rotate(1.5deg)
    }
    52% {
        -webkit-transform: translate(-8px, 4px) rotate(0.5deg)
    }
    54% {
        -webkit-transform: translate(6px, -8px) rotate(-2.5deg)
    }
    56% {
        -webkit-transform: translate(2px, -9px) rotate(-2.5deg)
    }
    58% {
        -webkit-transform: translate(-2px, -9px) rotate(0.5deg)
    }
    60% {
        -webkit-transform: translate(2px, 7px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(0px,6px) rotate(-1.5deg)
    }
    64% {
        -webkit-transform: translate(-9px, -4px) rotate(-3.5deg)
    }
    66% {
        -webkit-transform: translate(6px, -6px) rotate(0.5deg)
    }
    68% {
        -webkit-transform: translate(0px, -7px) rotate(-2.5deg)
    }
    70% {
        -webkit-transform: translate(-10px, 1px) rotate(1.5deg)
    }
    72% {
        -webkit-transform: translate(-7px, 9px) rotate(2.5deg)
    }
    74% {
        -webkit-transform: translate(2px, -6px) rotate(-0.5deg)
    }
    76% {
        -webkit-transform: translate(19px, 1px) rotate(-0.5deg)
    }
    78% {
        -webkit-transform: translate(-1px, 5px) rotate(2.5deg)
    }
    80% {
        -webkit-transform: translate(3px, 7px) rotate(2.5deg)
    }
    82% {
        -webkit-transform: translate(-6px, -7px) rotate(-0.5deg)
    }
    84% {
        -webkit-transform: translate(-8px, 8px) rotate(-2.5deg)
    }
    86% {
        -webkit-transform: translate(8px, 3px) rotate(-2.5deg)
    }
    88% {
        -webkit-transform: translate(-8px, 3px) rotate(-1.5deg)
    }
    90% {
        -webkit-transform: translate(-7px, -4px) rotate(-3.5deg)
    }
    92% {
        -webkit-transform: translate(-8px, 4px) rotate(2.5deg)
    }
    94% {
        -webkit-transform: translate(-6px, -6px) rotate(-3.5deg)
    }
    96% {
        -webkit-transform: translate(-3px, 2px) rotate(-3.5deg)
    }
    98% {
        -webkit-transform: translate(2px, 1px) rotate(-0.5deg)
    }
}
.navList li{
    transition:0.3s;
}
.navList li:hover{
    transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */

    background-color: white;
}
.catListTitle{
background-color:black !important;
}
@keyframes waveMove{
    0% {
        background-position: 0 100%;
    }

    100% {
        background-position: -20px 100%;
    }
}
a:hover{
    color: #f30;
    text-decoration: none !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23ff3300' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;
    background-size: 20px auto;
    animation: waveMove 1s infinite linear;
}