// parallelogram:平行四边形；round:椭圆；line:线；square:长方形；
.common_button_group {
  .parallelogram {
    -webkit-transform: skewX(-20deg);
    -moz-transform   : skewX(-20deg);
    transform        : skewX(-20deg);

    span {
      -webkit-transform: skewX(20deg);
      -moz-transform   : skewX(20deg);
      transform        : skewX(20deg);
      display          : inline-block;
    }
  }

  .round {
    div {
      border-radius: 40px !important;
    }
  }

  .circle {
    div {
      border-radius: 50% !important;
    }
  }

  .waterline {
    div {
      // background: none !important;
      // border: none !important;
    }
  }

  .square {}

  ul {
    list-style: none;
    height    : 100%;
  }

  ul li {
    height    : 100%;
    cursor    : pointer;
    text-align: center;
    display   : inline-block;
  }

  ul li>div {
    min-width: 30px;
  }
}