// parallelogram:平行四边形；round:椭圆；line:线；square:长方形；
.common_button_group {
    border :2px solid black;
  
    .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;
    }
  }