.ballbox{
      position:absolute;
      width:1180px;
      height:500px;
	  top:60px;
	  left:65px;
	  z-index:-100;
	  transition:all .3s;
	  }
	  .ballBtns{
		position:absolute;
		width: 65px;
		height: 100px;
		top: 80px;
		left: -65px;
		z-index:9999;
		transition:all .3s;
	  }
 .ball{
      position:absolute;
      border-radius:50%;
	  opacity:.8;

    }
 .clear_btn,.auto_btn{
      position:absolute;
      width:65px;
      height:35px;
      top:60px;
      left:0px;
	 /*transform: translate(50%,50%);*/
	 border-radius: 24px;
	  /*font-size:20px;*/
	  /*line-height:40px;*/
	  /*text-align:center;*/
      /*cursor:pointer;*/
	  /*background-color:#76FF03;*/
	 color: #fff;
	 font-family: "Kanit";
	 font-weight: 900;
	 /* 文字阴影 实现3D效果 */
	 text-shadow: 0 1px 0 #deafaf;
	 /*0 2px 0 #bda8a8,*/
	 /*0 3px 0 #d8a1a1,*/
	 /*0 4px 0 #d59999,*/
	 /*0 5px 0 #d29292,*/
	 /*0 6px 0 #cf8b8b,*/
	 /*0 7px 0 #cc8484,*/
	 /*0 8px 0 #c97d7d,*/
	 /*0 0 5px rgba(231,156,156,0.05),*/
	 /*0 -1px 3px rgba(231,156,156,0.2),*/
	 /*0 9px 9px rgba(231,156,156,0.3),*/
	 /*0 12px 12px rgba(231,156,156,0.3),*/
	 /*0 15px 15px rgba(231,156,156,0.3);*/
	  border:none;
	 box-shadow: 0 10px 10px rgba(0,0,0,.3);
	 outline:none;
	 cursor: pointer;
 }

 .auto_btn{
		top:0px;
	 background-image: linear-gradient(to right, #f441a0, #09a8f4, #ffeb3b,#03a9f4);
	 /* 背景渐变色大小 */
	 background-size: 400%;
 }
 .clear_btn{
	 background-image: linear-gradient(to right, #09a8f4, #ffeb3b, #f441a0,#03a9f4);
	 /* 背景渐变色大小 */
	 background-size: 400%;
 }