*, :before, :after {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
fieldset, img {
  border: 0
}
li {
  list-style: none
}
caption, th {
  text-align: left
}
q:before, q:after {
  content: ""
}
input:password {
  ime-mode: disabled
}
:focus {
  outline: 0
}
html, body {
  min-height: 100%
}
body {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  overflow-x: hidden;
}
a, img {
  -webkit-touch-callout: none
}
body {
  background-color: #000;
}
body.am-bg-white {
  background-color: #fff
}
body, input, textarea, select, button {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif
}
input {
  line-height: normal
}
a {
  color: #0af;
  text-decoration: none
}
.fn-clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}
.fn-hide {
  display: none
}
.fn-left {
  float: left
}
.fn-right {
  float: right
}

.container-x{
  position: relative;
  width:640px;
  background:#000;
  height:640px;
  margin:0 auto;
  margin-top: 200px;
  z-index:9;
  zoom: 0.5;
  -moz-transform:scale(0.5);
  -o-transform:scale(0.5);
}
.container-x.animation .block{
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
}
.container-x .block{
  position: absolute;
  z-index:99;
  width: 66px!important;
  height: 66px!important;
  -webkit-transform: translate(320px, 320px);
  border-radius: 2px;
  background-image:url(http://ww2.sinaimg.cn/large/6d308bd9gw1e8t3fzlrfwj20sg1j47e4.jpg);
  background-repeat:no-repeat;
}
.block.cell-0{
  background-position: -8px -1898px;
}
.block.cell-1{
  background-position: -90px -1898px;
}
.block.cell-2{
  background-position: -173px -1898px;

}
.block.cell-3{
  background-position: -254px -1898px;

}
.block.cell-4{
  background-position: -335px -1898px;

}
.block.cell-5{
  background-position: -418px -1898px;
}
.block.cell-6{
  background-position: -500px -1898px;
}
.score{
  font-family: 'Helvetica Neue', Arial, sans-serif;
  background-color: #000;
  display:inline-block;
  height: 60px;
  position: fixed;
  top: 10px;
  left: 50%;
  margin-left:330px;
  z-index: 999;
  zoom: 0.5;
  -moz-transform:scale(0.5);
  -o-transform:scale(0.5);
  padding: 5px 15px 5px 15px;
  text-shadow: 0 0 20px yellow;
  color:#fff;
  font-size:50px;
}
.footer {
  text-align: center;
  color: #fff;
  padding-top: 50px;
}