样式

src/assets/css/mixin.styl

@@ -4,16 +4,16 @@ $gray = #516282
 $orange = #F96700
 $green2 = #65d837
 
-.green
-  background-color $green
-.yellow
-  background-color $yellow
-.gray
-  background-color $gray
-.orange
-  background-color $orange
-.green2
-  background-color $green2
+// .green
+//   background-color $green
+// .yellow
+//   background-color $yellow
+// .gray
+//   background-color $gray
+// .orange
+//   background-color $orange
+// .green2
+//   background-color $green2
 
 //宽高
 _wh(w, h)

src/assets/css/reset.css

@@ -14,11 +14,11 @@ time, mark, audio, video, input {
     margin: 0;
     padding: 0;
     border: 0;
-    font-size: 0.16rem;
-    line-height: inherit;
+    /* font-size: 0.16rem;
+    line-height: inherit; */
     color: #ffffff;
-    font-weight: normal;
-    vertical-align: baseline;
+    /* font-weight: normal; */
+    /* vertical-align: baseline; */
 }
  
 /* HTML5 display-role reset for older browsers */
@@ -79,12 +79,12 @@ li {
 }
  
 html, body {
-     /* width: 100%; */
-     width: 1920px;
-     /* min-width: 1550px; */
-     height: 1060px;
-     /* width: 1920px;
-     height: 1040px; */
+     width: 100%;
+     height: 100%;
+     min-width: 1440px;
+     min-height: 789px;
+     /* width: 2560px;
+     height: 1440px; */
 }
  
 body {
@@ -95,7 +95,7 @@ body {
      -ms-user-select:none;/*IE10*/
      -khtml-user-select:none;/*早期浏览器*/
      user-select:none;
-     background: #05032a center center / 100% 100% url(../../assets/images/bg.png) no-repeat;
+     background: #05032a center center / 100% 100% url(../../assets/images/bg.jpg) no-repeat;
 }
 
 div, p {
@@ -145,6 +145,10 @@ div, p {
  justify-content: center;
 }
 
+.pointer {
+     cursor: pointer;
+}
+
 .pl10 {padding-left: 10px;}
 .pl20 {padding-left: 20px;}
 .mgb3 {margin-bottom: .03rem;}