*{ text-align: center; margin: 0px; padding: 0px; }
body{  background: url("https://img.alicdn.com/imgextra/i4/815440245/TB232D3hVXXXXXqXFXXXXXXXXXX_!!815440245.gif") repeat #000;color:#fff;font-family: "΢ÈíÑźÚ","Helvetica Neue","Helvetica","Hiragino Sans GB","Microsoft YaHei","΢ÈíÑźÚ",Arial; }
img{ max-width:100%; border:0px;}
p{ margin:0; padding:0;}
h1{margin: 0; padding: 0; border: 0;}
.spa10{ height:10px;clear:both;}
.fw{ font-weight: bold;}
article{width:99%; margin:0px auto;}
section{ margin-bottom: 10px;}
.taright{float: right;}
.mainp{width:98%;text-align:center; margin:0px auto; max-width:640px;overflow:hidden;position:relative;}
#piaoluo{
    z-index:121;
    position:absolute;

}
@-webkit-keyframes piaoluo{
    from{-webkit-transform:translate(0px,0px) rotate(0deg);}
    to{-webkit-transform:translate(-150px,1200px) rotate(360deg);}
}

.top{width: 100%; height:280px;position:relative;text-align:center; }
.top1{position:absolute;text-align:center; top:0px;margin:0 auto;}
.top2{ position:absolute; text-align:center; top:60px; }


.mycolor2{
    color: red;
    -webkit-animation: neon1 0.5s ease-in-out infinite alternate;
    -moz-animation: neon1 0.5s ease-in-out infinite alternate;
    animation: neon1 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes neon1 {
    from {
        text-shadow: 0 0 3px #fff,
        0 0 5px  #fff,
        0 0 7px  #fff,
        0 0 12px  #FF1177,
        0 0 16px  #FF1177,
        0 0 20px  #FF1177,
        0 0 24px #FF1177,
        0 0 28px #FF1177;
    }
    to {
        text-shadow: 0 0 2px #fff,
        0 0 3px #fff,
        0 0 4px #fff,
        0 0 8px #FF0000,
        0 0 10px #FF0000,
        0 0 12px #FF0000,
        0 0 14px #FF0000,
        0 0 16px #FF0000;
    }
}

.mycolor3{
    color: green;
    animation:mycolor3 1s;
    -moz-animation:mycolor3 1s; /* Firefox */
    -webkit-animation:mycolor3 1s; /* Safari and Chrome */
    -o-animation:mycolor3 1s; /* Opera */
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes mycolor3 /* Safari and Chrome */
{
    0%   { color: green;}
    25%  { color: #FFFC00;}
    50%  { color: #FF0000;}
    75%  { color: #FF0084;}
    100% {color: green;}
}

.mycolor4{
    color: red;
    -webkit-animation: neon4 0.5s ease-in-out infinite alternate;
    -moz-animation: neon4 0.5s ease-in-out infinite alternate;
    animation: neon4 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes neon4 {
    from {
        text-shadow: 0 0 1px #3c0000,
        0 0 2px  #FF1177,
        0 0 3px  #FF1177,
        0 0 5px  #f60085,
        0 0 8px  #f60085,
        0 0 10px  #f60085,
        0 0 15px #f60085,
        0 0 20px #f60085;
    }
    to {
        text-shadow: 0 0 2px #3c0000,
        0 0 3px #3c0000,
        0 0 4px #3c0000,
        0 0 8px #FF0000,
        0 0 10px #FF0000,
        0 0 12px #FF0000,
        0 0 14px #FF0000,
        0 0 16px #FF0000;
    }
}