body
 {
font-family:Verdana, Arial;
font-size:14px;
}
.toubu
{
    padding-bottom: 10px;
    position: absolute;
    left: 30%;
    top: 40%;
    border: dashed 2px #333;
    border-bottom: none;
}
.xb
{
   text-align: center;
    width: 500px;
    height: 190px;
    position: absolute;
    padding-top: 10px;
    left: 40%;
    bottom: 0%;
}
.weibo
 {
    float: left;
    border: 0;
    padding-left: 100px;

 }
.wechat
{
   
}

.weibo img
{
border-style: solid;
border-width:1px;
width:100px;
height:100px;

}
.wechat img
{
border-style: solid;
border-width:1px;
width:100px;
height:100px;

}

ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
position: absolute;
  left: 20%;
  top:2%
}
li
{
display:inline;
}
a:link,a:visited
{
font-weight:bold;
color:#f20;
background-color:#f0f0f0;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#cccccc;
}
.donghua
{
position:absolute;
top:40%;
left:40%;
width:100px;
height:10px;
background:red;
position:relative;
animation:myfirst 10s;
-moz-animation:myfirst 10s; /* Firefox */
-webkit-animation:myfirst 10s; /* Safari and Chrome */
-o-animation:myfirst 10s; /* Opera */
}

@keyframes myfirst
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

.footer
{
    
    padding-top: 32px;
    padding-bottom: 92px;
    border-bottom: dashed 2px #333333;
    border-top: dashed 2px #333333;
    font-size: 14px;
    height: 20px;
    opacity: 0.6;
    margin: 0 auto;
    position: absolute;
    top: 70%;
    left: 20%;

}