服务端刷题

public/plugins/layui/css/main.css

@@ -195,6 +195,7 @@ body{
     float: left;
     margin-bottom: .3rem;
     box-shadow: 0 0.1rem 0rem #7e8cdd;
+    position: relative;
 }
 .qs-item li.on,.qs-item li.cur_answer{
 /*      background: url(../img/check-true.png) no-repeat center; */
@@ -202,13 +203,27 @@ body{
      color: #FFF;
         box-shadow: 0 0.1rem 0rem #7e8cdd;
 }
-.qs-item .cur_answer.cur_error{/*      background: url(../img/check-error.png) no-repeat center; */background-size:100%;color: #FFF;background: #009688;box-shadow: 0 0.1rem 0rem #00706f;}
+.qs-item .cur_answer.cur_error{/*      background: url(../img/check-error.png) no-repeat center; */background-size:100%;color: #FFF;background: #ff5970;box-shadow: 0 0.1rem 0rem #931325;}
 .qs-item .cur_answer.cur_true{
      background-color:#009688;
      color: #FFF;
      box-shadow: 0 0.1rem 0rem #00706f;
 }
-
+.qs-item .cur_answer.cur_error::before{content:"";position:absolute;left: .5rem;top: .5rem;width: .5rem;height: .1rem;background: #FFF;border-radius: .1rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
+.qs-item .cur_answer.cur_error::after{
+  content:"";
+  content: "";
+  position: absolute;
+  left: .7rem;
+  top: .3rem;
+  width: .1rem;
+  height: .5rem;
+  background: #FFF;
+  border-radius: .1rem;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+.qs-item .cur_answer.cur_true::before{content:"";position:absolute;left: 0.3rem;top: .3rem;width: .35rem;height: .35rem;border: solid .1rem #FFF;border-radius: 50%;}
 .qs-item .page{text-align: center; color: #fff; font-size: .3rem;}
 .end .qs-item{display: none;}
 .result{width: 6.12rem;height: 9rem;margin: 4.8rem 0.7rem 0;background-color: #FFF;display: none;position: relative;}