j

Public/static/css/main.css

@@ -178,17 +178,23 @@ ul, li {
   height: 1238px;
 }
 #container .btn-prize {
+  background: url("../images/btn-prize.png") no-repeat center;
+  position: absolute;
+  top: 420px;
+  left: 182px;
   justify-content: center;
-  width: 200px;
-  height: 200px;
+  align-items: flex-end;
+  width: 250px;
+  height: 250px;
   font-size: 27px;
-  border: 1px solid red;
 }
 #container .prize-type {
   position: absolute;
-  width: 300px;
-  height: 300px;
-  opacity: 0;
+  width: 250px;
+  height: 250px;
+  /* opacity: 0; */
+  top: 420px;
+  left: 182px;
 }
 #container .word {
   font-size: 40px;

Public/static/css/main.scss

@@ -199,19 +199,24 @@ ul, li {
   width: torem(640px);
   height: torem(1238px);
   .btn-prize {
-
+    background: url("../images/btn-prize.png") no-repeat center;
+    position: absolute;
+    top: 420px;
+    left: 182px;
     @extend .flex;
     justify-content: center;
-    width: torem(200px);
-    height: torem(200px);
+    align-items: flex-end;
+    width: 250px;
+    height: 250px;
     font-size: 27px;
-    border: 1px solid red;
   }
   .prize-type {
     position: absolute;
-    width: torem(300px);
-    height: torem(300px);
-    opacity: 0;
+    width: 250px;
+    height: 250px;
+    /* opacity: 0; */
+    top: 420px;
+    left: 182px;
     //.bounceInDown {
     //  -webkit-animation: bounceInDown 1s ease 0s 1;
     //  @include animate_forwards;