@keyframes myfirst
{
    0% {text-shadow: 0px 0px 20px #FFFFFF}
    50% {text-shadow: 0px 0px 20px #FF0000}
    100% {text-shadow: 0px 0px 20px #FFFFFF}
}

@-moz-keyframes myfirst /* Firefox */
{
    0% {text-shadow: 0px 0px 20px #FFFFFF}
    50% {text-shadow: 0px 0px 20px #FF0000}
    100% {text-shadow: 0px 0px 20px #FFFFFF}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0% {text-shadow: 0px 0px 20px #FFFFFF}
    50% {text-shadow: 0px 0px 20px #FF0000}
    100% {text-shadow: 0px 0px 20px #FFFFFF}
}

@-o-keyframes myfirst /* Opera */
{
    0% {text-shadow: 0px 0px 20px #FFFFFF}
    50% {text-shadow: 0px 0px 20px #FF0000}
    100% {text-shadow: 0px 0px 20px #FFFFFF}
}



@keyframes mysecond
{
    0% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
    }
    50% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
    }
    100% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
    }
}

@-moz-keyframes mysecond /* Firefox */
{
    0% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
    }
    50% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
    }
    100% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
    }
}

@-webkit-keyframes mysecond /* Safari 和 Chrome */
{
    0% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
    }
    50% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
    }
    100% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
    }
}

@-o-keyframes mysecond /* Opera */
{
    0% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
    }
    50% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 50px rgba(255,255,255,0.6), 0px 0px 70px rgba(255,255,255,0.6), 0 -15px 120px 0px rgba(255,255,255,0.4);
    }
    100% {
        background: rgba(255,255,255,1);
        -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -ms-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        -o-box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
        box-shadow: 0px 0px 10px rgba(255,255,255,0.8), 0px 0px 30px rgba(255,255,255,0.8), 0px 0px 10px rgba(255,255,255,0.6), 0px 0px 10px rgba(255,255,255,0.6);
    }
}

.dianjiwebbottom{ z-index: 66; position: absolute; top: 125px; left: 0; font-size: 26px; width: 100%; color: #fff; font-weight: bold; text-align: center; height: 50px; line-height: 50px;animation: myfirst 2s infinite;
                  -moz-animation: myfirst 2s infinite;
                  -webkit-animation: myfirst 2s infinite;
                  -o-animation: myfirst 2s infinite;}
#canvas{float:left;width:100%;margin-top:90px;height:100%;}
.header{position:absolute;width:640px;top:0px;left:50%;margin-left:-320px;}


.huxi{
    width: 51px;
    height: 51px;
    top: 240px;
    position: absolute;
    left: 50%;
    margin-left: -26px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    z-index:9;
    animation: mysecond 5s infinite;
    -moz-animation: mysecond 5s infinite;
    -webkit-animation: mysecond 5s infinite;
    -o-animation: mysecond 5s infinite;
}

@font-face {
    font-family: 'League Script';
    font-style: normal;
    font-weight: 400;
    src: local('League Script'), local('LeagueScript'), url(../fonts/wnRFLvfabWK_DauqppD6vVgaG90emUMHR_woZ36JLVg.woff2) format('woff2');
    //unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Nixie One';
    font-style: normal;
    font-weight: 400;
    src: local('Nixie One'), local('NixieOne-Regular'), url(../fonts/gQ0PT3rPU_Et2ExNz-ahmltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    // unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.sign{
    font-family: 'Nixie One';
    font-size:40px;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
#trav {
    -webkit-animation: blink 0.01s infinite alternate;
    -moz-animation: blink 0.01s infinite alternate;
    -o-animation: blink 0.01s infinite alternate;
    animation: blink 0.01s infinite alternate;
}
#fade {
    opacity: 1;
    color: #ebffff;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
    -webkit-animation: fade 3s infinite alternate;
    -moz-animation: fade 3s infinite alternate;
    -o-animation: fade 3s infinite alternate;
    animation: fade 3s infinite alternate;
}
.neon-blue {
    margin: 0 auto;
    text-align: center;
    color: #ebffff;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
}
.neon-purple {
    font-family: 'League Script', Helvetica, Arial, sans-serif;
    font-size: 44px;
    margin: 0 auto;
    text-align: center;
    color: #ccf;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 20px #fff, 0 0 10px #7d26cd, 0 0 50px #7d26cd;
    line-height: 90px;
}
@-moz-keyframes blink {
    70% {
        opacity: 0.7;
    }
}
@-webkit-keyframes blink {
    45% {
        opacity: 0.7;
    }
}
@-o-keyframes blink {
    70% {
        opacity: 0.7;
    }
}
@keyframes blink {
    70% {
        opacity: 0.7;
    }
}
@-moz-keyframes fade {
    40% {
        opacity: 1;
    }
    42% {
        opacity: 0.1;
    }
    43% {
        opacity: 1;
    }
    45% {
        opacity: 0.1;
    }
    46% {
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    40% {
        opacity: 1;
    }
    42% {
        opacity: 0.1;
    }
    43% {
        opacity: 1;
    }
    45% {
        opacity: 0.1;
    }
    46% {
        opacity: 1;
    }
}
@-o-keyframes fade {
    40% {
        opacity: 1;
    }
    42% {
        opacity: 0.1;
    }
    43% {
        opacity: 1;
    }
    45% {
        opacity: 0.1;
    }
    46% {
        opacity: 1;
    }
}
@keyframes fade {
    40% {
        opacity: 1;
    }
    42% {
        opacity: 0.1;
    }
    43% {
        opacity: 1;
    }
    45% {
        opacity: 0.1;
    }
    46% {
        opacity: 1;
    }
}