* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

ul {
  list-style: none; }

.color0 {
  background: #FFCCCC; }

.color1 {
  background: #FFCCCC; }

.color2 {
  background: #FF9999; }

.color3 {
  background: #FF99CC; }

.color4 {
  background: #CCCCFF; }

.color5 {
  background: #CC99CC; }

.color6 {
  background: #996699; }

.color7 {
  background: #663366; }

.color8 {
  background: #9999CC; }

.color9 {
  background: #CC6699; }

.color10 {
  background: #CC3399; }

.color11 {
  background: #993366; }

.color12 {
  background: #0099CC; }

.color13 {
  background: #666699; }

.color14 {
  background: #999933; }

.color15 {
  background: #003366; }

.gameFrame {
  border: 1px solid #fdfafa;
  width: 300px;
  height: 300px;
  background: #CCCCCC;
  margin: 20px auto 50px; }
  .gameFrame > .gameFrameRow {
    width: 300px;
    height: 75px; }
    .gameFrame > .gameFrameRow .gameFrameUl {
      width: 300px;
      height: 100%; }
      .gameFrame > .gameFrameRow .gameFrameUl .gameFrameCell {
        display: inline-block;
        border: 1px solid #fdfafa;
        height: 100%;
        width: 75px;
        float: left;
        padding: 2px; }
        .gameFrame > .gameFrameRow .gameFrameUl .gameFrameCell > span {
          display: inline-block;
          width: 100%;
          height: 100%;
          line-height: 75px;
          text-align: center;
          color: #fff; }

.scoringArea {
  text-align: center;
  height: 60px;
  line-height: 60px; }

.operateKey {
  text-align: center; }
  .operateKey .gameControlButton {
    height: 30px;
    padding: 0 8px;
    display: inline-block;
    vertical-align: middle;
    background: #66CC99;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer; }
  .operateKey .directionsKey {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin: 0 auto; }
    .operateKey .directionsKey > div {
      width: 100px; }
      .operateKey .directionsKey > div > span {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        background: #339999;
        border-radius: 4px;
        color: #fff;
        cursor: pointer; }

/*# sourceMappingURL=index.css.map */