dos

Public/static/css/index.css

@@ -94,6 +94,11 @@ input::-webkit-input-placeholder {
   background-size: 100%;
 }
 
+.home-page .btn-rule.active {
+  background: url(../image2/rule-active.png) left top no-repeat;
+  background-size: 100%;
+}
+
 .home-page .title {
   transform: scale(0.95);
   transform-origin: 62.29% 81.8%;

Public/static/js/common.js

@@ -47,6 +47,8 @@ var preloadImageList = [
     picUrl + 'poster6.png',
     picUrl + 'poster7.png',
     picUrl + 'poster8.png',
+    picUrl + 'poster8.png',
+    picUrl + 'rule-active.png',
 ];
 if ($('div').length > 0) {
     $.each($('div'), function (index, val) {
@@ -119,7 +121,7 @@ $(document).ready(function () {
 
     $('.index-block').css('top', getTranslateDistance(20));
     $('.question-block').css('top', getTranslateDistance(-36));
-    // $('.rule-page .rule-content').css('top', getTranslateDistance(-40));
+    $('.rule-page .rule-content').css('top', getTranslateDistance(-40));
 
     //显示答题页面
     $('.home-page .btn-next').on('click', showQuestion);
@@ -230,6 +232,7 @@ function loaded() {
 
 function hideRule() {
     $('.rule-page').hide();
+    $('.btn-rule').addClass('active');
 }
 
 function showRule() {