.buttonHolder{
    position:fixed;
    /* margin:80px auto; */
    width:400px;
    z-index:1;
  }
          .button{
              background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
              background-image: linear-gradient(top, #f4f1ee, #fff);
              border-radius: 50%;
              box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
              float:left;
              height: 30px;
              margin: 0 5px 5px 0;
              position: relative;
              width: 30px;			
              -webkit-transition: all .1s linear;
              transition: all .1s linear;
              left:100px;
              top:10px;
          }
  
          .button:after{
              color:#2062f0;
              content: "";
              display: block;
              font-size: 8px;
              height: 30px;
              text-decoration: none;
              text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
              position: absolute;
              width: 30px;
          }

          .point:after{
              content: "点";
              left: 8.5px;
              top: 8.5px;
          }
          .line:after{
              content: "线";
              left: 8.5px;
              top: 8.5px;
          }
          .polygon:after{
              content: "面";
              left:8.5px;
              top:8.5px;
          }
          .square:after{
              content: "方";
              left: 8.5px;
              top: 8.5px;
          }
          .long_square:after{
            content: "长";
            left: 8.5px;
            top: 8.5px;
            }
            .circle:after{
                content: "圆";
                left: 8.5px;
                top: 8.5px;
            }
            .star:after{
                content: "星";
                left: 8.5px;
                top: 8.5px;
            }
            .eraser:after{
                content: "清";
                left: 8.5px;
                top: 8.5px;
            }
            .edit:after{
                content: "改";
                left: 8.5px;
                top: 8.5px;
            }
            .move:after{
                content: "移";
                left: 8.5px;
                top: 8.5px;
            }
          .button:hover{
              background-image: -webkit-linear-gradient(top, #fff, #f4f1ee);
              background-image: linear-gradient(top, #fff, #f4f1ee);
              color:#0088cc;
          }
  
          .button:hover:after{
              color:#f94e66;
              text-shadow:0px 0px 6px #f94e66;
          }
  
          .button:active{
              background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
              background-image: linear-gradient(top, #efedec, #f7f4f4);
              box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
          }
  
          .button:active:after{
              color:#dbd2d2;
              text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
          }

.measure-distance{
    width: 60px;
    border-radius: 15px 15px;
    margin:10px 15px 0 0;
}
.measure-distance:after{
    content: "测距";
    left: 18px;
    top: 8.5px;
}
.measure-area{
    width: 60px;
    border-radius: 15px 15px;
    margin:10px 20px 0 0;
}
.measure-area:after{
    content: "测面";
    left: 18px;
    top: 8.5px;
}