diff --git a/src/components/FirstJob/components/rightPanel/active.vue b/src/components/FirstJob/components/rightPanel/active.vue
index 3367510..5367e3d 100644
--- a/src/components/FirstJob/components/rightPanel/active.vue
+++ b/src/components/FirstJob/components/rightPanel/active.vue
@@ -90,7 +90,8 @@
       .item{
         margin-bottom: 12px;
         border-bottom: 1px solid #dcdcdc;
-        height: 50px;
+        padding-top: 10px;
+        padding-bottom: 10px;
         .title{
           color: rgb(25, 25, 25);
           font-size: 14px;
diff --git a/src/components/FirstJob/components/rightPanel/hot.vue b/src/components/FirstJob/components/rightPanel/hot.vue
index 99023fe..8eed65a 100644
--- a/src/components/FirstJob/components/rightPanel/hot.vue
+++ b/src/components/FirstJob/components/rightPanel/hot.vue
@@ -3,7 +3,7 @@
     <div class="m-title">
       24小时热榜
     </div>
-    <div class="m-list">
+    <div class="m-list" v-if="list.length > 0">
       <div v-for="(item,index) in list" :key="index"
            class="item g_flex_row_start"
       >
@@ -15,6 +15,9 @@
         </div>
       </div>
     </div>
+    <div class="m-loading g_flex_c" v-if="list.length == 0" style="min-height: 322px;">
+      <a-spin />
+    </div>
     <div class="m-more g_flex_column_center">
       <div class="g_flex_row_center">
         <div class="text">
@@ -29,42 +32,46 @@
 </template>
 
 <script>
+  import {
+	JobListApi,
+} from "../../../../api/job";
+
   export default {
     name: 'Hot',
     props: {},
     data() {
       return {
-        list:[
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          }
-        ]
+        list:[]
       }
     },
-    created() {},
-    mounted() {},
-    methods: {}
+    created() {
+      this.getList()
+    },
+    mounted() {
+      
+    },
+    methods: {
+      async getList(){
+        let that = this;
+        const { data } = await JobListApi({
+          pageNum: 1,
+          pageSize: 8,
+          jobCategory: 608,
+          sortTag:3
+        });
+        let resData = data.data;
+        if(resData.recordCount > 0){
+          that.list = resData.recordList.map(item => {
+            return {
+              title:item.jobName
+            }
+          })
+        }else{
+          that.list = [];
+        }
+        console.log('24小时热榜',data);
+      }
+    }
   }
 </script>
 
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 5979761..797fec5 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -902,7 +902,7 @@
 
 		<div class="top-obj g_flex_c" 
 				 ref="backToTop"
-					style="width: 40px;height: 40px;background-color: #fff;border-radius: 50%;position: fixed;bottom: 100px;right: calc(50vw - 470px);cursor: pointer;"
+					style="width: 40px;height: 40px;background-color: #fff;border-radius: 50%;position: fixed;bottom: 100px;right: calc(50vw - 546px);cursor: pointer;"
 					@click="totop"
 					v-if="!isspinning"
 		>
@@ -3852,7 +3852,7 @@ p {
 				border-radius: 50%;
 				position: fixed;
 				bottom: 100px;
-				right: calc(50vw - 470px);
+				right: calc(50vw - 546px);
 				cursor: pointer;
 				transition: opacity 0.3s ease;
 				opacity: 0;