新皮肤

public/plugins/layui/css/main.css

@@ -276,48 +276,51 @@ body{
 .con {
   position:relative;
   display:inline-block;
-  height:200px;
-  width:200px;
+  height: 1.6rem;
+  width: 1.6rem;
+  background: url(../img/djs-bg.png);
+  background-size: 100%;
+  /* padding: .1rem; */
 }
 
 .percent-circle {
   position:absolute;
   height:100%;
-  background:#f00;
+  background: #f49136;
   overflow: hidden;
 }
 
 .percent-circle-right {
   right:0;
-  width:100px;
-  border-radius: 0 100px 100px 0/0 100px 100px 0;
+  width: .8rem;
+  border-radius: 0 .8rem .8rem 0/0 .8rem .8rem 0;
 }
 
 .percent-circle-right .right-content{
   position: absolute;
   content: '';
-  width: 100%; 
+  width: 100%;
   height: 100%;
   transform-origin:left center;
   transform: rotate(0deg);
-  border-radius: 0 100px 100px 0/0 100px 100px 0;
-  background:#bbb;
+  border-radius: 0 .8rem .8rem 0/0 .8rem .8rem 0;
+  background: #ffffff;
 }
 
 .percent-circle-left {
-  width:100px;
-  border-radius: 100px 0 0 100px/100px 0 0 100px;
+  width:.8rem;
+  border-radius: .8rem 0 0 .8rem/.8rem 0 0 .8rem;
 }
 
 .percent-circle-left .left-content {
   position: absolute;
   content: '';
-  width: 100%; 
+  width: 100%;
   height: 100%;
   transform-origin:right center;
   transform: rotate(0deg);
-  border-radius: 100px 0 0 100px/100px 0 0 100px;
-  background:#bbb;
+  border-radius: .8rem 0 0 .8rem/.8rem 0 0 .8rem;
+  background: #ffffff;
 }
 
 .text-circle {
@@ -330,6 +333,6 @@ body{
   left:10%;
   top:10%;
   border-radius:100%;
-  background:#000;
+  background: #2b236e;
   color:#fff;
 }