ws

public/h5/datigame/css/main.css

@@ -413,7 +413,7 @@ background-color:#009688;
 .percent-circle {
   position:absolute;
   height:100%;
-  background: #f49136;
+  background: #FFF;
   overflow: hidden;
 }
 
@@ -431,7 +431,7 @@ background-color:#009688;
   transform-origin:left center;
   transform: rotate(0deg);
   border-radius: 0 .8rem .8rem 0/0 .8rem .8rem 0;
-  background: #ffffff;
+  background: #f49136;
 }
 
 .percent-circle-left {
@@ -447,7 +447,7 @@ background-color:#009688;
   transform-origin:right center;
   transform: rotate(0deg);
   border-radius: .8rem 0 0 .8rem/.8rem 0 0 .8rem;
-  background: #ffffff;
+  background: #f49136;
 }
  
 .text-circle {
@@ -462,6 +462,7 @@ background-color:#009688;
   border-radius:100%;
   background: #2b236e;
   color:#fff;
+  text-shadow: 2px 2px 0px #820b3e;
 }
  .poptis{
   display: inline-block;

public/h5/datigame/js/common.js

@@ -294,9 +294,9 @@ common={
 	    var html="<b class=''>"+_this.data.sum+"</b>";
 	    this.data.ts = setInterval(function() {
 	    	if(_this.data.sum<4){
-	    		 html="<b class='rubberBand animated'>"+_this.data.sum+"</b>";
+	    		 html="<b class='tada animated'>"+_this.data.sum+"</b>";
 	        	setTimeout(function(){
-	        		$(".text-circle b").removeClass("rubberBand");
+	        		$(".text-circle b").removeClass("tada");
 	        		$(".text-circle b").removeClass("animated");
 	        	},900)
 	        }else{