@charset "utf-8";
/* CSS Document */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,p,span,strong,em,table,tr,td,form,input,select,option,textarea,a,button,sub,sup,img,header,map,menu,pre,section,source,time,title,video,small,nav,mark,main,footer,canvas,article,area,address{margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,input,select,option,textarea,a,button{font-family:"微软雅黑","宋体";}
html,body{font-size:12px; letter-spacing:0.2em;}

a{text-decoration:none;}
a,a:hover,a:active,a:visited,a:link{out-line:none;}
:focus{outline:0;}

table{cellpadding:0; cellspacing:0;}
table,tr,td{border:none; border-collapse:collapse;}

img{border:none;}

input,button,textarea{border:0; background:none;}

li{list-style:none;}

.cf{zoom:1;}
.cf:after{display:table; content:''; clear:both}

.noMr{margin-right:0;}
.noMb{margin-bottom:0;}



html,
body{width:100%; height:100%; background:#000; position:relative; font-size:12px;}
.main{width:100%; height:100%;}
.content{width:100%;}




@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(-3px,0,0);
    transform: translate3d(-3px,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(3px,0,0);
    transform: translate3d(3px,0,0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(-3px,0,0);
    transform: translate3d(-3px,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(3px,0,0);
    transform: translate3d(3px,0,0);
  }
}


@-webkit-keyframes shake2 {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(0,2px,0);
    transform: translate3d(0,2px,0);
  }
}

@keyframes shake2 {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  25% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  75% {
    -webkit-transform: translate3d(0,2px,0);
    transform: translate3d(0,2px,0);
  }
}