@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
html,body {color:#333;font-family: "Microsoft YaHei",segoe ui;font-size:62.5%;line-height:1.5; width:100%;}
em{font-style:normal}
ol,ul {list-style:none;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
img{ max-width:100%;height:auto; border:none;} 
/*a {color:#252525; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#ba2636;text-decoration:underline;}
a:active {color:#ba2636;}*/


.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}


body { background:#000000 /*url(../images/166737.jpg) no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;*/
}

header {}

.logo { color:#fff; opacity:.5; font-size:5rem; text-align:center; position:absolute; top:50%; -webkit-transform:translateY(-50%);transform:translateY(-20%); left:0; right:0; z-index:107;}

canvas {position: absolute;left:0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.2);}




footer { text-align:center; border-top:1px solid #666; position:fixed; left:0;bottom:0;width:100%; color:#ddd;}
footer a:link,footer a:visited,footer a:hover,footer a:active { color:#ddd; text-decoration:none; margin-left:10px;}