diff --git a/src/App.vue b/src/App.vue
index ff6d150..afafb66 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
-    <div id="app">
-        <router-view></router-view>
-    </div>
+  <div id="app">
+    <router-view></router-view>
+  </div>
 </template>
 
 <script>
@@ -9,17 +9,17 @@ import Setting from "@/setting";
 import util from "@/libs/util";
 
 export default {
-    name: "App",
-    created() {
-        //在页面加载时读取localStorage里的状态信息
-        if (util.local.get(Setting.storeKey)) {
-            this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey)));
-        }
-
-        //在页面刷新时将vuex里的信息保存到localStorage里
-        window.addEventListener("beforeunload", () => {
-            util.local.get(Setting.tokenKey) && util.local.set(Setting.storeKey, this.$store.state);
-        });
+  name: "App",
+  created () {
+    //在页面加载时读取localStorage里的状态信息
+    if (util.local.get(Setting.storeKey)) {
+      this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey)));
     }
+
+    //在页面刷新时将vuex里的信息保存到localStorage里
+    window.addEventListener("beforeunload", () => {
+      util.session.get(Setting.tokenKey) && util.local.set(Setting.storeKey, this.$store.state);
+    });
+  }
 };
 </script>
\ No newline at end of file
diff --git a/src/components/quill/index.vue b/src/components/quill/index.vue
index 6bf6297..c7d9ab3 100644
--- a/src/components/quill/index.vue
+++ b/src/components/quill/index.vue
@@ -1,19 +1,11 @@
 <template>
-  <div class="quill"
-       ref="quill"
-       :class="classes">
-    <div ref="editor"
-         :style="styles"
-         v-loading="loading"></div>
+  <div class="quill" ref="quill" :class="classes">
+    <div ref="editor" :style="styles" v-loading="loading"></div>
 
-    <Upload :max-size="1000"
-            :limit="100"
-            @beforeUpload="beforeUpload"
-            @onSuccess="editorUploadSuccess"
-            style="display: none">
+    <Upload :max-size="1000" :limit="100" @beforeUpload="beforeUpload" @onSuccess="editorUploadSuccess"
+      style="display: none">
       <div slot="trigger">
-        <el-button :id="'editorUpload' + index"
-                   type="primary">点击上传</el-button>
+        <el-button :id="'editorUpload' + index" type="primary">点击上传</el-button>
       </div>
     </Upload>
   </div>
@@ -75,7 +67,7 @@ export default {
     const that = this
     return {
       headers: {
-        token: util.local.get(Setting.tokenKey)
+        token: util.session.get(Setting.tokenKey)
       },
       Quill: null,
       currentValue: "",
@@ -236,31 +228,33 @@ export default {
 </script>
 <style lang="scss" scoped>
 .quill-no-border {
-    .ql-toolbar.ql-snow {
-        border: none;
-        border-bottom: 1px solid #e8eaec;
-    }
+  .ql-toolbar.ql-snow {
+    border: none;
+    border-bottom: 1px solid #e8eaec;
+  }
 
-    .ql-container.ql-snow {
-        border: none;
-    }
+  .ql-container.ql-snow {
+    border: none;
+  }
 }
 
 .else {
-    .ql-toolbar.ql-snow {
-        height: 0;
-        overflow: hidden;
-        padding: 0;
-        border-top: 0;
-    }
+  .ql-toolbar.ql-snow {
+    height: 0;
+    overflow: hidden;
+    padding: 0;
+    border-top: 0;
+  }
 }
+
 /deep/.ql-snow {
-    position: relative;
-    .ql-tooltip {
-        position: absolute !important;
-        top: 10px !important;
-        left: 10px !important;
-        transform: translateY(10px);
-    }
+  position: relative;
+
+  .ql-tooltip {
+    position: absolute !important;
+    top: 10px !important;
+    left: 10px !important;
+    transform: translateY(10px);
+  }
 }
 </style>
diff --git a/src/components/upload/config.js b/src/components/upload/config.js
index 2f2fbf0..474489b 100644
--- a/src/components/upload/config.js
+++ b/src/components/upload/config.js
@@ -12,7 +12,7 @@ export default async function () {
       RE = JSON.parse(RE)
     } else {
       Util.local.remove(Setting.storeKey)
-      Util.local.remove(Setting.tokenKey)
+      Util.session.remove(Setting.tokenKey)
       Util.errorMsg('登录过期，请重新登录！')
       router.replace({
         path: '/login'
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 402b008..04da337 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -80,7 +80,7 @@ export default {
       isDev: Setting.isDev,
       isZj: location.host === '10.60.32.76', // 浙江万里
       isSq: Setting.isSq,
-      token: Util.local.get(Setting.tokenKey), // 学生端token
+      token: Util.session.get(Setting.tokenKey), // 学生端token
       serverToken: Util.local.get('oc_server_token'), // 教师端token
       cName: Util.cookies.get('customerName'),
       isIndex: Setting.whiteList.find(e => e === this.$route.path), // 是否是在白名单页面
@@ -102,7 +102,7 @@ export default {
     ])
   },
   mounted () {
-    if (Util.local.get(Setting.tokenKey)) {
+    if (Util.session.get(Setting.tokenKey)) {
       if (this.showHeader) {
         this.getSystemDetail()
         this.getNotice()
@@ -178,7 +178,7 @@ export default {
     // 心跳检测
     heartbeatDetection () {
       this.timer = setInterval(async () => {
-        Util.local.get(Setting.tokenKey) ? await this.$get(this.api.heartbeatDetection) : clearInterval(this.timer)
+        Util.session.get(Setting.tokenKey) ? await this.$get(this.api.heartbeatDetection) : clearInterval(this.timer)
       }, 58 * 1000)
     },
 
diff --git a/src/layouts/home/index.vue b/src/layouts/home/index.vue
index 116cdbe..e0e29e6 100644
--- a/src/layouts/home/index.vue
+++ b/src/layouts/home/index.vue
@@ -123,7 +123,7 @@ export default {
     this.autoLogout()
     this.noticed || this.getMatchStatus() // 0才要调用
     this.logView || this.getLogStatus() // logView为false才需要查询接口
-    util.local.get(Setting.tokenKey) && this.handleRealName()
+    util.session.get(Setting.tokenKey) && this.handleRealName()
   },
   methods: {
     ...mapMutations("user", [
@@ -146,7 +146,7 @@ export default {
     },
     // 提示赛事状态(登录后调用一次)
     getMatchStatus () {
-      util.local.get(Setting.tokenKey) && this.$post(this.api.promptRemoval).then(({ prompt }) => {
+      util.session.get(Setting.tokenKey) && this.$post(this.api.promptRemoval).then(({ prompt }) => {
         this.SET_NOTICE()
         prompt && util.errorMsg(prompt)
       }).catch(res => { })
@@ -164,7 +164,7 @@ export default {
     },
     // 获取日志状态
     getLogStatus () {
-      util.local.get(Setting.tokenKey) && this.$get(this.api.logNotification, {
+      util.session.get(Setting.tokenKey) && this.$get(this.api.logNotification, {
         platformId: Setting.platformId
       }).then(({ notification }) => {
         if (notification) {
@@ -200,7 +200,7 @@ export default {
       };
 
       setInterval(() => {
-        if (util.local.get(Setting.tokenKey) && (new Date().getTime() - lastTime) > Setting.autoLogoutTime) {
+        if (util.session.get(Setting.tokenKey) && (new Date().getTime() - lastTime) > Setting.autoLogoutTime) {
           util.errorMsg("由于您已经有三个小时没有操作，系统自动登出，请重新登录。页面刷新到登录页。");
           setTimeout(this.logout, 1500);
         }
diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue
index 4c88525..34052b6 100644
--- a/src/layouts/navbar/index.vue
+++ b/src/layouts/navbar/index.vue
@@ -30,7 +30,7 @@ export default {
   },
   data () {
     return {
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       isTourist: false,
       active: '/' + this.$route.path.split('/')[1] + '/list',
       // 登录后的菜单
@@ -169,7 +169,7 @@ export default {
         // 数据看板
         window.open(this.$router.resolve('/screen').href)
       } else {
-        const token = util.local.get(Setting.tokenKey)
+        const token = util.session.get(Setting.tokenKey)
         // 如果未登录且跳转的是登录后才有的菜单
         if (!token && this.loginedMenu.find(e => e.id === id)) {
           location.reload()
diff --git a/src/pages/account/login/index.vue b/src/pages/account/login/index.vue
index b3b1a26..f2be858 100644
--- a/src/pages/account/login/index.vue
+++ b/src/pages/account/login/index.vue
@@ -393,7 +393,7 @@ export default {
     },
     // 处理登录成功
     setLogin () {
-      Util.local.set(Setting.tokenKey, this.token, Setting.tokenExpires)
+      Util.session.set(Setting.tokenKey, this.token)
       this.getOss()
       Util.cookies.remove('serverLogin')
       this.reloadIndex()
diff --git a/src/pages/account/redirect/index.vue b/src/pages/account/redirect/index.vue
index 7a24174..25c63cd 100644
--- a/src/pages/account/redirect/index.vue
+++ b/src/pages/account/redirect/index.vue
@@ -143,7 +143,7 @@ export default {
     },
     // 处理登录成功
     setLogin () {
-      Util.local.set(Setting.tokenKey, this.token, Setting.tokenExpires)
+      Util.session.set(Setting.tokenKey, this.token)
       this.getOss()
       Util.cookies.remove('serverLogin')
       this.reloadIndex()
diff --git a/src/pages/activity/details/index.vue b/src/pages/activity/details/index.vue
index 27b261b..d75347b 100644
--- a/src/pages/activity/details/index.vue
+++ b/src/pages/activity/details/index.vue
@@ -107,7 +107,7 @@ export default {
   data () {
     return {
       routes: [],
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       id: +this.$route.query.id,
       end: '',
       status: '',
@@ -316,7 +316,7 @@ export default {
     // 进入python系统
     toPython () {
       const form = this.curStage
-      let token = util.local.get(Setting.tokenKey);
+      let token = util.session.get(Setting.tokenKey);
       util.cookies.set('assessmentId', '', -1)
       util.cookies.set('startTime', '', -1)
       util.cookies.set('stopTime', '', -1)
@@ -345,7 +345,7 @@ export default {
       const { systemId, projectId, cid, stageId } = this.curStage
       const competitionId = form.id
       const teamId = form.competitionRegistration.teamId
-      let token = util.local.get(Setting.tokenKey);
+      let token = util.session.get(Setting.tokenKey);
       if (systemId == 11) {
         // 银行系统
         location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${cid}&systemId=${systemId}&projectId=${projectId}&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}&assessmentId=&classId=&stopTime=&test=true`
diff --git a/src/pages/activity/list/index.vue b/src/pages/activity/list/index.vue
index bf4c7e2..5124318 100644
--- a/src/pages/activity/list/index.vue
+++ b/src/pages/activity/list/index.vue
@@ -3,22 +3,16 @@
     <div class="search">
       <h6>创业活动</h6>
       <div class="input">
-        <img src="@/assets/img/search.png"
-             alt="">
-        <input type="text"
-               placeholder="请输入关键词"
-               v-model="keyword">
+        <img src="@/assets/img/search.png" alt="">
+        <input type="text" placeholder="请输入关键词" v-model="keyword">
       </div>
     </div>
 
     <div class="main">
       <div class="center-wrap list-inner">
-        <ul v-if="token"
-            class="nav">
-          <li :class="{ active: form.whetherToSignUp === item.id }"
-              v-for="(item, index) in typeList"
-              :key="index"
-              @click="changeType(item.id)">{{ item.name }}
+        <ul v-if="token" class="nav">
+          <li :class="{ active: form.whetherToSignUp === item.id }" v-for="(item, index) in typeList" :key="index"
+            @click="changeType(item.id)">{{ item.name }}
           </li>
         </ul>
         <div class="list-wrap">
@@ -27,63 +21,55 @@
             <div>
               <dl>
                 <dt>筛选排序：</dt>
-                <dd v-for="(item, i) in sorts"
-                    :key="i"
-                    :class="{active: form.filterSort == item.id}"
-                    @click="changeSort(item.id)">{{ item.name }}</dd>
+                <dd v-for="(item, i) in sorts" :key="i" :class="{ active: form.filterSort == item.id }"
+                  @click="changeSort(item.id)">{{ item.name }}</dd>
               </dl>
             </div>
-            <el-button type="primary"
-                       @click="toManage">我的项目</el-button>
+            <el-button type="primary" @click="toManage">我的项目</el-button>
           </div>
 
           <div class="list">
             <template v-if="listData.length">
               <ul>
-                <li v-for="(item,index) in listData"
-                    :key="index"
-                    @click="toDetail(item)">
+                <li v-for="(item, index) in listData" :key="index" @click="toDetail(item)">
                   <div class="left">
                     <div class="cover">
-                      <img :src="item.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20230515/jpg/1657937339328520192.jpg'"
-                           alt="">
+                      <img
+                        :src="item.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20230515/jpg/1657937339328520192.jpg'"
+                        alt="">
                     </div>
                     <div class="info">
                       <div class="title">{{ item.projectName }}</div>
                       <div class="metas">
                         <div>
-                          <span class="label">报名时间：</span><span class="val">{{ item.signUpStartTime}} ~ {{ item.signUpEndTime }}</span>
+                          <span class="label">报名时间：</span><span class="val">{{ item.signUpStartTime }} ~ {{
+                            item.signUpEndTime }}</span>
                         </div>
                         <div>
-                          <span class="label">项目时间：</span><span class="val">{{ item.playStartTime}} ~ {{ item.playEndTime }}</span>
+                          <span class="label">项目时间：</span><span class="val">{{ item.playStartTime }} ~ {{
+                            item.playEndTime }}</span>
                         </div>
                         <template v-if="item.initiator">
-                          <div :class="{'flex-top': item.initiator.split(',').length > 1}">
+                          <div :class="{ 'flex-top': item.initiator.split(',').length > 1 }">
                             <span class="label">发起方：&emsp;</span>
                             <span class="val">{{ item.initiator }}</span>
                           </div>
                         </template>
-                        <div class="m-t-20"
-                             @click.stop="follow(item)">
+                        <div class="m-t-20" @click.stop="follow(item)">
                           <template v-if="item.collectionStatus">
-                            <img class="m-r-5"
-                                 src="@/assets/img/love2.png"
-                                 alt="">
+                            <img class="m-r-5" src="@/assets/img/love2.png" alt="">
                             {{ item.collectorsNum }}人关注
                           </template>
-                          <img v-else
-                               src="@/assets/img/love1.png"
-                               alt="">
+                          <img v-else src="@/assets/img/love1.png" alt="">
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="right">
                     <p class="status"
-                       :class="{wait: item.status == 0,signing: item.status == 2,signed: item.status == 1,playing: item.status == 4,finish: item.status == 3 || item.status == 4}"
-                       @click.stop="signup(item)">{{ statusList[item.status] }}</p>
-                    <p class="end-text"
-                       v-if="item.end">
+                      :class="{ wait: item.status == 0, signing: item.status == 2, signed: item.status == 1, playing: item.status == 4, finish: item.status == 3 || item.status == 4 }"
+                      @click.stop="signup(item)">{{ statusList[item.status] }}</p>
+                    <p class="end-text" v-if="item.end">
                       距离{{ endList[item.status] }}还有
                       <em>{{ item.end }}</em>
                     </p>
@@ -91,20 +77,15 @@
                 </li>
               </ul>
               <div class="pagination">
-                <el-pagination background
-                               layout="total, prev, pager, next"
-                               :total="totals"
-                               @current-change="handleCurrentChange"
-                               :current-page="page"
-                               :page-size="pageSize">
+                <el-pagination background layout="total, prev, pager, next" :total="totals"
+                  @current-change="handleCurrentChange" :current-page="page" :page-size="pageSize">
                 </el-pagination>
               </div>
             </template>
             <template v-else>
               <div class="empty">
                 <div>
-                  <img src="@/assets/img/none.png"
-                       alt="">
+                  <img src="@/assets/img/none.png" alt="">
                   <p>暂无赛事</p>
                 </div>
               </div>
@@ -114,24 +95,15 @@
       </div>
     </div>
 
-    <el-dialog title="报名"
-               :visible.sync="signupVisible"
-               :close-on-click-modal="false"
-               width="300px">
+    <el-dialog title="报名" :visible.sync="signupVisible" :close-on-click-modal="false" width="300px">
       <el-form class="dia-form">
         <el-form-item>
-          <el-input placeholder="请输入4位数大赛邀请码"
-                    maxlength="4"
-                    v-model="invitationCode"></el-input>
+          <el-input placeholder="请输入4位数大赛邀请码" maxlength="4" v-model="invitationCode"></el-input>
         </el-form-item>
       </el-form>
-      <span slot="footer"
-            class="dialog-footer">
-        <el-button size="small"
-                   type="primary"
-                   @click="signupSubmit">报名</el-button>
-        <el-button size="small"
-                   @click="signupVisible = false">取消</el-button>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" type="primary" @click="signupSubmit">报名</el-button>
+        <el-button size="small" @click="signupVisible = false">取消</el-button>
       </span>
     </el-dialog>
   </div>
@@ -146,7 +118,7 @@ export default {
   data () {
     return {
       timer: null,
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       statusList: ["待报名", "取消报名", "马上报名", "报名截止", "已结束"],
       endList: ["报名开始", "报名截止", "报名截止", "项目开始", "项目结束"],
       typeList: [
@@ -377,282 +349,314 @@ export default {
 
 <style lang="scss" scoped>
 .search {
+  position: relative;
+  padding: 100px 0 130px;
+  text-align: center;
+  background: url(../../../assets/img/activity-bg.jpg) 0 0/100% 100% no-repeat;
+
+  h6 {
+    margin-bottom: 25px;
+    font-size: 26px;
+    color: #fff;
+  }
+
+  .input {
     position: relative;
-    padding: 100px 0 130px;
-    text-align: center;
-    background: url(../../../assets/img/activity-bg.jpg) 0 0/100% 100% no-repeat;
-    h6 {
-        margin-bottom: 25px;
-        font-size: 26px;
-        color: #fff;
-    }
-    .input {
-        position: relative;
-        width: 700px;
-        margin: 0 auto;
-    }
-    img {
-        position: absolute;
-        top: 19px;
-        left: 14px;
-    }
-    input {
-        width: 100%;
-        height: 62px;
-        line-height: 62px;
-        padding: 0 50px;
-        font-size: 18px;
-        color: #333;
-        border: 0;
-        outline: none;
-        border-radius: 4px;
-    }
+    width: 700px;
+    margin: 0 auto;
+  }
+
+  img {
+    position: absolute;
+    top: 19px;
+    left: 14px;
+  }
+
+  input {
+    width: 100%;
+    height: 62px;
+    line-height: 62px;
+    padding: 0 50px;
+    font-size: 18px;
+    color: #333;
+    border: 0;
+    outline: none;
+    border-radius: 4px;
+  }
 }
+
 .main {
-    background: url(../../../assets/img/match-bg1.png) (0px 95px) / auto auto no-repeat,
-        url(../../../assets/img/match-bg2.png) (98% bottom) / auto auto no-repeat;
-    .center-wrap {
-        width: 1078px;
-    }
+  background: url(../../../assets/img/match-bg1.png) (0px 95px) / auto auto no-repeat,
+    url(../../../assets/img/match-bg2.png) (98% bottom) / auto auto no-repeat;
+
+  .center-wrap {
+    width: 1078px;
+  }
 }
+
 .filter {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0 20px;
+  margin-bottom: 20px;
+  background-color: #fff;
+
+  dl {
     display: flex;
-    justify-content: space-between;
-    width: 100%;
-    padding: 0 20px;
-    margin-bottom: 20px;
-    background-color: #fff;
-    dl {
-        display: flex;
-        align-items: center;
-        margin: 20px 0;
-        dt {
-            color: #333;
-            font-size: 16px;
-            font-weight: 600;
-            white-space: nowrap;
-        }
-        dd {
-            padding: 5px 15px;
-            color: #6a6a6a;
-            font-size: 16px;
-            white-space: nowrap;
-            cursor: pointer;
-            border-radius: 4px;
-            &.active {
-                color: $main-color;
-                background-color: #e6f0ff;
-            }
-        }
-    }
-}
-.select-wrap {
-    display: inline-flex;
     align-items: center;
-    margin: 0 10px;
-    .label {
-        margin-right: 10px;
-        white-space: nowrap;
+    margin: 20px 0;
+
+    dt {
+      color: #333;
+      font-size: 16px;
+      font-weight: 600;
+      white-space: nowrap;
     }
-    .el-select {
-        width: 130px;
+
+    dd {
+      padding: 5px 15px;
+      color: #6a6a6a;
+      font-size: 16px;
+      white-space: nowrap;
+      cursor: pointer;
+      border-radius: 4px;
+
+      &.active {
+        color: $main-color;
+        background-color: #e6f0ff;
+      }
     }
+  }
+}
+
+.select-wrap {
+  display: inline-flex;
+  align-items: center;
+  margin: 0 10px;
+
+  .label {
+    margin-right: 10px;
+    white-space: nowrap;
+  }
+
+  .el-select {
+    width: 130px;
+  }
 }
+
 .list-inner {
-    display: flex;
-    justify-content: center;
-    align-items: flex-start;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
 }
+
 .nav {
-    width: 156px;
-    text-align: right;
-    overflow: hidden;
-    background-color: #fff;
+  width: 156px;
+  text-align: right;
+  overflow: hidden;
+  background-color: #fff;
+
+  li {
+    padding: 0 24px;
+    font-size: 16px;
+    color: #666;
+    line-height: 48px;
+    border-bottom: 2px solid #f3f6fa;
+    border-right: 2px solid transparent;
+    cursor: pointer;
+
+    &:before {
+      content: '';
+      display: inline-block;
+      width: 3px;
+      height: 3px;
+      margin-right: 10px;
+      vertical-align: middle;
+      border-radius: 50%;
+      background-color: #666;
+    }
+
+    &.active {
+      color: $main-color;
+      border-right-color: $main-color;
+
+      &:before {
+        background-color: $main-color;
+      }
+    }
+  }
+}
+
+.list-wrap {
+  width: calc(100% - 180px);
+  margin-left: 24px;
+
+  .list {
     li {
-        padding: 0 24px;
-        font-size: 16px;
-        color: #666;
-        line-height: 48px;
-        border-bottom: 2px solid #f3f6fa;
-        border-right: 2px solid transparent;
-        cursor: pointer;
-        &:before {
-            content: '';
-            display: inline-block;
-            width: 3px;
-            height: 3px;
-            margin-right: 10px;
-            vertical-align: middle;
-            border-radius: 50%;
-            background-color: #666;
+      display: flex;
+      justify-content: space-between;
+      padding: 16px;
+      margin-bottom: 12px;
+      transition: all 0.3s;
+      cursor: pointer;
+      border-radius: 6px;
+      background-color: #fff;
+
+      .right {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-end;
+        flex: 1;
+
+        .status {
+          max-width: 120px;
+          padding: 0 23px;
+          line-height: 34px;
+          font-size: 14px;
+          color: #fff;
+          white-space: nowrap;
+          background-color: #52c41a;
+          border-radius: 4px;
+          @include ellipsis();
+
+          &.wait {
+            background-color: #faad14;
+          }
+
+          &.signing {
+            background-color: $main-color;
+          }
+
+          &.signed {
+            background-color: #52c41a;
+          }
+
+          &.playing {
+            background-color: #f96d6d;
+          }
+
+          &.finish {
+            background-color: #ccc;
+          }
+        }
+
+        .btn {
+          padding: 12px 20px;
+          color: #fff;
+          background-color: #cb221c;
+          border-radius: 4px;
+          cursor: pointer;
+
+          &:hover {
+            opacity: 0.9;
+          }
+
+          &.disabled {
+            cursor: not-allowed;
+            background-color: #969696;
+          }
+        }
+
+        .end-text {
+          margin-top: 10px;
+          color: rgba(0, 0, 0, 0.65);
+          font-size: 12px;
+          white-space: nowrap;
+
+          em {
+            font-style: normal;
+            color: #f00;
+          }
         }
-        &.active {
-            color: $main-color;
-            border-right-color: $main-color;
-            &:before {
-                background-color: $main-color;
+      }
+
+      &:hover {
+        .left {
+          .info {
+            .title {
+              color: $main-color;
             }
+          }
         }
+      }
     }
-}
-.list-wrap {
-    width: calc(100% - 180px);
-    margin-left: 24px;
-    .list {
-        li {
+
+    .left {
+      position: relative;
+      display: inline-flex;
+      width: 430px;
+
+      .cover {
+        img {
+          width: 275px;
+          height: 175px;
+          border-radius: 6px;
+        }
+      }
+
+      .info {
+        margin-left: 16px;
+
+        .title {
+          margin-bottom: 10px;
+          font-size: 20px;
+          font-weight: 500;
+          color: #0b1d30;
+          word-break: break-all;
+          @include mul-ellipsis(2);
+        }
+
+        .metas {
+          font-size: 14px;
+          color: #666;
+
+          div {
             display: flex;
-            justify-content: space-between;
-            padding: 16px;
-            margin-bottom: 12px;
-            transition: all 0.3s;
-            cursor: pointer;
-            border-radius: 6px;
-            background-color: #fff;
-            .right {
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                align-items: flex-end;
-                flex: 1;
-
-                .status {
-                    max-width: 120px;
-                    padding: 0 23px;
-                    line-height: 34px;
-                    font-size: 14px;
-                    color: #fff;
-                    white-space: nowrap;
-                    background-color: #52c41a;
-                    border-radius: 4px;
-                    @include ellipsis();
-                    &.wait {
-                        background-color: #faad14;
-                    }
-
-                    &.signing {
-                        background-color: $main-color;
-                    }
-
-                    &.signed {
-                        background-color: #52c41a;
-                    }
-                    &.playing {
-                        background-color: #f96d6d;
-                    }
-
-                    &.finish {
-                        background-color: #ccc;
-                    }
-                }
-
-                .btn {
-                    padding: 12px 20px;
-                    color: #fff;
-                    background-color: #cb221c;
-                    border-radius: 4px;
-                    cursor: pointer;
-
-                    &:hover {
-                        opacity: 0.9;
-                    }
-
-                    &.disabled {
-                        cursor: not-allowed;
-                        background-color: #969696;
-                    }
-                }
-
-                .end-text {
-                    margin-top: 10px;
-                    color: rgba(0, 0, 0, 0.65);
-                    font-size: 12px;
-                    white-space: nowrap;
-
-                    em {
-                        font-style: normal;
-                        color: #f00;
-                    }
-                }
-            }
+            align-items: center;
+            margin-bottom: 5px;
 
-            &:hover {
-                .left {
-                    .info {
-                        .title {
-                            color: $main-color;
-                        }
-                    }
-                }
+            &.flex-top {
+              align-items: flex-start;
             }
+          }
+
+          .label,
+          .val {
+            font-size: 14px;
+            color: #666;
+            white-space: nowrap;
+          }
+
+          .val {
+            max-width: 350px;
+            text-overflow: ellipsis;
+            overflow: hidden;
+          }
+
+          .a-line {
+            display: block;
+          }
         }
-        .left {
-            position: relative;
-            display: inline-flex;
-            width: 430px;
-            .cover {
-                img {
-                    width: 275px;
-                    height: 175px;
-                    border-radius: 6px;
-                }
-            }
 
-            .info {
-                margin-left: 16px;
-                .title {
-                    margin-bottom: 10px;
-                    font-size: 20px;
-                    font-weight: 500;
-                    color: #0b1d30;
-                    word-break: break-all;
-                    @include mul-ellipsis(2);
-                }
-                .metas {
-                    font-size: 14px;
-                    color: #666;
-                    div {
-                        display: flex;
-                        align-items: center;
-                        margin-bottom: 5px;
-
-                        &.flex-top {
-                            align-items: flex-start;
-                        }
-                    }
-
-                    .label,
-                    .val {
-                        font-size: 14px;
-                        color: #666;
-                        white-space: nowrap;
-                    }
-
-                    .val {
-                        max-width: 350px;
-                        text-overflow: ellipsis;
-                        overflow: hidden;
-                    }
-
-                    .a-line {
-                        display: block;
-                    }
-                }
-
-                .desc {
-                    font-size: 14px;
-                }
-            }
+        .desc {
+          font-size: 14px;
         }
+      }
     }
+  }
 }
+
 /deep/.dia-form {
-    .w-100 {
-        width: 100%;
-    }
-    .tips {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
+  .w-100 {
+    width: 100%;
+  }
+
+  .tips {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/activity/manage/add/index.vue b/src/pages/activity/manage/add/index.vue
index bb07db2..949aa2d 100644
--- a/src/pages/activity/manage/add/index.vue
+++ b/src/pages/activity/manage/add/index.vue
@@ -1,163 +1,96 @@
 <template>
   <div>
-    <breadcrumb v-if="!id"
-                :routes.sync="routes" />
+    <breadcrumb v-if="!id" :routes.sync="routes" />
     <div class="page">
       <div class="page-content">
-        <el-form label-width="170px"
-                 label-suffix=":"
-                 size="small">
+        <el-form label-width="170px" label-suffix=":" size="small">
           <el-form-item label="项目封面（选填）">
-            <el-upload class="avatar-uploader"
-                       accept=".jpg,.png,.jpeg,.gif"
-                       :limit="1"
-                       :on-exceed="handleExceed"
-                       :before-remove="beforeRemove"
-                       :on-remove="handleRemove"
-                       :on-error="uploadError"
-                       action=""
-                       :http-request="handleRequest">
-              <img v-if="form.coverUrl"
-                   :src="form.coverUrl"
-                   class="avatar">
-              <div class="uploader-default"
-                   v-else>
+            <el-upload class="avatar-uploader" accept=".jpg,.png,.jpeg,.gif" :limit="1" :on-exceed="handleExceed"
+              :before-remove="beforeRemove" :on-remove="handleRemove" :on-error="uploadError" action=""
+              :http-request="handleRequest">
+              <img v-if="form.coverUrl" :src="form.coverUrl" class="avatar">
+              <div class="uploader-default" v-else>
                 <i class="el-icon-plus"></i>
                 <p>上传封面</p>
               </div>
-              <div slot="tip"
-                   class="el-upload__tip">
+              <div slot="tip" class="el-upload__tip">
                 <p>展示宽度为220，高度140，JPG/PNG/GIF，3MB以内</p>
               </div>
             </el-upload>
           </el-form-item>
           <el-form-item label="项目封面长图（选填）">
-            <el-upload class="avatar-uploader avatar-uploader-lg"
-                       accept=".jpg,.png,.jpeg,.gif"
-                       :limit="1"
-                       :on-exceed="handleExceed"
-                       :before-remove="beforeRemove"
-                       :on-remove="handleCarouselRemove"
-                       :on-error="uploadError"
-                       action=""
-                       :http-request="handleRequestLg">
-              <img v-if="form.carouselUrl"
-                   :src="form.carouselUrl"
-                   class="avatar-lg">
-              <div class="uploader-default"
-                   v-else>
+            <el-upload class="avatar-uploader avatar-uploader-lg" accept=".jpg,.png,.jpeg,.gif" :limit="1"
+              :on-exceed="handleExceed" :before-remove="beforeRemove" :on-remove="handleCarouselRemove"
+              :on-error="uploadError" action="" :http-request="handleRequestLg">
+              <img v-if="form.carouselUrl" :src="form.carouselUrl" class="avatar-lg">
+              <div class="uploader-default" v-else>
                 <i class="el-icon-plus"></i>
                 <p>上传封面</p>
               </div>
-              <div slot="tip"
-                   class="el-upload__tip">
+              <div slot="tip" class="el-upload__tip">
                 <p>展示宽度为1920，高度300，JPG/PNG/GIF，3MB以内</p>
               </div>
             </el-upload>
           </el-form-item>
-          <el-form-item class="req"
-                        label="项目名称">
+          <el-form-item class="req" label="项目名称">
             <div class="d-inline-block">
-              <el-input placeholder="请输入项目名称"
-                        v-model="form.projectName"
-                        clearable></el-input>
+              <el-input placeholder="请输入项目名称" v-model="form.projectName" clearable></el-input>
             </div>
           </el-form-item>
-          <el-form-item class="req"
-                        label="发起方">
+          <el-form-item class="req" label="发起方">
             <div class="inline-input">
-              <div class="input-wrap"
-                   v-for="(item,index) in sponsorList"
-                   :key="index">
-                <el-input placeholder="发起方名称"
-                          v-model="sponsorList[index]"></el-input>
-                <i v-if="sponsorList.length > 1"
-                   class="remove"
-                   @click="delSponsor(index)"></i>
-                <button v-if="index == 0"
-                        class="add-btn"
-                        type="button"
-                        @click="addSponsor">
+              <div class="input-wrap" v-for="(item, index) in sponsorList" :key="index">
+                <el-input placeholder="发起方名称" v-model="sponsorList[index]"></el-input>
+                <i v-if="sponsorList.length > 1" class="remove" @click="delSponsor(index)"></i>
+                <button v-if="index == 0" class="add-btn" type="button" @click="addSponsor">
                   <i class="el-icon-plus"></i>
                   <span>添加</span>
                 </button>
               </div>
             </div>
           </el-form-item>
-          <el-form-item class="req"
-                        label="报名时间">
-            <el-date-picker v-model="signupTime"
-                            value-format="yyyy-MM-dd HH:mm:ss"
-                            type="datetimerange"
-                            range-separator="-"
-                            start-placeholder="开始日期"
-                            end-placeholder="结束日期"
-                            :picker-options="pickerOptions"></el-date-picker>
+          <el-form-item class="req" label="报名时间">
+            <el-date-picker v-model="signupTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
+              range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
+              :picker-options="pickerOptions"></el-date-picker>
           </el-form-item>
-          <el-form-item class="req"
-                        label="项目时间">
-            <el-date-picker v-model="playTime"
-                            value-format="yyyy-MM-dd HH:mm:ss"
-                            type="datetimerange"
-                            range-separator="-"
-                            start-placeholder="开始日期"
-                            end-placeholder="结束日期"
-                            :picker-options="pickerOptions"></el-date-picker>
+          <el-form-item class="req" label="项目时间">
+            <el-date-picker v-model="playTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
+              range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
+              :picker-options="pickerOptions"></el-date-picker>
           </el-form-item>
-          <el-form-item class="req"
-                        label="发布范围">
+          <el-form-item class="req" label="发布范围">
             <div>
-              <el-radio v-model="scope"
-                        :label="0"
-                        disabled>本校内</el-radio>
+              <el-radio v-model="scope" :label="0" disabled>本校内</el-radio>
             </div>
           </el-form-item>
-          <el-form-item class="req"
-                        label="报名人数上限">
+          <el-form-item class="req" label="报名人数上限">
             <div class="input-center">
-              <el-input placeholder="请输入人数"
-                        v-model.number="form.maximumNumber"
-                        type="number"></el-input> 人
+              <el-input placeholder="请输入人数" v-model.number="form.maximumNumber" type="number"></el-input> 人
             </div>
           </el-form-item>
-          <el-form-item class="req"
-                        label="报名邀请码">
-            <div class="input-center"
-                 style="width: 550px;">
-              <el-radio v-model="form.isNeedCode"
-                        :label="0">不需要</el-radio>
-              <el-radio v-model="form.isNeedCode"
-                        :label="1">需要</el-radio>
-              <el-input style="width: 250px"
-                        placeholder="请输入4位邀请码或点击随机生成"
-                        v-model="form.invitationCode"
-                        :disabled="form.isNeedCode === 0"></el-input>
-              <el-button v-if="form.isNeedCode === 1"
-                         @click="randomInv">随机</el-button>
+          <el-form-item class="req" label="报名邀请码">
+            <div class="input-center" style="width: 550px;">
+              <el-radio v-model="form.isNeedCode" :label="0">不需要</el-radio>
+              <el-radio v-model="form.isNeedCode" :label="1">需要</el-radio>
+              <el-input style="width: 250px" placeholder="请输入4位邀请码或点击随机生成" v-model="form.invitationCode"
+                :disabled="form.isNeedCode === 0"></el-input>
+              <el-button v-if="form.isNeedCode === 1" @click="randomInv">随机</el-button>
             </div>
           </el-form-item>
-          <el-form-item class="req"
-                        label="项目详情">
-            <quill ref="quill"
-                   :border="true"
-                   v-model="form.projectDescribe"
-                   :height="400" />
+          <el-form-item class="req" label="项目详情">
+            <quill ref="quill" :border="true" v-model="form.projectDescribe" :height="400" />
           </el-form-item>
           <el-form-item label="附件">
-            <Upload :limit="5"
-                    :file-list.sync="form.activityFileList"
-                    :changeFileList="false"
-                    :on-remove="handleAnnexRemove"
-                    @onSuccess="uploadAnnexSuccess" />
+            <Upload :limit="5" :file-list.sync="form.activityFileList" :changeFileList="false"
+              :on-remove="handleAnnexRemove" @onSuccess="uploadAnnexSuccess" />
           </el-form-item>
         </el-form>
 
         <div class="btns">
           <el-button @click="save(0)">保存</el-button>
-          <el-button type="primary"
-                     @click="save(1)">发布</el-button>
-          <el-button type="danger"
-                     @click="preview">预览</el-button>
+          <el-button type="primary" @click="save(1)">发布</el-button>
+          <el-button type="danger" @click="preview">预览</el-button>
           <el-button @click="back">取消</el-button>
         </div>
       </div>
@@ -186,7 +119,7 @@ export default {
       ],
       id: this.$route.query.id || '',
       headers: {
-        token: util.local.get(Setting.tokenKey)
+        token: util.session.get(Setting.tokenKey)
       },
       scope: 0,
       form: {
@@ -458,169 +391,178 @@ export default {
 $upload-width: 220px;
 $upload-height: 140px;
 $upload-lg-height: 150px;
+
 /deep/ .avatar-uploader {
-    .el-upload {
-        position: relative;
-        width: $upload-width;
-        height: $upload-height;
-        border: 1px dashed #d9d9d9;
-        border-radius: 6px;
-        cursor: pointer;
-        overflow: hidden;
+  .el-upload {
+    position: relative;
+    width: $upload-width;
+    height: $upload-height;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    overflow: hidden;
 
-        &:hover {
-            border-color: #cb221c;
-        }
+    &:hover {
+      border-color: #cb221c;
+    }
 
-        .uploader-default {
-            display: flex;
-            height: $upload-height;
-            flex-direction: column;
-            justify-content: center;
-            text-align: center;
-            background: rgba(0, 0, 0, 0.04);
+    .uploader-default {
+      display: flex;
+      height: $upload-height;
+      flex-direction: column;
+      justify-content: center;
+      text-align: center;
+      background: rgba(0, 0, 0, 0.04);
 
-            i {
-                font-size: 20px;
-                font-weight: bold;
-                color: #8c939d;
-            }
+      i {
+        font-size: 20px;
+        font-weight: bold;
+        color: #8c939d;
+      }
 
-            p {
-                margin-top: 10px;
-                font-size: 14px;
-                color: rgba(0, 0, 0, 0.65);
-                line-height: 1;
-            }
-        }
+      p {
+        margin-top: 10px;
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.65);
+        line-height: 1;
+      }
     }
+  }
 
-    &.avatar-uploader-lg {
-        .el-upload {
-            width: 100%;
-            max-width: 960px;
-            height: $upload-lg-height;
+  &.avatar-uploader-lg {
+    .el-upload {
+      width: 100%;
+      max-width: 960px;
+      height: $upload-lg-height;
 
-            .uploader-default {
-                height: $upload-lg-height;
-            }
-        }
+      .uploader-default {
+        height: $upload-lg-height;
+      }
     }
+  }
 
-    .avatar {
-        display: block;
-        width: $upload-width;
-        height: $upload-height;
-    }
+  .avatar {
+    display: block;
+    width: $upload-width;
+    height: $upload-height;
+  }
 
-    .avatar-lg {
-        display: block;
-        width: 100%;
-        height: $upload-lg-height;
-    }
+  .avatar-lg {
+    display: block;
+    width: 100%;
+    height: $upload-lg-height;
+  }
 
-    .el-upload__tip {
-        margin-top: 0;
+  .el-upload__tip {
+    margin-top: 0;
 
-        p {
-            font-size: 14px;
-            color: rgba(0, 0, 0, 0.45);
-            line-height: 1;
+    p {
+      font-size: 14px;
+      color: rgba(0, 0, 0, 0.45);
+      line-height: 1;
 
-            &:first-child {
-                margin-bottom: 5px;
-            }
-        }
+      &:first-child {
+        margin-bottom: 5px;
+      }
     }
+  }
 }
 
 /deep/ .d-inline-block {
-    width: 216px;
+  width: 216px;
 
-    .el-select,
-    .el-input {
-        width: 100%;
-    }
+  .el-select,
+  .el-input {
+    width: 100%;
+  }
 }
-.inline-input {
-    .input-wrap {
-        display: flex;
-        align-items: center;
-        margin-bottom: 10px;
 
-        .el-input {
-            display: inline-block;
-            width: 216px;
-            margin-right: 8px;
-        }
+.inline-input {
+  .input-wrap {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
 
-        .remove {
-            width: 16px;
-            height: 16px;
-            background: url('../../../../assets/img/close.png') 0 0 / cover no-repeat;
-            cursor: pointer;
-        }
+    .el-input {
+      display: inline-block;
+      width: 216px;
+      margin-right: 8px;
     }
 
-    .add-btn {
-        margin-left: 32px;
+    .remove {
+      width: 16px;
+      height: 16px;
+      background: url('../../../../assets/img/close.png') 0 0 / cover no-repeat;
+      cursor: pointer;
     }
+  }
+
+  .add-btn {
+    margin-left: 32px;
+  }
 }
 
 .add-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 216px;
-    line-height: 32px;
-    font-size: 14px;
-    color: rgba(0, 0, 0, 0.65);
-    background-color: transparent;
-    border: 1px dashed rgba(0, 0, 0, 0.15);
-    border-radius: 4px;
-    cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 216px;
+  line-height: 32px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  background-color: transparent;
+  border: 1px dashed rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  cursor: pointer;
 
-    i {
-        margin-right: 8px;
-        font-size: 14px;
-        font-weight: bold;
-    }
+  i {
+    margin-right: 8px;
+    font-size: 14px;
+    font-weight: bold;
+  }
 }
+
 .range-check {
-    display: inline-block;
-    margin: 0 0 10px 10px;
+  display: inline-block;
+  margin: 0 0 10px 10px;
 }
+
 /deep/.range-cas {
-    .el-tag {
-        display: none;
-    }
+  .el-tag {
+    display: none;
+  }
 }
+
 .input-center {
-    display: flex;
-    align-items: center;
-    width: 216px;
-    white-space: nowrap;
-    .el-input {
-        margin-right: 5px;
-    }
+  display: flex;
+  align-items: center;
+  width: 216px;
+  white-space: nowrap;
+
+  .el-input {
+    margin-right: 5px;
+  }
 }
+
 .el-steps {
-    justify-content: center;
+  justify-content: center;
 }
+
 /deep/.req {
-    .el-form-item__label {
-        &:before {
-            content: '*';
-            margin-right: 5px;
-            font-size: 18px;
-            vertical-align: middle;
-            color: #f00;
-        }
+  .el-form-item__label {
+    &:before {
+      content: '*';
+      margin-right: 5px;
+      font-size: 18px;
+      vertical-align: middle;
+      color: #f00;
     }
+  }
 }
+
 .btns {
-    display: flex;
-    justify-content: center;
-    text-align: center;
+  display: flex;
+  justify-content: center;
+  text-align: center;
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/activity/manage/manage/matchSignup.vue b/src/pages/activity/manage/manage/matchSignup.vue
index ff8b771..7b2bcfb 100644
--- a/src/pages/activity/manage/manage/matchSignup.vue
+++ b/src/pages/activity/manage/manage/matchSignup.vue
@@ -1,90 +1,52 @@
 <template>
   <!-- 报名人员 -->
-  <div class="page-content"
-       style="padding: 24px">
+  <div class="page-content" style="padding: 24px">
     <div class="tool">
       <ul class="filter">
         <li>
           <label>搜索：</label>
-          <el-input placeholder="请输入姓名/手机号/学号"
-                    prefix-icon="el-icon-search"
-                    v-model="keyword"
-                    clearable
-                    size="mini"
-                    style="width: 250px"></el-input>
+          <el-input placeholder="请输入姓名/手机号/学号" prefix-icon="el-icon-search" v-model="keyword" clearable size="mini"
+            style="width: 250px"></el-input>
         </li>
         <li>
           <label>报名人员状态：</label>
-          <el-select v-model="isDisable"
-                     @change="initData">
-            <el-option v-for="(item, i) in statusList"
-                       :key="i"
-                       :label="item.name"
-                       :value="item.id"></el-option>
+          <el-select v-model="isDisable" @change="initData">
+            <el-option v-for="(item, i) in statusList" :key="i" :label="item.name" :value="item.id"></el-option>
           </el-select>
         </li>
       </ul>
       <div>
-        <el-button type="primary"
-                   round
-                   @click="exportAll">批量导出</el-button>
+        <el-button type="primary" round @click="exportAll">批量导出</el-button>
       </div>
     </div>
 
-    <el-table ref="table"
-              :data="listData"
-              class="table"
-              stripe
-              header-align="center"
-              @selection-change="handleSelectionChange"
-              row-key="id"
-              @sort-change="sortChange">
-      <el-table-column type="selection"
-                       width="80"
-                       align="center"
-                       :reserve-selection="true"></el-table-column>
-      <el-table-column type="index"
-                       width="60"
-                       label="序号"
-                       align="center">
+    <el-table ref="table" :data="listData" class="table" stripe header-align="center"
+      @selection-change="handleSelectionChange" row-key="id" @sort-change="sortChange">
+      <el-table-column type="selection" width="80" align="center" :reserve-selection="true"></el-table-column>
+      <el-table-column type="index" width="60" label="序号" align="center">
         <template slot-scope="scope">
           {{ scope.$index + (page - 1) * pageSize + 1 }}
         </template>
       </el-table-column>
-      <el-table-column prop="schoolName"
-                       label="学校"
-                       sortable="custom">
+      <el-table-column prop="schoolName" label="学校" sortable="custom">
       </el-table-column>
-      <el-table-column prop="username"
-                       label="学生姓名">
+      <el-table-column prop="username" label="学生姓名">
       </el-table-column>
-      <el-table-column prop="workNumber"
-                       label="学号">
+      <el-table-column prop="workNumber" label="学号">
       </el-table-column>
-      <el-table-column prop="phone"
-                       label="手机号">
+      <el-table-column prop="phone" label="手机号">
       </el-table-column>
-      <el-table-column label="操作"
-                       align="center"
-                       width="320">
+      <el-table-column label="操作" align="center" width="320">
         <template slot-scope="scope">
-          <el-button type="text"
-                     @click="delData(scope.row)">删除</el-button>
-          <el-switch v-model="scope.row.isDisable"
-                     :active-text="scope.row.isDisable ? '关' : '开'"
-                     :active-value="0"
-                     :inactive-value="1"
-                     style="margin-left: 5px"
-                     @change="switchOff($event,scope.row,scope.$index)"></el-switch>
+          <el-button type="text" @click="delData(scope.row)">删除</el-button>
+          <el-switch v-model="scope.row.isDisable" :active-text="scope.row.isDisable ? '关' : '开'" :active-value="0"
+            :inactive-value="1" style="margin-left: 5px" @change="switchOff($event, scope.row, scope.$index)"></el-switch>
         </template>
       </el-table-column>
     </el-table>
     <div class="pagination">
-      <el-pagination background
-                     layout="total, prev, pager, next"
-                     :total="total"
-                     @current-change="handleCurrentChange"
-                     :current-page="page">
+      <el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange"
+        :current-page="page">
       </el-pagination>
     </div>
   </div>
@@ -98,7 +60,7 @@ export default {
   name: "matchSignup",
   data () {
     return {
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       id: +this.$route.query.id,
       isDisable: '',
       statusList: [
@@ -212,13 +174,14 @@ export default {
 
 <style lang="scss" scoped>
 /deep/.dia-form {
-    .w-100 {
-        width: 100%;
-    }
-    .tips {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
+  .w-100 {
+    width: 100%;
+  }
+
+  .tips {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/activity/manage/manage/notice.vue b/src/pages/activity/manage/manage/notice.vue
index d75945c..c819080 100644
--- a/src/pages/activity/manage/manage/notice.vue
+++ b/src/pages/activity/manage/manage/notice.vue
@@ -1,66 +1,40 @@
 <template>
-  <div class="page-content"
-       style="padding: 24px">
-    <div class="tool"
-         style="justify-content: flex-end">
-      <el-button type="primary"
-                 round
-                 @click="add">新增</el-button>
+  <div class="page-content" style="padding: 24px">
+    <div class="tool" style="justify-content: flex-end">
+      <el-button type="primary" round @click="add">新增</el-button>
     </div>
 
-    <el-table ref="table"
-              :data="listData"
-              class="table"
-              stripe
-              header-align="center"
-              @selection-change="handleSelectionChange"
-              row-key="id">
-      <el-table-column type="index"
-                       width="60"
-                       label="序号"
-                       align="center">
+    <el-table ref="table" :data="listData" class="table" stripe header-align="center"
+      @selection-change="handleSelectionChange" row-key="id">
+      <el-table-column type="index" width="60" label="序号" align="center">
         <template slot-scope="scope">
           {{ scope.$index + (page - 1) * pageSize + 1 }}
         </template>
       </el-table-column>
-      <el-table-column prop="announcementTitle"
-                       label="标题名称">
+      <el-table-column prop="announcementTitle" label="标题名称">
       </el-table-column>
-      <el-table-column prop="createTime"
-                       label="创建时间">
+      <el-table-column prop="createTime" label="创建时间">
       </el-table-column>
-      <el-table-column prop="updateTime"
-                       label="发布时间">
+      <el-table-column prop="updateTime" label="发布时间">
       </el-table-column>
-      <el-table-column prop="phone"
-                       label="状态">
+      <el-table-column prop="phone" label="状态">
         <template slot-scope="scope">
           {{ scope.row.status ? '已发布' : '草稿' }}
         </template>
       </el-table-column>
-      <el-table-column label="操作"
-                       align="center"
-                       width="250">
+      <el-table-column label="操作" align="center" width="250">
         <template slot-scope="scope">
-          <el-button type="text"
-                     @click="edit(scope.row)">编辑</el-button>
-          <el-button type="text"
-                     @click="del(scope.row)">删除</el-button>
-          <el-switch v-model="scope.row.isOpen"
-                     :active-text="scope.row.isOpen ? '关' : '开'"
-                     :active-value="0"
-                     :inactive-value="1"
-                     style="margin: 0 10px 0 5px"
-                     @change="switchOff($event,scope.row,scope.$index)"></el-switch>
+          <el-button type="text" @click="edit(scope.row)">编辑</el-button>
+          <el-button type="text" @click="del(scope.row)">删除</el-button>
+          <el-switch v-model="scope.row.isOpen" :active-text="scope.row.isOpen ? '关' : '开'" :active-value="0"
+            :inactive-value="1" style="margin: 0 10px 0 5px"
+            @change="switchOff($event, scope.row, scope.$index)"></el-switch>
         </template>
       </el-table-column>
     </el-table>
     <div class="pagination">
-      <el-pagination background
-                     layout="total, prev, pager, next"
-                     :total="totals"
-                     @current-change="handleCurrentChange"
-                     :current-page="page">
+      <el-pagination background layout="total, prev, pager, next" :total="totals" @current-change="handleCurrentChange"
+        :current-page="page">
       </el-pagination>
     </div>
   </div>
@@ -72,7 +46,7 @@ import Setting from "@/setting";
 export default {
   data () {
     return {
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       id: this.$route.query.id,
       listData: [],
       multipleSelection: [],
@@ -153,5 +127,4 @@ export default {
 };
 </script>
 
-<style scoped>
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/src/pages/activity/manage/manage/noticeDetail.vue b/src/pages/activity/manage/manage/noticeDetail.vue
index 9ac8647..c6a9733 100644
--- a/src/pages/activity/manage/manage/noticeDetail.vue
+++ b/src/pages/activity/manage/manage/noticeDetail.vue
@@ -1,40 +1,27 @@
 <template>
   <div>
-    <el-card shadow="hover"
-             style="margin-bottom: 20px">
+    <el-card shadow="hover" style="margin-bottom: 20px">
       <div class="flex-between">
-        <el-page-header @back="back"
-                        :content="(form.id ? '编辑' : '创建') + '公告'"></el-page-header>
+        <el-page-header @back="back" :content="(form.id ? '编辑' : '创建') + '公告'"></el-page-header>
       </div>
     </el-card>
     <div class="page">
       <div class="page-content">
-        <el-form label-width="170px"
-                 label-suffix=":"
-                 size="small">
+        <el-form label-width="170px" label-suffix=":" size="small">
           <el-form-item label="公告标题">
             <div class="d-inline-block">
-              <el-input placeholder="请输入公告名称"
-                        v-model="form.announcementTitle"
-                        clearable></el-input>
+              <el-input placeholder="请输入公告名称" v-model="form.announcementTitle" clearable></el-input>
             </div>
           </el-form-item>
           <el-form-item label="正文">
-            <quill :border="true"
-                   v-model="form.announcementText"
-                   :height="400" />
+            <quill :border="true" v-model="form.announcementText" :height="400" />
           </el-form-item>
           <el-form-item label="附件">
-            <Upload :limit="5"
-                    :file-list="fileList"
-                    :on-remove="handleRemove"
-                    @onSuccess="uploadSuccess" />
+            <Upload :limit="5" :file-list="fileList" :on-remove="handleRemove" @onSuccess="uploadSuccess" />
           </el-form-item>
           <el-form-item>
-            <el-button v-if="!form.id"
-                       @click="save(0)">草稿</el-button>
-            <el-button type="primary"
-                       @click="save(1)">发布</el-button>
+            <el-button v-if="!form.id" @click="save(0)">草稿</el-button>
+            <el-button type="primary" @click="save(1)">发布</el-button>
             <el-button @click="back">取消</el-button>
           </el-form-item>
         </el-form>
@@ -54,7 +41,7 @@ export default {
   data () {
     return {
       headers: {
-        token: util.local.get(Setting.tokenKey)
+        token: util.session.get(Setting.tokenKey)
       },
       form: {
         id: this.$route.query.id,
@@ -169,133 +156,134 @@ export default {
 $upload-width: 220px;
 $upload-height: 140px;
 $upload-lg-height: 150px;
+
 /deep/ .avatar-uploader {
-    .el-upload {
-        position: relative;
-        width: $upload-width;
-        height: $upload-height;
-        border: 1px dashed #d9d9d9;
-        border-radius: 6px;
-        cursor: pointer;
-        overflow: hidden;
+  .el-upload {
+    position: relative;
+    width: $upload-width;
+    height: $upload-height;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    overflow: hidden;
 
-        &:hover {
-            border-color: #cb221c;
-        }
+    &:hover {
+      border-color: #cb221c;
+    }
 
-        .uploader-default {
-            display: flex;
-            height: $upload-height;
-            flex-direction: column;
-            justify-content: center;
-            text-align: center;
-            background: rgba(0, 0, 0, 0.04);
+    .uploader-default {
+      display: flex;
+      height: $upload-height;
+      flex-direction: column;
+      justify-content: center;
+      text-align: center;
+      background: rgba(0, 0, 0, 0.04);
 
-            i {
-                font-size: 20px;
-                font-weight: bold;
-                color: #8c939d;
-            }
+      i {
+        font-size: 20px;
+        font-weight: bold;
+        color: #8c939d;
+      }
 
-            p {
-                margin-top: 10px;
-                font-size: 14px;
-                color: rgba(0, 0, 0, 0.65);
-                line-height: 1;
-            }
-        }
+      p {
+        margin-top: 10px;
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.65);
+        line-height: 1;
+      }
     }
+  }
 
-    &.avatar-uploader-lg {
-        .el-upload {
-            width: 100%;
-            max-width: 960px;
-            height: $upload-lg-height;
+  &.avatar-uploader-lg {
+    .el-upload {
+      width: 100%;
+      max-width: 960px;
+      height: $upload-lg-height;
 
-            .uploader-default {
-                height: $upload-lg-height;
-            }
-        }
+      .uploader-default {
+        height: $upload-lg-height;
+      }
     }
+  }
 
-    .avatar {
-        display: block;
-        width: $upload-width;
-        height: $upload-height;
-    }
+  .avatar {
+    display: block;
+    width: $upload-width;
+    height: $upload-height;
+  }
 
-    .avatar-lg {
-        display: block;
-        width: 100%;
-        height: $upload-lg-height;
-    }
+  .avatar-lg {
+    display: block;
+    width: 100%;
+    height: $upload-lg-height;
+  }
 
-    .el-upload__tip {
-        margin-top: 0;
+  .el-upload__tip {
+    margin-top: 0;
 
-        p {
-            font-size: 14px;
-            color: rgba(0, 0, 0, 0.45);
-            line-height: 1;
+    p {
+      font-size: 14px;
+      color: rgba(0, 0, 0, 0.45);
+      line-height: 1;
 
-            &:first-child {
-                margin-bottom: 5px;
-            }
-        }
+      &:first-child {
+        margin-bottom: 5px;
+      }
     }
+  }
 }
 
 /deep/ .d-inline-block {
-    width: 216px;
+  width: 216px;
 
-    .el-select,
-    .el-input {
-        width: 100%;
-    }
+  .el-select,
+  .el-input {
+    width: 100%;
+  }
 }
 
 .inline-input {
-    .input-wrap {
-        display: flex;
-        align-items: center;
-        margin-bottom: 10px;
-
-        .el-input {
-            display: inline-block;
-            width: 216px;
-            margin-right: 8px;
-        }
+  .input-wrap {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
 
-        .remove {
-            width: 16px;
-            height: 16px;
-            background: url('../../../../assets/img/close.png') 0 0 / cover no-repeat;
-            cursor: pointer;
-        }
+    .el-input {
+      display: inline-block;
+      width: 216px;
+      margin-right: 8px;
     }
 
-    .add-btn {
-        margin-left: 32px;
+    .remove {
+      width: 16px;
+      height: 16px;
+      background: url('../../../../assets/img/close.png') 0 0 / cover no-repeat;
+      cursor: pointer;
     }
+  }
+
+  .add-btn {
+    margin-left: 32px;
+  }
 }
 
 .add-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 216px;
-    line-height: 32px;
-    font-size: 14px;
-    color: rgba(0, 0, 0, 0.65);
-    background-color: transparent;
-    border: 1px dashed rgba(0, 0, 0, 0.15);
-    border-radius: 4px;
-    cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 216px;
+  line-height: 32px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  background-color: transparent;
+  border: 1px dashed rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  cursor: pointer;
 
-    i {
-        margin-right: 8px;
-        font-size: 14px;
-        font-weight: bold;
-    }
+  i {
+    margin-right: 8px;
+    font-size: 14px;
+    font-weight: bold;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/ass/list/index.vue b/src/pages/ass/list/index.vue
index 09c4aa3..435bb60 100644
--- a/src/pages/ass/list/index.vue
+++ b/src/pages/ass/list/index.vue
@@ -382,7 +382,7 @@ export default {
       this.invitationCode = "";
     },
     goSubSystem () {
-      const token = Util.local.get(Setting.tokenKey)
+      const token = Util.session.get(Setting.tokenKey)
       const classId = this.classId
       const classItem = this.classList.find(e => e.id == classId)
       const row = this.curRow
diff --git a/src/pages/cityPartner/list/index.vue b/src/pages/cityPartner/list/index.vue
index ffe48ff..2134051 100644
--- a/src/pages/cityPartner/list/index.vue
+++ b/src/pages/cityPartner/list/index.vue
@@ -1,267 +1,299 @@
 <template>
-    <div class="wrap index">
-        <div class="banner">
-            <h6>城市合伙人招募中</h6>
-            <p class="text">携手共创教育信息化新未来，合伙共享产业互联领域新红利</p>
-        </div>
-        <!-- 关于城市合伙人 -->
-        <div class="about">
-            <div class="inner">
-                <h6>关于城市合伙人</h6>
-                <div class="text">城市合伙人主要为在各地具备高职、本科等学校关系资源，且在当地能够提供销售、售前，项目实施交付，以及持续增值服务的团队。</div>
-            </div>
-        </div>
-        <div class="bg">
-            <!-- 我们提供的支持 -->
-            <div class="intro">
-                <div class="inner">
-                    <h6 class="i-title">我们提供的支持</h6>
-                    <ul class="list">
-                        <li>
-                            <h6>
-                                <img src="@/assets/img/city/sup1.png" alt="">
-                                <span>产品</span>
-                            </h6>
-                            <p class="text">我们会为城市合伙人整合好不同的教育信息化解决方案所需的软件和硬件产品通过教育产业互联网平台和反向供应链，为城市合伙人提供利润合适，交付便捷，质量有保障的产品。</p>
-                        </li>
-                        <li>
-                            <h6>
-                                <img src="@/assets/img/city/sup2.png" alt="">
-                                <span>培训</span>
-                            </h6>
-                            <p class="text">我们会有专业的培训团队，为每一个城市合伙人提供教育信息化产业的创业辅导，和专业培训。帮助城市合伙人打造一支专业化的商务支持、客户成功，和售后运营服务的支撑型团队。</p>
-                        </li>
-                    </ul>
-                    <h6 class="i-title" style="margin-top: 60px">城市合伙人需要具备的条件</h6>
-                    <ul class="list">
-                        <li>
-                            <h6>
-                                <img src="@/assets/img/city/sup3.png" alt="">
-                                <span>业务资源</span>
-                            </h6>
-                            <p class="text">城市合伙人要实现业务的快速成功，需要在当地具备开展相应业务的客户资源，包括但不限于在当地院校的——二级学院的、资产处、实验室的相关领导与老师的关系资源。</p>
-                        </li>
-                        <li>
-                            <h6>
-                                <img src="@/assets/img/city/sup4.png" alt="">
-                                <span>服务团队</span>
-                            </h6>
-                            <p class="text">城市合伙人需要在当地具备独立开展业务和服务的能力，因此需要配置最小的地区服务团队：包括商务售前、运营服务（售后技术支持、售后培训服务、售后客户成功服务、客户活动支持服务等）。</p>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-        <!-- 城市合伙人的收益 -->
-        <div class="profit">
-            <div class="inner">
-                <h6 class="i-title">城市合伙人的收益</h6>
-                <ul class="list">
-                    <li>
-                        <img src="@/assets/img/city/profit1.png" alt="">
-                        <h6>软件收益</h6>
-                        <p class="text">对平台产品推广，获利润分成</p>
-                    </li>
-                    <li>
-                        <img src="@/assets/img/city/profit2.png" alt="">
-                        <h6>续约分成</h6>
-                        <p class="text">客户续约年年享分成</p>
-                    </li>
-                    <li>
-                        <img src="@/assets/img/city/profit3.png" alt="">
-                        <h6>媒体资源共享</h6>
-                        <p class="text">各大主流媒体推广，打造自己的引流平台</p>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <!-- 业务开展方向 -->
-        <div class="profit bus">
-            <div class="inner">
-                <h6 class="i-title">业务开展方向</h6>
-                <ul class="list">
-                    <li>
-                        <img src="@/assets/img/city/bus1.png" alt="">
-                        <h6>金融实验室</h6>
-                        <p class="text">依据证券、银行等金融机构实景，配置相应的软硬件一体环境，为高职、本科院校的经管学院、商学院提供金融实验室的建设解决方案。</p>
-                    </li>
-                    <li>
-                        <img src="@/assets/img/city/bus2.png" alt="">
-                        <h6>金融科技实验室 </h6>
-                        <p class="text">将金融交易、信贷，风控等模型和数据，与Python编程相结合，为高职（侧重编程执行）与本科院校（侧重模型研究）的经管、学院和商学院提供金融科技实验的建设解决方案。</p>
-                    </li>
-                    <li>
-                        <img src="@/assets/img/city/bus3.png" alt="">
-                        <h6>金融大数据实验室</h6>
-                        <p class="text">通过高频数据，与大数据平台结合，为高职（侧重编程执行）与本科院校（侧重模型研究）的经管学院和商学院提供金融大数据实验室的建设解决方案。</p>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <!-- 联系 -->
-        <div class="contact">
-            <img class="love" src="@/assets/img/love.png" alt="">
+  <div class="wrap index">
+    <div class="banner">
+      <h6>城市合伙人招募中</h6>
+      <p class="text">携手共创教育信息化新未来，合伙共享产业互联领域新红利</p>
+    </div>
+    <!-- 关于城市合伙人 -->
+    <div class="about">
+      <div class="inner">
+        <h6>关于城市合伙人</h6>
+        <div class="text">城市合伙人主要为在各地具备高职、本科等学校关系资源，且在当地能够提供销售、售前，项目实施交付，以及持续增值服务的团队。</div>
+      </div>
+    </div>
+    <div class="bg">
+      <!-- 我们提供的支持 -->
+      <div class="intro">
+        <div class="inner">
+          <h6 class="i-title">我们提供的支持</h6>
+          <ul class="list">
+            <li>
+              <h6>
+                <img src="@/assets/img/city/sup1.png" alt="">
+                <span>产品</span>
+              </h6>
+              <p class="text">我们会为城市合伙人整合好不同的教育信息化解决方案所需的软件和硬件产品通过教育产业互联网平台和反向供应链，为城市合伙人提供利润合适，交付便捷，质量有保障的产品。</p>
+            </li>
+            <li>
+              <h6>
+                <img src="@/assets/img/city/sup2.png" alt="">
+                <span>培训</span>
+              </h6>
+              <p class="text">我们会有专业的培训团队，为每一个城市合伙人提供教育信息化产业的创业辅导，和专业培训。帮助城市合伙人打造一支专业化的商务支持、客户成功，和售后运营服务的支撑型团队。</p>
+            </li>
+          </ul>
+          <h6 class="i-title" style="margin-top: 60px">城市合伙人需要具备的条件</h6>
+          <ul class="list">
+            <li>
+              <h6>
+                <img src="@/assets/img/city/sup3.png" alt="">
+                <span>业务资源</span>
+              </h6>
+              <p class="text">城市合伙人要实现业务的快速成功，需要在当地具备开展相应业务的客户资源，包括但不限于在当地院校的——二级学院的、资产处、实验室的相关领导与老师的关系资源。</p>
+            </li>
+            <li>
+              <h6>
+                <img src="@/assets/img/city/sup4.png" alt="">
+                <span>服务团队</span>
+              </h6>
+              <p class="text">城市合伙人需要在当地具备独立开展业务和服务的能力，因此需要配置最小的地区服务团队：包括商务售前、运营服务（售后技术支持、售后培训服务、售后客户成功服务、客户活动支持服务等）。
+              </p>
+            </li>
+          </ul>
         </div>
+      </div>
+    </div>
+    <!-- 城市合伙人的收益 -->
+    <div class="profit">
+      <div class="inner">
+        <h6 class="i-title">城市合伙人的收益</h6>
+        <ul class="list">
+          <li>
+            <img src="@/assets/img/city/profit1.png" alt="">
+            <h6>软件收益</h6>
+            <p class="text">对平台产品推广，获利润分成</p>
+          </li>
+          <li>
+            <img src="@/assets/img/city/profit2.png" alt="">
+            <h6>续约分成</h6>
+            <p class="text">客户续约年年享分成</p>
+          </li>
+          <li>
+            <img src="@/assets/img/city/profit3.png" alt="">
+            <h6>媒体资源共享</h6>
+            <p class="text">各大主流媒体推广，打造自己的引流平台</p>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <!-- 业务开展方向 -->
+    <div class="profit bus">
+      <div class="inner">
+        <h6 class="i-title">业务开展方向</h6>
+        <ul class="list">
+          <li>
+            <img src="@/assets/img/city/bus1.png" alt="">
+            <h6>金融实验室</h6>
+            <p class="text">依据证券、银行等金融机构实景，配置相应的软硬件一体环境，为高职、本科院校的经管学院、商学院提供金融实验室的建设解决方案。</p>
+          </li>
+          <li>
+            <img src="@/assets/img/city/bus2.png" alt="">
+            <h6>金融科技实验室 </h6>
+            <p class="text">将金融交易、信贷，风控等模型和数据，与Python编程相结合，为高职（侧重编程执行）与本科院校（侧重模型研究）的经管、学院和商学院提供金融科技实验的建设解决方案。</p>
+          </li>
+          <li>
+            <img src="@/assets/img/city/bus3.png" alt="">
+            <h6>金融大数据实验室</h6>
+            <p class="text">通过高频数据，与大数据平台结合，为高职（侧重编程执行）与本科院校（侧重模型研究）的经管学院和商学院提供金融大数据实验室的建设解决方案。</p>
+          </li>
+        </ul>
+      </div>
     </div>
+    <!-- 联系 -->
+    <div class="contact">
+      <img class="love" src="@/assets/img/love.png" alt="">
+    </div>
+  </div>
 </template>
 
 <script>
 import Setting from '@/setting'
 import util from '@/libs/util'
 export default {
-    name: 'cityPartner',
-    data() {
-        return {
-            token: util.local.get(Setting.tokenKey)
-        }
-    },
-    mounted() {},
-    methods: {}
+  name: 'cityPartner',
+  data () {
+    return {
+      token: util.session.get(Setting.tokenKey)
+    }
+  },
+  mounted () { },
+  methods: {}
 };
 </script>
 
 <style lang="scss" scoped>
-.wrap{
+.wrap {
+  position: relative;
+  background-color: #fff;
+
+  .banner {
+    height: 350px;
+    padding: 100px 0 0 180px;
+    background: url(../../../assets/img/city/banner2.png) top right/auto no-repeat,
+      url(../../../assets/img/city/banner1.png) 0 0/100% 100% no-repeat;
+
+    h6 {
+      margin-bottom: 30px;
+      font-size: 42px;
+    }
+
+    .text {
+      font-size: 16px;
+      line-height: 30px;
+    }
+  }
+
+  .i-title {
     position: relative;
-    background-color: #fff;
-    .banner {
-        height: 350px;
-        padding: 100px 0 0 180px;
-        background: url(../../../assets/img/city/banner2.png) top right/auto no-repeat,
-                    url(../../../assets/img/city/banner1.png) 0 0/100% 100% no-repeat;
-        h6 {
-            margin-bottom: 30px;
-            font-size: 42px;
-        }
-        .text {
-            font-size: 16px;
-            line-height: 30px;
-        }
+    margin-bottom: 37px;
+    font-size: 30px;
+    text-align: center;
+    color: #0B1D30;
+  }
+
+  .inner {
+    width: 1200px;
+    padding: 67px 0;
+    margin: 0 auto;
+  }
+
+  .bg {
+    background: #fff url(../../../assets/img/city/sup-bg.png) 0 0/100% 100% no-repeat;
+  }
+
+  .about {
+    margin-top: -60px;
+
+    .inner {
+      padding: 40px 0 60px;
+      text-align: center;
+      background: url(../../../assets/img/city/about.png) 0 0/100% 100% no-repeat;
     }
-    .i-title{
-        position: relative;
-        margin-bottom: 37px;
-        font-size: 30px;
-        text-align: center;
-        color: #0B1D30;
+
+    h6 {
+      margin-bottom: 20px;
+      font-size: 24px;
+      color: #fff;
     }
-    .inner{
-        width: 1200px;
-        padding: 67px 0;
-        margin: 0 auto;
+
+    .text {
+      font-size: 14px;
+      color: #fff;
     }
-    .bg {
-        background: #fff url(../../../assets/img/city/sup-bg.png) 0 0/100% 100% no-repeat;
+  }
+
+  .intro {
+    position: relative;
+
+    .i-title {
+      text-align: left;
     }
-    .about {
-        margin-top: -60px;
-        .inner {
-            padding: 40px 0 60px;
-            text-align: center;
-            background: url(../../../assets/img/city/about.png) 0 0/100% 100% no-repeat;
-        }
-        h6 {
-            margin-bottom: 20px;
-            font-size: 24px;
-            color: #fff;
-        }
-        .text {
-            font-size: 14px;
-            color: #fff;
-        }
+
+    .list {
+      display: flex;
+      justify-content: space-between;
+
+      li {
+        width: 49%;
+        padding: 20px 30px;
+        border-radius: 6px;
+        border-left: 3px solid $main-color;
+        background-color: #fff;
+        box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+      }
+
+      h6 {
+        display: flex;
+        align-items: center;
+        margin-bottom: 10px;
+      }
+
+      span {
+        margin-left: 12px;
+        font-size: 18px;
+        color: #0B1D30;
+      }
+
+      .text {
+        font-size: 14px;
+        color: #757F92;
+      }
     }
-    .intro{
-        position: relative;
-        .i-title {
-            text-align: left;
-        }
-        .list{
-            display: flex;
-            justify-content: space-between;
-            li{
-                width: 49%;
-                padding: 20px 30px;
-                border-radius: 6px;
-                border-left: 3px solid $main-color;
-                background-color: #fff;
-                box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-            }
-            h6{
-                display: flex;
-                align-items: center;
-                margin-bottom: 10px;
-            }
-            span {
-                margin-left: 12px;
-                font-size: 18px;
-                color: #0B1D30;
-            }
-            .text{
-                font-size: 14px;
-                color: #757F92;
-            }
-        }
+  }
+
+  .profit {
+    .inner {
+      background: url(../../../assets/img/city/profit-bg.png) 0 0/100% 100% no-repeat;
     }
-    .profit{
-        .inner {
-            background: url(../../../assets/img/city/profit-bg.png) 0 0/100% 100% no-repeat;
-        }
-        .list {
-            display: flex;
-            flex: 1;
-            li {
-                padding: 9px 9px 20px;
-                margin-right: 24px;
-                text-align: center;
-                background-color: #fff;
-                border-radius: 10px;
-                box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-                &:last-child {
-                    margin-right: 0;
-                }
-            }
-            img {
-                width: 100%;
-            }
-            h6 {
-                margin: 15px 0 10px;
-                font-size: 18px;
-                color: #0B1D30;
-            }
-            .text {
-                font-size: 14px;
-                color: #757F92;
-            }
+
+    .list {
+      display: flex;
+      flex: 1;
+
+      li {
+        padding: 9px 9px 20px;
+        margin-right: 24px;
+        text-align: center;
+        background-color: #fff;
+        border-radius: 10px;
+        box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+
+        &:last-child {
+          margin-right: 0;
         }
+      }
+
+      img {
+        width: 100%;
+      }
+
+      h6 {
+        margin: 15px 0 10px;
+        font-size: 18px;
+        color: #0B1D30;
+      }
+
+      .text {
+        font-size: 14px;
+        color: #757F92;
+      }
     }
-    .bus {
-        background-color: #F3F6FA;
-        .inner {
-            background: none;
-        }
-        .list {
-            li {
-                padding-bottom: 50px;
-                .text {
-                    text-align: left;
-                }
-            }
-            img {
-                width: 366px;
-                height: 230px;
-            }
-        }
+  }
+
+  .bus {
+    background-color: #F3F6FA;
+
+    .inner {
+      background: none;
     }
-    .contact {
-        position: relative;
-        height: 250px;
-        background: url(../../../assets/img/contact-info.png) center center/auto no-repeat,
-                    url(../../../assets/img/contact-bg.png) 0 0/100% 100% no-repeat;
-        .love {
-            position: absolute;
-            top: -45px;
-            right: 10%;
+
+    .list {
+      li {
+        padding-bottom: 50px;
+
+        .text {
+          text-align: left;
         }
+      }
+
+      img {
+        width: 366px;
+        height: 230px;
+      }
+    }
+  }
+
+  .contact {
+    position: relative;
+    height: 250px;
+    background: url(../../../assets/img/contact-info.png) center center/auto no-repeat,
+      url(../../../assets/img/contact-bg.png) 0 0/100% 100% no-repeat;
+
+    .love {
+      position: absolute;
+      top: -45px;
+      right: 10%;
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/course/details/index.vue b/src/pages/course/details/index.vue
index e456d29..8e8c038 100644
--- a/src/pages/course/details/index.vue
+++ b/src/pages/course/details/index.vue
@@ -2,116 +2,65 @@
   <div class="wrap pb">
     <breadcrumb :routes.sync="routes" />
     <div class="flex">
-      <div class="cover"
-           :class="{'is-word': showMask1}">
-        <img v-if="coverUrl"
-             :src="coverUrl"
-             alt=""
-             width="100%"
-             height="100%">
+      <div class="cover" :class="{ 'is-word': showMask1 }">
+        <img v-if="coverUrl" :src="coverUrl" alt="" width="100%" height="100%">
         <template v-else-if="iframeSrc">
-          <iframe class="inner fileIframe"
-                  id="fileIframe"
-                  :src="iframeSrc"
-                  frameborder="0"></iframe>
+          <iframe class="inner fileIframe" id="fileIframe" :src="iframeSrc" frameborder="0"></iframe>
           <template v-if="showMask">
-            <div class="mask"
-                 style="width: 500px;height: 30px;top: 53px;right: 320px"></div>
-            <div class="mask"
-                 style="width: 175px;height: 30px;top: 53px;right: 5px"></div>
+            <div class="mask" style="width: 500px;height: 30px;top: 53px;right: 320px"></div>
+            <div class="mask" style="width: 175px;height: 30px;top: 53px;right: 5px"></div>
           </template>
           <template v-if="showMask1">
-            <div class="word-mask"
-                 style="height: 40px;"></div>
-            <div class="word-mask2"
-                 style="top: 55px;left: 28%;width: 44%;height: calc(100% - 80px);"></div>
+            <div class="word-mask" style="height: 40px;"></div>
+            <div class="word-mask2" style="top: 55px;left: 28%;width: 44%;height: calc(100% - 80px);"></div>
           </template>
           <template v-if="showMask2">
-            <div class="excel-mask1"
-                 style="height: 48px;"></div>
+            <div class="excel-mask1" style="height: 48px;"></div>
           </template>
         </template>
-        <div class="pdf inner"
-             v-else-if="pdfSrc">
+        <div class="pdf inner" v-else-if="pdfSrc">
           <p class="arrow">
-            <span @click="changePdfPage(0)"
-                  class="turn el-icon-arrow-left"
-                  :class="{grey: currentPage==1}"></span>
-            {{currentPage}} / {{pageCount}}
-            <span @click="changePdfPage(1)"
-                  class="turn el-icon-arrow-right"
-                  :class="{grey: currentPage==pageCount}"></span>
+            <span @click="changePdfPage(0)" class="turn el-icon-arrow-left" :class="{ grey: currentPage == 1 }"></span>
+            {{ currentPage }} / {{ pageCount }}
+            <span @click="changePdfPage(1)" class="turn el-icon-arrow-right"
+              :class="{ grey: currentPage == pageCount }"></span>
           </p>
-          <pdf class="pdf-wrap"
-               :src="pdfSrc"
-               :page="currentPage"
-               @num-pages="pageCount=$event"
-               @page-loaded="currentPage=$event"
-               @loaded="loadPdfHandler">
+          <pdf class="pdf-wrap" :src="pdfSrc" :page="currentPage" @num-pages="pageCount = $event"
+            @page-loaded="currentPage = $event" @loaded="loadPdfHandler">
           </pdf>
         </div>
-        <div class="inner"
-             v-else-if="playAuth">
-          <div class="video_wid"
-               id="player"></div>
+        <div class="inner" v-else-if="playAuth">
+          <div class="video_wid" id="player"></div>
         </div>
-        <div class="inner"
-             v-else-if="videoSrc">
-          <video class="video"
-                 :key="videoSrc"
-                 width="100%"
-                 height="100%"
-                 autoplay
-                 controls>
-            <source :src="videoSrc"
-                    type="video/mp4">
+        <div class="inner" v-else-if="videoSrc">
+          <video class="video" :key="videoSrc" width="100%" height="100%" autoplay controls>
+            <source :src="videoSrc" type="video/mp4">
             您的浏览器不支持 video 标签。
           </video>
         </div>
       </div>
       <div class="catalog">
         <div class="list">
-          <h4 class="title">{{courseName}}</h4>
+          <h4 class="title">{{ courseName }}</h4>
           <div class="desc-wrap">
-            <div class="desc"
-                 :class="{active: desShrink}"
-                 v-html="description"></div>
-            <i class="arrow"
-               :class="{active: desShrink}"
-               v-if="description && description.length > 40">
+            <div class="desc" :class="{ active: desShrink }" v-html="description"></div>
+            <i class="arrow" :class="{ active: desShrink }" v-if="description && description.length > 40">
             </i>
           </div>
           <div class="chapters">
             <template v-if="chapterList && chapterList.length">
-              <div class="chapter"
-                   v-for="(item,index) in chapterList"
-                   :key="index">
-                <div class="chapterName">{{item.name}}</div>
-                <div class="section"
-                     v-if="item.subsectionList.length">
-                  <div v-for="(section,i) in item.subsectionList"
-                       :key="i"
-                       @click="preview(section, item.name)">
-                    <p class="sectionName"
-                       :class="{active: curLink === `${item.name}${section.name}`}">
-                      <img v-if="section.fileType === 'pptx'"
-                           src="@/assets/img/exts/ppt.png"
-                           alt="">
-                      <img v-else-if="section.fileType === 'mp4'"
-                           src="@/assets/img/exts/video.png"
-                           alt="">
+              <div class="chapter" v-for="(item, index) in chapterList" :key="index">
+                <div class="chapterName">{{ item.name }}</div>
+                <div class="section" v-if="item.subsectionList.length">
+                  <div v-for="(section, i) in item.subsectionList" :key="i" @click="preview(section, item.name)">
+                    <p class="sectionName" :class="{ active: curLink === `${item.name}${section.name}` }">
+                      <img v-if="section.fileType === 'pptx'" src="@/assets/img/exts/ppt.png" alt="">
+                      <img v-else-if="section.fileType === 'mp4'" src="@/assets/img/exts/video.png" alt="">
                       <img v-else-if="section.fileType === 'doc' || section.fileType === 'docx'"
-                           src="@/assets/img/exts/word.png"
-                           alt="">
-                      <img v-else-if="section.fileType === 'txt'"
-                           src="@/assets/img/exts/txt.png"
-                           alt="">
-                      <img v-else-if="section.fileType === 'pdf'"
-                           src="@/assets/img/exts/pdf.png"
-                           alt="">
-                      <img v-else
-                           src="@/assets/img/exts/pic.png"
-                           alt="">
+                        src="@/assets/img/exts/word.png" alt="">
+                      <img v-else-if="section.fileType === 'txt'" src="@/assets/img/exts/txt.png" alt="">
+                      <img v-else-if="section.fileType === 'pdf'" src="@/assets/img/exts/pdf.png" alt="">
+                      <img v-else src="@/assets/img/exts/pic.png" alt="">
                       {{ section.name }}
                     </p>
                   </div>
@@ -181,7 +130,7 @@ export default {
   },
   destroyed () {
     // 记录播放时长
-    util.local.get(Setting.tokenKey) && this.$post(this.api.playRecordSave, {
+    util.session.get(Setting.tokenKey) && this.$post(this.api.playRecordSave, {
       courseId: this.id,
       courseType: 1,
       playTime: Math.ceil((Date.now() - this.startTime) / 1000 / 60)
@@ -240,7 +189,7 @@ export default {
     },
     preview (row, chapterName, showConfirm = 1) {
       // 如果没登录，直接去登录
-      if (!util.local.get(Setting.tokenKey) && !util.local.get('oc_server_token') && showConfirm) {
+      if (!util.session.get(Setting.tokenKey) && !util.local.get('oc_server_token') && showConfirm) {
         this.$confirm('请先登录，是否直接前往登录？', "提示", {
           type: 'success',
           closeOnClickModal: false
@@ -360,289 +309,345 @@ export default {
 </script>
 <style>
 .desc img {
-    width: 100%;
+  width: 100%;
 }
 </style>
 <style lang="scss" scoped>
 $height: 700px;
+
 .video_wid,
 .cover {
-    position: relative;
-    width: 76%;
-    height: $height !important;
-    border: 0;
+  position: relative;
+  width: 76%;
+  height: $height !important;
+  border: 0;
 }
+
 .page {
-    margin: 12px 0;
-    .intro {
-        font-size: 16px;
-        color: #333;
-        line-height: 24px;
-    }
+  margin: 12px 0;
+
+  .intro {
+    font-size: 16px;
+    color: #333;
+    line-height: 24px;
+  }
 }
+
 .cover {
-    flex: 1;
-    background-color: #252528;
-    img {
-        border-radius: 8px;
-    }
-    &.is-word {
-        overflow: hidden;
-    }
+  flex: 1;
+  background-color: #252528;
+
+  img {
+    border-radius: 8px;
+  }
+
+  &.is-word {
+    overflow: hidden;
+  }
 }
+
 .fileIframe {
-    height: $height !important;
+  height: $height !important;
 }
+
 .video_wid,
 .inner {
-    width: 100%;
-    height: 100% !important;
-    border: 0;
-    overflow: auto;
+  width: 100%;
+  height: 100% !important;
+  border: 0;
+  overflow: auto;
 }
+
 .cover.is-word {
-    .inner {
-        height: calc(100% + 38px) !important;
-        margin-top: -38px;
-    }
+  .inner {
+    height: calc(100% + 38px) !important;
+    margin-top: -38px;
+  }
 }
+
 .video_wid:focus {
-    outline: none;
+  outline: none;
 }
+
 .catalog {
-    width: 296px;
-    padding: 16px;
-    margin-left: 12px;
-    background-color: #252528;
-    .entry {
-        display: block;
-        width: 100%;
-        height: 34px;
-        margin-bottom: 16px;
-        background: url(../../../assets/img/entry.png) 0 0/100% 100% no-repeat;
-        cursor: pointer;
-        &:hover {
-            opacity: 0.9;
-        }
+  width: 296px;
+  padding: 16px;
+  margin-left: 12px;
+  background-color: #252528;
+
+  .entry {
+    display: block;
+    width: 100%;
+    height: 34px;
+    margin-bottom: 16px;
+    background: url(../../../assets/img/entry.png) 0 0/100% 100% no-repeat;
+    cursor: pointer;
+
+    &:hover {
+      opacity: 0.9;
     }
+  }
 }
+
 .list {
-    height: calc(700px - 82px);
-    overflow-y: auto;
-    .title {
-        margin-bottom: 11px;
-        color: #fff;
-        font-size: 16px;
+  height: calc(700px - 82px);
+  overflow-y: auto;
+
+  .title {
+    margin-bottom: 11px;
+    color: #fff;
+    font-size: 16px;
+  }
+
+  .desc-wrap {
+    position: relative;
+
+    .desc {
+      font-size: 12px;
+      color: #fff;
+      line-height: 22px;
+      @include mul-ellipsis(4);
+
+      &.active {
+        display: block;
+        overflow: visible;
+      }
     }
-    .desc-wrap {
-        position: relative;
-        .desc {
-            font-size: 12px;
-            color: #fff;
-            line-height: 22px;
-            @include mul-ellipsis(4);
-            &.active {
-                display: block;
-                overflow: visible;
-            }
+
+    .arrow {
+      position: absolute;
+      bottom: 2px;
+      right: 0;
+      display: flex;
+      justify-content: space-between;
+      width: 46px;
+      background-color: #fff;
+
+      span {
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.65);
+      }
+
+      img {
+        width: 16px;
+        cursor: pointer;
+      }
+
+      &.active {
+        span {
+          opacity: 0;
         }
-        .arrow {
-            position: absolute;
-            bottom: 2px;
-            right: 0;
-            display: flex;
-            justify-content: space-between;
-            width: 46px;
-            background-color: #fff;
-            span {
-                font-size: 14px;
-                color: rgba(0, 0, 0, 0.65);
-            }
-            img {
-                width: 16px;
-                cursor: pointer;
-            }
-            &.active {
-                span {
-                    opacity: 0;
-                }
-                img {
-                    transform: rotate(180deg);
-                }
-            }
+
+        img {
+          transform: rotate(180deg);
         }
+      }
     }
-    .chapters {
-        margin-top: 16px;
-        max-height: calc(100% - 53px);
-        overflow: auto;
+  }
+
+  .chapters {
+    margin-top: 16px;
+    max-height: calc(100% - 53px);
+    overflow: auto;
+  }
+
+  .chapter {
+    margin-bottom: 20px;
+
+    .chapterName {
+      color: #fff;
+      font-size: 14px;
     }
-    .chapter {
-        margin-bottom: 20px;
-        .chapterName {
-            color: #fff;
-            font-size: 14px;
+
+    .section {
+      padding: 5px 15px;
+      margin-top: 12px;
+      background-color: #121214;
+
+      .sectionName {
+        margin: 12px 0;
+        font-size: 12px;
+        color: #999;
+        cursor: pointer;
+        @include ellipsis;
+
+        img {
+          margin-right: 8px;
         }
-        .section {
-            padding: 5px 15px;
-            margin-top: 12px;
-            background-color: #121214;
-            .sectionName {
-                margin: 12px 0;
-                font-size: 12px;
-                color: #999;
-                cursor: pointer;
-                @include ellipsis;
-                img {
-                    margin-right: 8px;
-                }
-                &.active {
-                    color: #fff;
-                }
-            }
+
+        &.active {
+          color: #fff;
         }
+      }
     }
+  }
 }
+
 .el-image-viewer__wrapper {
-    transform: translateY(-10px);
-    transition: transform 0.5s;
+  transform: translateY(-10px);
+  transition: transform 0.5s;
 
-    &.active {
-        transform: translateY(0);
-    }
+  &.active {
+    transform: translateY(0);
+  }
 }
+
 .el-image-viewer__close {
-    z-index: 2000;
-    top: 15px;
-    right: 15px;
-    &.doc-close {
-        i {
-            color: #000 !important;
-        }
+  z-index: 2000;
+  top: 15px;
+  right: 15px;
+
+  &.doc-close {
+    i {
+      color: #000 !important;
     }
+  }
 }
+
 .list::-webkit-scrollbar {
-    width: 4px;
+  width: 4px;
 }
+
 .list::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: rgba(0, 0, 0, 0.06);
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.06);
 }
 
 .mask {
-    z-index: 9;
-    position: absolute;
-    background-color: rgb(57, 58, 61);
+  z-index: 9;
+  position: absolute;
+  background-color: rgb(57, 58, 61);
 }
+
 .word-mask {
-    z-index: 9;
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%;
-    background-color: rgb(243, 242, 241);
+  z-index: 9;
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  background-color: rgb(243, 242, 241);
 }
+
 .word-mask1 {
-    z-index: 9;
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%;
-    background-color: #185abd;
+  z-index: 9;
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  background-color: #185abd;
 }
+
 .word-mask2 {
-    z-index: 9;
-    position: absolute;
-    background-color: transparent;
+  z-index: 9;
+  position: absolute;
+  background-color: transparent;
 }
+
 .excel-mask1 {
-    z-index: 9;
-    position: absolute;
-    top: 0;
-    left: 20%;
-    width: 60%;
-    background-color: #107c41;
+  z-index: 9;
+  position: absolute;
+  top: 0;
+  left: 20%;
+  width: 60%;
+  background-color: #107c41;
 }
+
 /deep/.pdf-dia {
-    border-radius: 0 !important;
-    .el-dialog__header {
-        display: none;
-    }
-    .el-dialog__body {
-        padding: 0;
-    }
-    .el-dialog__headerbtn {
-        top: 10px;
-        .el-dialog__close {
-            color: #fff;
-            font-size: 16px;
-        }
+  border-radius: 0 !important;
+
+  .el-dialog__header {
+    display: none;
+  }
+
+  .el-dialog__body {
+    padding: 0;
+  }
+
+  .el-dialog__headerbtn {
+    top: 10px;
+
+    .el-dialog__close {
+      color: #fff;
+      font-size: 16px;
     }
+  }
 }
+
 .pdf {
-    .arrow {
-        padding: 10px 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 16px;
-        color: #fff;
-        background-color: #333;
-        .turn {
-            margin: 0 10px;
-            font-size: 18px;
-            cursor: pointer;
-        }
-    }
-    .pdf-wrap {
-        width: 80%;
-        margin: 0 auto;
+  .arrow {
+    padding: 10px 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 16px;
+    color: #fff;
+    background-color: #333;
+
+    .turn {
+      margin: 0 10px;
+      font-size: 18px;
+      cursor: pointer;
     }
+  }
+
+  .pdf-wrap {
+    width: 80%;
+    margin: 0 auto;
+  }
 }
+
 /deep/.project-dia {
-    .el-dialog__body {
-        padding: 28px 32px;
-    }
+  .el-dialog__body {
+    padding: 28px 32px;
+  }
 }
+
 .projects {
-    display: flex;
-    flex-wrap: wrap;
-    max-height: 400px;
-    overflow: auto;
-    li {
-        display: inline-flex;
-        align-items: center;
-        width: 238px;
-        padding: 16px;
-        margin: 0 20px 20px 0;
-        background-color: #f6f8fa;
-        border-radius: 16px;
-        cursor: pointer;
-        &:hover {
-            span {
-                color: #007eff;
-            }
-        }
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &.active {
-            background-color: #f2f7ff;
-            span {
-                color: #3988ff;
-            }
-        }
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 400px;
+  overflow: auto;
+
+  li {
+    display: inline-flex;
+    align-items: center;
+    width: 238px;
+    padding: 16px;
+    margin: 0 20px 20px 0;
+    background-color: #f6f8fa;
+    border-radius: 16px;
+    cursor: pointer;
+
+    &:hover {
+      span {
+        color: #007eff;
+      }
     }
-    span {
-        max-width: 140px;
-        margin-left: 14px;
-        font-size: 14px;
-        color: #333;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
+
+    &.active {
+      background-color: #f2f7ff;
+
+      span {
+        color: #3988ff;
+      }
+    }
+  }
+
+  span {
+    max-width: 140px;
+    margin-left: 14px;
+    font-size: 14px;
+    color: #333;
+  }
 }
+
 @media (max-width: 1430px) {
-    .wrap {
-        padding: 12px 100px 20px;
-    }
+  .wrap {
+    padding: 12px 100px 20px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/course/list/index.vue b/src/pages/course/list/index.vue
index 34a4e97..24718a2 100644
--- a/src/pages/course/list/index.vue
+++ b/src/pages/course/list/index.vue
@@ -80,7 +80,7 @@ export default {
   data () {
     return {
       timer: null,
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       isTourist: !!Setting.whiteList.find(e => e === this.$route.path),
       active: +this.$route.query.active || 0,
       tabs: [
diff --git a/src/pages/devPlatform/list/index.vue b/src/pages/devPlatform/list/index.vue
index a4bf94c..7bdb216 100644
--- a/src/pages/devPlatform/list/index.vue
+++ b/src/pages/devPlatform/list/index.vue
@@ -1,220 +1,248 @@
 <template>
-    <div class="wrap index">
-        <div class="banner">
-            <h6>教育数字化产品开发者平台</h6>
-            <p class="text">与3000所高校共建数字化教育产业未来</p>
-        </div>
-        <!-- 关于教育产业数字化开发者 -->
-        <div class="about">
-            <div class="inner">
-                <h6>关于教育产业数字化开发者</h6>
-                <div class="text">教育产业数字化开发者主要指从事高职、本科市场相应数字化场景的软件、硬件研发与生产的产品开发者。</div>
-            </div>
-        </div>
-        <!-- 我们提供的支持 -->
-        <div class="sup">
-            <div class="inner">
-                <h6 class="i-title">我们提供的支持</h6>
-                <ul class="list">
-                    <li>
-                        <h6>生产力赋能</h6>
-                        <p class="text">公司打造的产业中台将赋能联盟厂家高效地进行软件产品的开发与交付。</p>
-                    </li>
-                    <li>
-                        <h6>渠道与运营服务赋能</h6>
-                        <p class="text">公司会为联盟厂家提供公共的渠道支撑和客户获取，帮助厂家获得客户成交，降低产品厂家的市场压力。</p>
-                    </li>
-                    <li>
-                        <h6>创业技术孵化服务</h6>
-                        <p class="text">对于还在创业阶段的产品创业者，我司还提供初始的技术外包支撑服务，帮助产品创业者最小成本的完成产品的落地。</p>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <!-- 开发者需要具备的条件 -->
-        <div class="con">
-            <div class="inner">
-                <h6 class="i-title">开发者需要具备的条件</h6>
-                <ul class="list">
-                    <li>
-                        <img src="@/assets/img/dev/con1.png" alt="">
-                        <h6>产品研发</h6>
-                        <p class="text">具备独立设计、开发教育产业数字化产品的能力</p>
-                    </li>
-                    <li>
-                        <img src="@/assets/img/dev/con2.png" alt="">
-                        <h6>产品运维 </h6>
-                        <p class="text">具备独立的产品运维支持的能力</p>
-                    </li>
-                    <li>
-                        <img src="@/assets/img/dev/con3.png" alt="">
-                        <h6>专业服务</h6>
-                        <p class="text">具备对产品内容专业支持的能力</p>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <div class="profit">
-            <div class="item1">开发者受益</div>
-            <div class="item2">我们将与开发者共享教育产业数字化蓝海的巨大收益！</div>
-        </div>
-        <!-- 联系 -->
-        <div class="contact">
-            <img class="love" src="@/assets/img/love.png" alt="">
-        </div>
+  <div class="wrap index">
+    <div class="banner">
+      <h6>教育数字化产品开发者平台</h6>
+      <p class="text">与3000所高校共建数字化教育产业未来</p>
     </div>
+    <!-- 关于教育产业数字化开发者 -->
+    <div class="about">
+      <div class="inner">
+        <h6>关于教育产业数字化开发者</h6>
+        <div class="text">教育产业数字化开发者主要指从事高职、本科市场相应数字化场景的软件、硬件研发与生产的产品开发者。</div>
+      </div>
+    </div>
+    <!-- 我们提供的支持 -->
+    <div class="sup">
+      <div class="inner">
+        <h6 class="i-title">我们提供的支持</h6>
+        <ul class="list">
+          <li>
+            <h6>生产力赋能</h6>
+            <p class="text">公司打造的产业中台将赋能联盟厂家高效地进行软件产品的开发与交付。</p>
+          </li>
+          <li>
+            <h6>渠道与运营服务赋能</h6>
+            <p class="text">公司会为联盟厂家提供公共的渠道支撑和客户获取，帮助厂家获得客户成交，降低产品厂家的市场压力。</p>
+          </li>
+          <li>
+            <h6>创业技术孵化服务</h6>
+            <p class="text">对于还在创业阶段的产品创业者，我司还提供初始的技术外包支撑服务，帮助产品创业者最小成本的完成产品的落地。</p>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <!-- 开发者需要具备的条件 -->
+    <div class="con">
+      <div class="inner">
+        <h6 class="i-title">开发者需要具备的条件</h6>
+        <ul class="list">
+          <li>
+            <img src="@/assets/img/dev/con1.png" alt="">
+            <h6>产品研发</h6>
+            <p class="text">具备独立设计、开发教育产业数字化产品的能力</p>
+          </li>
+          <li>
+            <img src="@/assets/img/dev/con2.png" alt="">
+            <h6>产品运维 </h6>
+            <p class="text">具备独立的产品运维支持的能力</p>
+          </li>
+          <li>
+            <img src="@/assets/img/dev/con3.png" alt="">
+            <h6>专业服务</h6>
+            <p class="text">具备对产品内容专业支持的能力</p>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="profit">
+      <div class="item1">开发者受益</div>
+      <div class="item2">我们将与开发者共享教育产业数字化蓝海的巨大收益！</div>
+    </div>
+    <!-- 联系 -->
+    <div class="contact">
+      <img class="love" src="@/assets/img/love.png" alt="">
+    </div>
+  </div>
 </template>
 
 <script>
 import Setting from '@/setting'
 import util from '@/libs/util'
 export default {
-    name: 'cityPartner',
-    data() {
-        return {
-            token: util.local.get(Setting.tokenKey)
-        }
-    },
-    mounted() {},
-    methods: {}
+  name: 'cityPartner',
+  data () {
+    return {
+      token: util.session.get(Setting.tokenKey)
+    }
+  },
+  mounted () { },
+  methods: {}
 };
 </script>
 
 <style lang="scss" scoped>
-.wrap{
+.wrap {
+  position: relative;
+  background-color: #fff;
+
+  .banner {
+    height: 350px;
+    padding: 100px 0 0 180px;
+    background: url(../../../assets/img/dev/banner2.png) (90% 32px)/auto no-repeat,
+      url(../../../assets/img/dev/banner1.png) 0 0/100% 100% no-repeat;
+
+    h6 {
+      margin-bottom: 30px;
+      font-size: 42px;
+    }
+
+    .text {
+      font-size: 16px;
+      line-height: 30px;
+    }
+  }
+
+  .i-title {
     position: relative;
-    background-color: #fff;
-    .banner {
-        height: 350px;
-        padding: 100px 0 0 180px;
-        background: url(../../../assets/img/dev/banner2.png) (90% 32px)/auto no-repeat,
-                    url(../../../assets/img/dev/banner1.png) 0 0/100% 100% no-repeat;
-        h6 {
-            margin-bottom: 30px;
-            font-size: 42px;
-        }
-        .text {
-            font-size: 16px;
-            line-height: 30px;
-        }
+    margin-bottom: 37px;
+    font-size: 30px;
+    text-align: center;
+    color: #0B1D30;
+  }
+
+  .inner {
+    width: 1200px;
+    padding: 67px 0;
+    margin: 0 auto;
+  }
+
+  .about {
+    margin: -60px 0 20px;
+
+    .inner {
+      padding: 40px 0 60px;
+      text-align: center;
+      background-color: #fff;
+      border-radius: 8px;
+      box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
     }
-    .i-title{
-        position: relative;
-        margin-bottom: 37px;
-        font-size: 30px;
-        text-align: center;
-        color: #0B1D30;
+
+    h6 {
+      margin-bottom: 20px;
+      font-size: 24px;
+      color: #0B1D30;
     }
-    .inner{
-        width: 1200px;
-        padding: 67px 0;
-        margin: 0 auto;
+
+    .text {
+      font-size: 14px;
+      color: #0B1D30;
     }
-    .about {
-        margin: -60px 0 20px;
-        .inner {
-            padding: 40px 0 60px;
-            text-align: center;
-            background-color: #fff;
-            border-radius: 8px;
-            box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-        }
-        h6 {
-            margin-bottom: 20px;
-            font-size: 24px;
-            color: #0B1D30;
+  }
+
+  .sup {
+    background: linear-gradient(180deg, #FFFFFF 0%, #F1F6FE 100%);
+
+    .list {
+      display: flex;
+      justify-content: space-between;
+
+      li {
+        width: 33%;
+        padding: 140px 50px 50px;
+        background: url(../../../assets/img/dev/sup1.png) 0 0/100% 100% no-repeat;
+
+        &:nth-child(2) {
+          background-image: url(../../../assets/img/dev/sup2.png);
         }
-        .text {
-            font-size: 14px;
-            color: #0B1D30;
+
+        &:last-child {
+          margin-right: 0;
+          background-image: url(../../../assets/img/dev/sup3.png);
         }
+      }
+
+      h6 {
+        margin: 15px 0 10px;
+        font-size: 18px;
+        color: #0B1D30;
+      }
+
+      .text {
+        font-size: 14px;
+        color: #757F92;
+      }
     }
-    .sup{
-        background: linear-gradient(180deg, #FFFFFF 0%, #F1F6FE 100%);
-        .list {
-            display: flex;
-            justify-content: space-between;
-            li {
-                width: 33%;
-                padding: 140px 50px 50px;
-                background: url(../../../assets/img/dev/sup1.png) 0 0/100% 100% no-repeat;
-                &:nth-child(2) {
-                    background-image: url(../../../assets/img/dev/sup2.png);
-                }
-                &:last-child {
-                    margin-right: 0;
-                    background-image: url(../../../assets/img/dev/sup3.png);
-                }
-            }
-            h6 {
-                margin: 15px 0 10px;
-                font-size: 18px;
-                color: #0B1D30;
-            }
-            .text {
-                font-size: 14px;
-                color: #757F92;
-            }
+  }
+
+  .con {
+    background: url(../../../assets/img/dev/con-bg.png) 0 0/100% 100% no-repeat;
+
+    .list {
+      display: flex;
+      flex: 1;
+
+      li {
+        padding-bottom: 40px;
+        margin-right: 24px;
+        background-color: #fff;
+        border-radius: 10px;
+        box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+
+        &:last-child {
+          margin-right: 0;
         }
+      }
+
+      img {
+        width: 100%;
+      }
+
+      h6 {
+        margin: 15px 24px 10px;
+        font-size: 18px;
+        color: #0B1D30;
+      }
+
+      .text {
+        margin: 0 24px;
+        font-size: 14px;
+        color: #757F92;
+      }
     }
-    .con{
-        background: url(../../../assets/img/dev/con-bg.png) 0 0/100% 100% no-repeat;
-        .list {
-            display: flex;
-            flex: 1;
-            li {
-                padding-bottom: 40px;
-                margin-right: 24px;
-                background-color: #fff;
-                border-radius: 10px;
-                box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-                &:last-child {
-                    margin-right: 0;
-                }
-            }
-            img {
-                width: 100%;
-            }
-            h6 {
-                margin: 15px 24px 10px;
-                font-size: 18px;
-                color: #0B1D30;
-            }
-            .text {
-                margin: 0 24px;
-                font-size: 14px;
-                color: #757F92;
-            }
-        }
+  }
+
+  .profit {
+    margin-bottom: 70px;
+    text-align: center;
+
+    .item1 {
+      line-height: 250px;
+      font-size: 30px;
+      color: #fff;
+      background: url(../../../assets/img/dev/profit-bg1.png) 0 0/100% 100% no-repeat;
     }
-    .profit {
-        margin-bottom: 70px;
-        text-align: center;
-        .item1 {
-            line-height: 250px;
-            font-size: 30px;
-            color: #fff;
-            background: url(../../../assets/img/dev/profit-bg1.png) 0 0/100% 100% no-repeat;
-        }
-        .item2 {
-            width: 70%;
-            margin: -100px auto 0;
-            line-height: 202px;
-            font-size: 30px;
-            color: #0B1D30;
-            background: url(../../../assets/img/dev/profit-bg2.png) 0 0/100% 100% no-repeat;
-        }
+
+    .item2 {
+      width: 70%;
+      margin: -100px auto 0;
+      line-height: 202px;
+      font-size: 30px;
+      color: #0B1D30;
+      background: url(../../../assets/img/dev/profit-bg2.png) 0 0/100% 100% no-repeat;
     }
-    .contact {
-        position: relative;
-        height: 250px;
-        background: url(../../../assets/img/contact-info.png) center center/auto no-repeat,
-                    url(../../../assets/img/contact-bg.png) 0 0/100% 100% no-repeat;
-        .love {
-            position: absolute;
-            top: -45px;
-            right: 10%;
-        }
+  }
+
+  .contact {
+    position: relative;
+    height: 250px;
+    background: url(../../../assets/img/contact-info.png) center center/auto no-repeat,
+      url(../../../assets/img/contact-bg.png) 0 0/100% 100% no-repeat;
+
+    .love {
+      position: absolute;
+      top: -45px;
+      right: 10%;
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index 7fd5266..b820b88 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -1,16 +1,11 @@
 <template>
   <div class="wrap index">
-    <img class="screen"
-         src="@/assets/img/index/index0.png"
-         alt="首页">
+    <img class="screen" src="@/assets/img/index/index0.png" alt="首页">
     <div class="banner">
-      <el-carousel height="350px"
-                   :autoplay="false">
+      <el-carousel height="350px" :autoplay="false">
         <el-carousel-item>
           <div class="bg banner-bg1"></div>
-          <img class="text"
-               src="@/assets/img/index/banner1-text.png"
-               alt="">
+          <img class="text" src="@/assets/img/index/banner1-text.png" alt="">
         </el-carousel-item>
         <el-carousel-item>
           <div class="bg banner-bg2"></div>
@@ -30,34 +25,22 @@
     </div>
     <!-- 简介 -->
     <ul class="intro">
-      <li class="wow fadeInLeft"
-          :class="{active: active === 1}"
-          data-wow-delay="0.6s"
-          @click="toPart(1)">
-        <img src="@/assets/img/index/index1.png"
-             alt="">
+      <li class="wow fadeInLeft" :class="{ active: active === 1 }" data-wow-delay="0.6s" @click="toPart(1)">
+        <img src="@/assets/img/index/index1.png" alt="">
         <div class="text">
           <h6>平台概览</h6>
           <p class="desc">专业打造，满足开展虚拟实验教学的多样性需求</p>
         </div>
       </li>
-      <li class="wow fadeInUp"
-          :class="{active: active === 2}"
-          data-wow-delay="0.2s"
-          @click="toPart(2)">
-        <img src="@/assets/img/index/index2.png"
-             alt="">
+      <li class="wow fadeInUp" :class="{ active: active === 2 }" data-wow-delay="0.2s" @click="toPart(2)">
+        <img src="@/assets/img/index/index2.png" alt="">
         <div class="text">
           <h6>平台特色与优势</h6>
           <p class="desc">助力院校实现教学智能化升级</p>
         </div>
       </li>
-      <li class="wow fadeInRight"
-          :class="{active: active === 3}"
-          data-wow-delay="0.8s"
-          @click="toPart(3)">
-        <img src="@/assets/img/index/index20.png"
-             alt="">
+      <li class="wow fadeInRight" :class="{ active: active === 3 }" data-wow-delay="0.8s" @click="toPart(3)">
+        <img src="@/assets/img/index/index20.png" alt="">
         <div class="text">
           <h6>平台产品介绍</h6>
           <p class="desc">为院校培养复合型人才提供一“站”式服务</p>
@@ -65,53 +48,40 @@
       </li>
     </ul>
     <!-- 关于 -->
-    <div class="about"
-         id="part1">
-      <div class="inner wow fadeInDown"
-           style="padding-bottom: 0">
+    <div class="about" id="part1">
+      <div class="inner wow fadeInDown" style="padding-bottom: 0">
         <h6 class="i-title">关于职站</h6>
         <p class="en">ABOUT OCCUPATION LAB</p>
       </div>
     </div>
     <div class="about bg-white">
       <div class="inner">
-        <div class="desc">职站是一款辅助院校教师开展虚拟仿真实验教学的智能云实践平台。极简的平台操作，可帮助老师轻松开展实验教学，并支持自定义发布考核和练习，检验学生的日常实训练习效果；老师还可以通过可视化图表报告直观查看学生实训成绩，评估教学效果。</div>
+        <div class="desc">
+          职站是一款辅助院校教师开展虚拟仿真实验教学的智能云实践平台。极简的平台操作，可帮助老师轻松开展实验教学，并支持自定义发布考核和练习，检验学生的日常实训练习效果；老师还可以通过可视化图表报告直观查看学生实训成绩，评估教学效果。
+        </div>
       </div>
     </div>
     <!-- 特色与优势 -->
-    <div class="adv"
-         id="part2">
-      <img src="@/assets/img/index/index8.png"
-           alt=""
-           class="shape shape1">
-      <img src="@/assets/img/index/index9.png"
-           alt=""
-           class="shape shape2">
-      <img src="@/assets/img/index/index10.png"
-           alt=""
-           class="shape shape3">
+    <div class="adv" id="part2">
+      <img src="@/assets/img/index/index8.png" alt="" class="shape shape1">
+      <img src="@/assets/img/index/index9.png" alt="" class="shape shape2">
+      <img src="@/assets/img/index/index10.png" alt="" class="shape shape3">
       <div class="inner">
         <h6 class="i-title wow fadeInDown">特色与优势</h6>
         <p class="en">FEATURES AND ADVANTAGES</p>
         <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/img/index/index3.png"
-                 alt="">
+          <li class="wow fadeInDown" data-wow-delay="0.5s">
+            <img src="@/assets/img/index/index3.png" alt="">
             <h6>大数据分析统计<br>教学效果有“据”可依</h6>
             <p class="text">大数据追踪每个老师，学生教学和学习情况，统计分析并通过可视化图表展示，教学效果一目了然。</p>
           </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/img/index/index4.png"
-                 alt="">
+          <li class="wow fadeInRight" data-wow-delay="0.8s">
+            <img src="@/assets/img/index/index4.png" alt="">
             <h6>云端部署<br>实验教学资源“云”共享</h6>
             <p class="text">随时随地，只需登录网站，无需安装部署，即可轻松享受云上“实验室”，可满足不同学科，不同场景下的教学需求。</p>
           </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/img/index/index5.png"
-                 alt="">
+          <li class="wow fadeInUp" data-wow-delay="1.1s">
+            <img src="@/assets/img/index/index5.png" alt="">
             <h6>功能全面<br>打造“智”能化教学全场景</h6>
             <p class="text">教、学、练、考以及大赛、资讯等功能模块，操作方便、智能快捷，将教学活动从课上拓展到课堂外，为院校师生打造智能化、多样化、个性化的“教”“学”全场景。</p>
           </li>
@@ -119,71 +89,31 @@
       </div>
     </div>
     <!-- 产品展示 -->
-    <div class="product"
-         id="part3">
+    <div class="product" id="part3">
       <div class="inner">
         <h6 class="i-title wow fadeInUp">平台产品介绍</h6>
         <p class="en">PRODUCT DISPLAY</p>
         <div class="pics">
           <div class="text">
-            <img src="@/assets/img/index/index11.png"
-                 alt=""
-                 class="icon wow flipInX"
-                 data-wow-delay="0.2s">
-            <h6 class="wow fadeInDown"
-                data-wow-delay="0.3s">金融+科技+大数据</h6>
-            <p class="desc wow fadeInDown"
-               data-wow-delay="0.7s">平台集成有银行综合、担保，Python程序设计、经济金融建模、数据采集、数据清洗、大数据分析、数据可视化、量化投资策略建模、金融随机过程、区块链交易所等十几款产品;可满足金融、金融科技、金融工程、大数据应用与管理等相关专业开设实验课程。</p>
+            <img src="@/assets/img/index/index11.png" alt="" class="icon wow flipInX" data-wow-delay="0.2s">
+            <h6 class="wow fadeInDown" data-wow-delay="0.3s">金融+科技+大数据</h6>
+            <p class="desc wow fadeInDown" data-wow-delay="0.7s">
+              平台集成有银行综合、担保，Python程序设计、经济金融建模、数据采集、数据清洗、大数据分析、数据可视化、量化投资策略建模、金融随机过程、区块链交易所等十几款产品;可满足金融、金融科技、金融工程、大数据应用与管理等相关专业开设实验课程。
+            </p>
           </div>
           <div class="pro-bg1">
-            <img src="@/assets/img/index/pro-bg1-2.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/img/index/pro-bg1-3.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/img/index/pro-bg1-1.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.5s">
-            <img src="@/assets/img/index/pro-bg1-4.png"
-                 alt=""
-                 class="bg4 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/img/index/pro-bg1-5.png"
-                 alt=""
-                 class="bg5 wow fadeInDown"
-                 data-wow-delay="0.9s">
-            <img src="@/assets/img/index/pro-bg1-6.png"
-                 alt=""
-                 class="bg6 wow fadeInDown"
-                 data-wow-delay="1.1s">
-            <img src="@/assets/img/index/pro-bg1-7.png"
-                 alt=""
-                 class="bg7 wow fadeInDown"
-                 data-wow-delay="1.3s">
-            <img src="@/assets/img/index/pro-bg1-8.png"
-                 alt=""
-                 class="bg8 wow fadeInDown"
-                 data-wow-delay="1.5s">
-            <img src="@/assets/img/index/pro-bg1-9.png"
-                 alt=""
-                 class="bg9 wow fadeInDown"
-                 data-wow-delay="1.7s">
-            <img src="@/assets/img/index/pro-bg1-10.png"
-                 alt=""
-                 class="bg10 wow fadeInDown"
-                 data-wow-delay="2s">
-            <img src="@/assets/img/index/pro-bg1-11.png"
-                 alt=""
-                 class="bg11 wow fadeInDown"
-                 data-wow-delay="2.3s">
-            <img src="@/assets/img/index/pro-bg1-12.png"
-                 alt=""
-                 class="bg12 wow fadeInDown"
-                 data-wow-delay="2.6s">
+            <img src="@/assets/img/index/pro-bg1-2.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg1-3.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg1-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.5s">
+            <img src="@/assets/img/index/pro-bg1-4.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg1-5.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.9s">
+            <img src="@/assets/img/index/pro-bg1-6.png" alt="" class="bg6 wow fadeInDown" data-wow-delay="1.1s">
+            <img src="@/assets/img/index/pro-bg1-7.png" alt="" class="bg7 wow fadeInDown" data-wow-delay="1.3s">
+            <img src="@/assets/img/index/pro-bg1-8.png" alt="" class="bg8 wow fadeInDown" data-wow-delay="1.5s">
+            <img src="@/assets/img/index/pro-bg1-9.png" alt="" class="bg9 wow fadeInDown" data-wow-delay="1.7s">
+            <img src="@/assets/img/index/pro-bg1-10.png" alt="" class="bg10 wow fadeInDown" data-wow-delay="2s">
+            <img src="@/assets/img/index/pro-bg1-11.png" alt="" class="bg11 wow fadeInDown" data-wow-delay="2.3s">
+            <img src="@/assets/img/index/pro-bg1-12.png" alt="" class="bg12 wow fadeInDown" data-wow-delay="2.6s">
           </div>
         </div>
       </div>
@@ -192,36 +122,17 @@
       <div class="inner">
         <div class="pics">
           <div class="pro-bg2">
-            <img src="@/assets/img/index/pro-bg2-5.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/img/index/pro-bg2-1.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/img/index/pro-bg2-4.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.2s">
-            <img src="@/assets/img/index/pro-bg2-2.png"
-                 alt=""
-                 class="bg4 wow fadeInDown"
-                 data-wow-delay="0.5s">
-            <img src="@/assets/img/index/pro-bg2-3.png"
-                 alt=""
-                 class="bg5 wow fadeInDown"
-                 data-wow-delay="0.5s">
+            <img src="@/assets/img/index/pro-bg2-5.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg2-1.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg2-4.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg2-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s">
+            <img src="@/assets/img/index/pro-bg2-3.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.5s">
           </div>
           <div class="text">
-            <img src="@/assets/img/index/index13.png"
-                 alt=""
-                 class="icon wow fadeInRight"
-                 data-wow-delay="0.2s">
-            <h6 class="wow fadeInLeft"
-                data-wow-delay="0.3s">沉浸式岗位模拟与实操</h6>
-            <p class="desc wow fadeInLeft"
-               data-wow-delay="0.7s">项目化教学，通过经典案例让学生亲身体验理论在实践中的应用，学会灵活运用所学知识解决实际问题，提升自身的职业实操能力。</p>
+            <img src="@/assets/img/index/index13.png" alt="" class="icon wow fadeInRight" data-wow-delay="0.2s">
+            <h6 class="wow fadeInLeft" data-wow-delay="0.3s">沉浸式岗位模拟与实操</h6>
+            <p class="desc wow fadeInLeft" data-wow-delay="0.7s">
+              项目化教学，通过经典案例让学生亲身体验理论在实践中的应用，学会灵活运用所学知识解决实际问题，提升自身的职业实操能力。</p>
           </div>
         </div>
       </div>
@@ -230,36 +141,17 @@
       <div class="inner">
         <div class="pics">
           <div class="text">
-            <img src="@/assets/img/index/index15.png"
-                 alt=""
-                 class="icon wow fadeInLeft"
-                 data-wow-delay="0.5s">
-            <h6 class="wow fadeInUp"
-                data-wow-delay="0.5s">数据追踪与统计</h6>
-            <p class="desc wow fadeInUp"
-               data-wow-delay="0.5s">老师和学生可查看每一次的练习、考试的相关情况，随时了解自己的教学和学习的进展和效果，动态调整自己的教学和学习计划。</p>
+            <img src="@/assets/img/index/index15.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
+            <h6 class="wow fadeInUp" data-wow-delay="0.5s">数据追踪与统计</h6>
+            <p class="desc wow fadeInUp" data-wow-delay="0.5s">老师和学生可查看每一次的练习、考试的相关情况，随时了解自己的教学和学习的进展和效果，动态调整自己的教学和学习计划。
+            </p>
           </div>
           <div class="pro-bg3">
-            <img src="@/assets/img/index/pro-bg3-4.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/img/index/pro-bg3-5.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/img/index/pro-bg3-1.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.2s">
-            <img src="@/assets/img/index/pro-bg3-2.png"
-                 alt=""
-                 class="bg4 wow fadeInDown"
-                 data-wow-delay="0.5s">
-            <img src="@/assets/img/index/pro-bg3-3.png"
-                 alt=""
-                 class="bg5 wow fadeInDown"
-                 data-wow-delay="0.5s">
+            <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg3-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg3-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s">
+            <img src="@/assets/img/index/pro-bg3-3.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.5s">
           </div>
         </div>
       </div>
@@ -268,32 +160,16 @@
       <div class="inner">
         <div class="pics">
           <div class="pro-bg4">
-            <img src="@/assets/img/index/pro-bg3-4.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/img/index/pro-bg3-5.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/img/index/pro-bg4-1.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.2s">
-            <img src="@/assets/img/index/pro-bg4-2.png"
-                 alt=""
-                 class="bg4 wow fadeInDown"
-                 data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg4-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg4-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.2s">
           </div>
           <div class="text">
-            <img src="@/assets/img/index/index21.png"
-                 alt=""
-                 class="icon wow fadeInLeft"
-                 data-wow-delay="0.5s">
-            <h6 class="wow fadeInUp"
-                data-wow-delay="0.5s">共享精品课程资源</h6>
-            <p class="desc wow fadeInUp"
-               data-wow-delay="0.5s">学校可自主打造自己的精品课程中心，老师可以在这里创建优质的课程，支持视频，课件，教案等不同格式的教学资源上传，让全校师生共同学习一起分享。</p>
+            <img src="@/assets/img/index/index21.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
+            <h6 class="wow fadeInUp" data-wow-delay="0.5s">共享精品课程资源</h6>
+            <p class="desc wow fadeInUp" data-wow-delay="0.5s">
+              学校可自主打造自己的精品课程中心，老师可以在这里创建优质的课程，支持视频，课件，教案等不同格式的教学资源上传，让全校师生共同学习一起分享。</p>
           </div>
         </div>
       </div>
@@ -302,32 +178,16 @@
       <div class="inner">
         <div class="pics">
           <div class="text">
-            <img src="@/assets/img/index/index22.png"
-                 alt=""
-                 class="icon wow fadeInLeft"
-                 data-wow-delay="0.5s">
-            <h6 class="wow fadeInUp"
-                data-wow-delay="0.5s">自定义赛事活动</h6>
-            <p class="desc wow fadeInUp"
-               data-wow-delay="0.5s">学校可自行发布各种比赛活动的信息和活动进展，供全校学生参加报名，给学生提供一个展示自我，挑战自我的舞台，丰富学生的校园生活。</p>
+            <img src="@/assets/img/index/index22.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
+            <h6 class="wow fadeInUp" data-wow-delay="0.5s">自定义赛事活动</h6>
+            <p class="desc wow fadeInUp" data-wow-delay="0.5s">
+              学校可自行发布各种比赛活动的信息和活动进展，供全校学生参加报名，给学生提供一个展示自我，挑战自我的舞台，丰富学生的校园生活。</p>
           </div>
           <div class="pro-bg5">
-            <img src="@/assets/img/index/pro-bg3-4.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/img/index/pro-bg3-5.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/img/index/pro-bg5-1.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.2s">
-            <img src="@/assets/img/index/pro-bg5-2.png"
-                 alt=""
-                 class="bg4 wow fadeInDown"
-                 data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg5-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg5-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.2s">
           </div>
         </div>
       </div>
@@ -338,42 +198,33 @@
       <div class="popup wechat-popup">
         <p class="tips">微信扫码添加职站售前咨询</p>
         <p class="des">提供付费咨询及解决方案</p>
-        <img width="150"
-             src="@/assets/img/index/customer.png"
-             alt="">
+        <img width="150" src="@/assets/img/index/customer.png" alt="">
       </div>
       <div class="item tel"></div>
       <div class="popup tel-popup">
         <div class="tel-inner">
           <div class="line">
             <div>
-              <img class="icon"
-                   src="@/assets/img/index/tel-2.png"
-                   alt="">
+              <img class="icon" src="@/assets/img/index/tel-2.png" alt="">
             </div>
             <div class="text">
               <p class="title">产品咨询</p>
-              <p class="tel-num"
-                 style="margin-bottom: 5px">金经理</p>
+              <p class="tel-num" style="margin-bottom: 5px">金经理</p>
               <p class="tel-num">15218726836</p>
             </div>
           </div>
           <div class="line">
             <div>
-              <img class="icon"
-                   src="@/assets/img/index/sug.png"
-                   alt="">
+              <img class="icon" src="@/assets/img/index/sug.png" alt="">
             </div>
             <div class="text">
-              <p class="title"
-                 @click="toQues">咨询，建议与反馈</p>
+              <p class="title" @click="toQues">咨询，建议与反馈</p>
               <p class="des">您的每一条建议声音，我们都认真对待</p>
             </div>
           </div>
         </div>
       </div>
-      <div class="item topping"
-           @click="topping"></div>
+      <div class="item topping" @click="topping"></div>
     </div>
   </div>
 </template>
@@ -386,7 +237,7 @@ export default {
   name: 'index',
   data () {
     return {
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       active: ''
     }
   },
@@ -417,640 +268,781 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../../plugins/wow/animate.css);
+
 .wrap {
+  position: relative;
+  background-color: #f3f6fa;
+
+  .screen {
+    position: absolute;
+    top: -10000px;
+    left: -10000px;
+  }
+
+  .banner {
+    .text {
+      position: absolute;
+      top: 130px;
+      left: 400px;
+    }
+
+    h6 {
+      margin-bottom: 30px;
+      font-size: 42px;
+    }
+
+    .des {
+      font-size: 16px;
+      line-height: 30px;
+    }
+
+    .text3 {
+
+      h6,
+      .des {
+        color: #fff;
+      }
+    }
+  }
+
+  .bg {
+    width: 100%;
+    height: 100%;
+  }
+
+  .banner-bg1 {
+    background: url(../../../assets/img/index/banner1-1.png) (bottom left) / auto no-repeat,
+      url(../../../assets/img/index/banner1-2.png) top left/auto no-repeat,
+      url(../../../assets/img/index/banner1-3.png) (90% 9px) / auto no-repeat,
+      url(../../../assets/img/index/banner1.png) 0 0/100% 100% no-repeat;
+  }
+
+  .banner-bg2 {
+    background: url(../../../assets/img/index/banner2-1.png) (34px 46px) / auto no-repeat,
+      url(../../../assets/img/index/banner2-2.png) (0 0) / auto no-repeat,
+      #f9faff url(../../../assets/img/index/banner2.png) top right/auto no-repeat;
+  }
+
+  .banner-bg3 {
+    background: url(../../../assets/img/index/banner3-2.png) (30% 0) / auto no-repeat,
+      url(../../../assets/img/index/banner3-3.png) (28px 12px) / auto no-repeat,
+      url(../../../assets/img/index/banner3-4.png) (90% 10px) / auto no-repeat,
+      url(../../../assets/img/index/banner3-5.png) (top right) / auto no-repeat,
+      url(../../../assets/img/index/banner3.png) 0 0/100% 100% no-repeat;
+  }
+
+  .i-title {
+    z-index: 1;
     position: relative;
-    background-color: #f3f6fa;
-    .screen {
-        position: absolute;
-        top: -10000px;
-        left: -10000px;
+    margin-bottom: 37px;
+    font-size: 30px;
+    text-align: center;
+    color: #0b1d30;
+
+    &:after {
+      content: '';
+      position: absolute;
+      bottom: -10px;
+      left: 50%;
+      width: 30px;
+      height: 4px;
+      transform: translate(-50%);
+      background-color: #006eff;
     }
-    .banner {
-        .text {
-            position: absolute;
-            top: 130px;
-            left: 400px;
-        }
-        h6 {
-            margin-bottom: 30px;
-            font-size: 42px;
-        }
-        .des {
-            font-size: 16px;
-            line-height: 30px;
+  }
+
+  .intro {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding: 43px 0;
+    background-color: #fff;
+
+    li {
+      display: inline-flex;
+      align-items: center;
+      cursor: pointer;
+      transition: 0.3s;
+
+      &.active {
+
+        h6,
+        .desc {
+          color: #006eff;
         }
-        .text3 {
-            h6,
-            .des {
-                color: #fff;
-            }
+      }
+
+      &:hover {
+        margin-top: -15px;
+
+        h6,
+        .desc {
+          color: #006eff;
         }
+      }
     }
-    .bg {
-        width: 100%;
-        height: 100%;
+
+    img {
+      width: 50px;
+      margin-right: 15px;
     }
-    .banner-bg1 {
-        background: url(../../../assets/img/index/banner1-1.png) (bottom left) / auto no-repeat,
-            url(../../../assets/img/index/banner1-2.png) top left/auto no-repeat,
-            url(../../../assets/img/index/banner1-3.png) (90% 9px) / auto no-repeat,
-            url(../../../assets/img/index/banner1.png) 0 0/100% 100% no-repeat;
+
+    h6 {
+      margin-bottom: 5px;
+      font-size: 16px;
+      color: #0b1d30;
+      transition: 0.5s;
     }
-    .banner-bg2 {
-        background: url(../../../assets/img/index/banner2-1.png) (34px 46px) / auto no-repeat,
-            url(../../../assets/img/index/banner2-2.png) (0 0) / auto no-repeat,
-            #f9faff url(../../../assets/img/index/banner2.png) top right/auto no-repeat;
+
+    .desc {
+      font-size: 13px;
+      color: #757f92;
+      transition: 0.5s;
     }
-    .banner-bg3 {
-        background: url(../../../assets/img/index/banner3-2.png) (30% 0) / auto no-repeat,
-            url(../../../assets/img/index/banner3-3.png) (28px 12px) / auto no-repeat,
-            url(../../../assets/img/index/banner3-4.png) (90% 10px) / auto no-repeat,
-            url(../../../assets/img/index/banner3-5.png) (top right) / auto no-repeat,
-            url(../../../assets/img/index/banner3.png) 0 0/100% 100% no-repeat;
+  }
+
+  .inner {
+    position: relative;
+    width: 1200px;
+    padding: 67px 0;
+    margin: 0 auto;
+  }
+
+  .en {
+    position: absolute;
+    top: 77px;
+    left: 50%;
+    width: 100%;
+    text-align: center;
+    font-size: 28px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #e5ebf1;
+    transform: translate(-50%);
+  }
+
+  .about {
+    .inner {
+      padding: 67px;
     }
-    .i-title {
-        z-index: 1;
-        position: relative;
-        margin-bottom: 37px;
-        font-size: 30px;
-        text-align: center;
-        color: #0b1d30;
-        &:after {
-            content: '';
-            position: absolute;
-            bottom: -10px;
-            left: 50%;
-            width: 30px;
-            height: 4px;
-            transform: translate(-50%);
-            background-color: #006eff;
-        }
+
+    .desc {
+      min-height: 200px;
+      padding: 35px 280px 35px 55px;
+      font-size: 14px;
+      color: #0b1d30;
+      line-height: 30px;
+      background: url(../../../assets/img/index/index6.png) 0 0/100% 100% no-repeat;
     }
-    .intro {
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        padding: 43px 0;
-        background-color: #fff;
-        li {
-            display: inline-flex;
-            align-items: center;
-            cursor: pointer;
-            transition: 0.3s;
-            &.active {
-                h6,
-                .desc {
-                    color: #006eff;
-                }
-            }
-            &:hover {
-                margin-top: -15px;
-                h6,
-                .desc {
-                    color: #006eff;
-                }
-            }
-        }
-        img {
-            width: 50px;
-            margin-right: 15px;
-        }
-        h6 {
-            margin-bottom: 5px;
-            font-size: 16px;
-            color: #0b1d30;
-            transition: 0.5s;
-        }
-        .desc {
-            font-size: 13px;
-            color: #757f92;
-            transition: 0.5s;
-        }
+  }
+
+  .adv {
+    position: relative;
+    background: #fff url(../../../assets/img/index/index7.png) 0 0/100% 100% no-repeat;
+
+    .shape {
+      position: absolute;
     }
-    .inner {
-        position: relative;
-        width: 1200px;
-        padding: 67px 0;
-        margin: 0 auto;
+
+    .shape1 {
+      top: 25px;
+      right: 10px;
     }
-    .en {
-        position: absolute;
-        top: 77px;
-        left: 50%;
-        width: 100%;
-        text-align: center;
-        font-size: 28px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #e5ebf1;
-        transform: translate(-50%);
+
+    .shape2 {
+      bottom: 30px;
+      left: 50px;
     }
-    .about {
-        .inner {
-            padding: 67px;
-        }
-        .desc {
-            min-height: 200px;
-            padding: 35px 280px 35px 55px;
-            font-size: 14px;
-            color: #0b1d30;
-            line-height: 30px;
-            background: url(../../../assets/img/index/index6.png) 0 0/100% 100% no-repeat;
-        }
+
+    .shape3 {
+      bottom: 25px;
+      right: 50px;
     }
-    .adv {
-        position: relative;
-        background: #fff url(../../../assets/img/index/index7.png) 0 0/100% 100% no-repeat;
-        .shape {
-            position: absolute;
-        }
-        .shape1 {
-            top: 25px;
-            right: 10px;
-        }
-        .shape2 {
-            bottom: 30px;
-            left: 50px;
-        }
-        .shape3 {
-            bottom: 25px;
-            right: 50px;
+
+    .list {
+      display: flex;
+
+      li {
+        width: 33.33%;
+        padding: 107px 35px 30px;
+        margin-right: 20px;
+        text-align: center;
+        box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+        border-radius: 10px;
+
+        &:last-child {
+          margin-right: 0;
         }
-        .list {
-            display: flex;
-            li {
-                width: 33.33%;
-                padding: 107px 35px 30px;
-                margin-right: 20px;
-                text-align: center;
-                box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-                border-radius: 10px;
-                &:last-child {
-                    margin-right: 0;
-                }
-                &:hover {
-                    img {
-                        transform: rotateY(180deg);
-                    }
-                    h6 {
-                        margin-top: 40px;
-                    }
-                }
-            }
-            img {
-                width: 64px;
-                transition: 0.6s;
-            }
-            h6 {
-                margin: 45px 0 16px;
-                font-size: 18px;
-                line-height: 28px;
-                color: #0b1d30;
-                transition: 0.3s;
-            }
-            .text {
-                font-size: 14px;
-                color: #757f92;
-            }
+
+        &:hover {
+          img {
+            transform: rotateY(180deg);
+          }
+
+          h6 {
+            margin-top: 40px;
+          }
         }
+      }
+
+      img {
+        width: 64px;
+        transition: 0.6s;
+      }
+
+      h6 {
+        margin: 45px 0 16px;
+        font-size: 18px;
+        line-height: 28px;
+        color: #0b1d30;
+        transition: 0.3s;
+      }
+
+      .text {
+        font-size: 14px;
+        color: #757f92;
+      }
     }
-    .pics {
-        display: flex;
-        justify-content: space-between;
-        .icon {
-            width: 60px;
+  }
+
+  .pics {
+    display: flex;
+    justify-content: space-between;
+
+    .icon {
+      width: 60px;
+    }
+
+    .text {
+      width: 340px;
+    }
+
+    h6 {
+      margin: 30px 0 10px;
+      font-size: 28px;
+      color: #0b1d30;
+    }
+
+    .desc {
+      font-size: 15px;
+      color: #757f92;
+    }
+
+    .pro-bg1 {
+      position: relative;
+      width: 578px;
+      height: 410px;
+
+      img {
+        position: absolute;
+        transition: 0.5s;
+      }
+
+      .bg1 {
+        top: 0;
+        left: 0;
+      }
+
+      .bg2 {
+        top: 24px;
+        right: 0;
+        animation: rotate 15s linear infinite;
+      }
+
+      .bg3 {
+        top: 15px;
+        left: 27px;
+      }
+
+      .bg4 {
+        top: 102px;
+        left: 72px;
+      }
+
+      .bg5 {
+        top: 102px;
+        left: 180px;
+      }
+
+      .bg6 {
+        top: 102px;
+        left: 288px;
+      }
+
+      .bg7 {
+        top: 55px;
+        right: 9px;
+      }
+
+      .bg8 {
+        top: 181px;
+        left: 14px;
+      }
+
+      .bg9 {
+        top: 195px;
+        left: 180px;
+      }
+
+      .bg10 {
+        top: 181px;
+        right: 142px;
+      }
+
+      .bg11 {
+        top: 189px;
+        right: 34px;
+      }
+
+      .bg12 {
+        bottom: 45px;
+        left: 180px;
+      }
+
+      &:hover {
+        .bg3 {
+          transform: scale(1.1);
         }
-        .text {
-            width: 340px;
+
+        .bg4,
+        .bg5,
+        .bg6,
+        .bg7,
+        .bg8,
+        .bg9,
+        .bg10,
+        .bg11,
+        .bg12 {
+          transform: translateY(-10px);
         }
-        h6 {
-            margin: 30px 0 10px;
-            font-size: 28px;
-            color: #0b1d30;
+      }
+    }
+
+    .pro-bg2 {
+      position: relative;
+      width: 674px;
+      height: 360px;
+
+      img {
+        position: absolute;
+        transition: 0.5s;
+      }
+
+      .bg1 {
+        top: 0;
+        left: 68px;
+      }
+
+      .bg2 {
+        top: 24px;
+        left: 97px;
+      }
+
+      .bg3 {
+        top: 94px;
+        left: 139px;
+      }
+
+      .bg4 {
+        top: 58px;
+        left: 0;
+      }
+
+      .bg5 {
+        top: 64px;
+        right: 0;
+      }
+
+      &:hover {
+        .bg2 {
+          transform: scale(1.1);
         }
-        .desc {
-            font-size: 15px;
-            color: #757f92;
+
+        .bg3 {
+          transform: scale(1.3);
         }
-        .pro-bg1 {
-            position: relative;
-            width: 578px;
-            height: 410px;
-            img {
-                position: absolute;
-                transition: 0.5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                top: 24px;
-                right: 0;
-                animation: rotate 15s linear infinite;
-            }
-            .bg3 {
-                top: 15px;
-                left: 27px;
-            }
-            .bg4 {
-                top: 102px;
-                left: 72px;
-            }
-            .bg5 {
-                top: 102px;
-                left: 180px;
-            }
-            .bg6 {
-                top: 102px;
-                left: 288px;
-            }
-            .bg7 {
-                top: 55px;
-                right: 9px;
-            }
-            .bg8 {
-                top: 181px;
-                left: 14px;
-            }
-            .bg9 {
-                top: 195px;
-                left: 180px;
-            }
-            .bg10 {
-                top: 181px;
-                right: 142px;
-            }
-            .bg11 {
-                top: 189px;
-                right: 34px;
-            }
-            .bg12 {
-                bottom: 45px;
-                left: 180px;
-            }
-            &:hover {
-                .bg3 {
-                    transform: scale(1.1);
-                }
-                .bg4,
-                .bg5,
-                .bg6,
-                .bg7,
-                .bg8,
-                .bg9,
-                .bg10,
-                .bg11,
-                .bg12 {
-                    transform: translateY(-10px);
-                }
-            }
+
+        .bg4 {
+          transform: translate(-135px, -10px);
         }
-        .pro-bg2 {
-            position: relative;
-            width: 674px;
-            height: 360px;
-            img {
-                position: absolute;
-                transition: 0.5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 68px;
-            }
-            .bg2 {
-                top: 24px;
-                left: 97px;
-            }
-            .bg3 {
-                top: 94px;
-                left: 139px;
-            }
-            .bg4 {
-                top: 58px;
-                left: 0;
-            }
-            .bg5 {
-                top: 64px;
-                right: 0;
-            }
-            &:hover {
-                .bg2 {
-                    transform: scale(1.1);
-                }
-                .bg3 {
-                    transform: scale(1.3);
-                }
-                .bg4 {
-                    transform: translate(-135px, -10px);
-                }
-                .bg5 {
-                    transform: translate(50px, -20px);
-                }
-            }
+
+        .bg5 {
+          transform: translate(50px, -20px);
         }
-        .pro-bg3 {
-            position: relative;
-            width: 584px;
-            height: 360px;
-            img {
-                position: absolute;
-                transition: 0.5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                bottom: 0;
-                right: 0;
-                animation: rotate 10s linear infinite;
-            }
-            .bg3 {
-                top: 15px;
-                left: 13px;
-            }
-            .bg4 {
-                bottom: 0;
-                left: 0;
-            }
-            .bg5 {
-                top: 0;
-                right: 0;
-            }
-            &:hover {
-                .bg3 {
-                    transform: scale(1.1);
-                }
-                .bg4 {
-                    transform: translate(-20px, 20px);
-                }
-                .bg5 {
-                    transform: translateY(-20px);
-                }
-            }
+      }
+    }
+
+    .pro-bg3 {
+      position: relative;
+      width: 584px;
+      height: 360px;
+
+      img {
+        position: absolute;
+        transition: 0.5s;
+      }
+
+      .bg1 {
+        top: 0;
+        left: 0;
+      }
+
+      .bg2 {
+        bottom: 0;
+        right: 0;
+        animation: rotate 10s linear infinite;
+      }
+
+      .bg3 {
+        top: 15px;
+        left: 13px;
+      }
+
+      .bg4 {
+        bottom: 0;
+        left: 0;
+      }
+
+      .bg5 {
+        top: 0;
+        right: 0;
+      }
+
+      &:hover {
+        .bg3 {
+          transform: scale(1.1);
         }
-        .pro-bg4 {
-            position: relative;
-            width: 580px;
-            height: 360px;
-            img {
-                position: absolute;
-                transition: 0.5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                bottom: -40px;
-                right: -20px;
-                animation: rotate 10s linear infinite;
-            }
-            .bg3 {
-                top: 40px;
-                left: 30px;
-                width: 530px;
-                box-shadow: 2px 2px 3px #f1f1f1, -2px -2px 4px #f1f1f1;
-            }
-            .bg4 {
-                top: 140px;
-                left: -20px;
-                width: 120px;
-                height: 100px;
-            }
-            &:hover {
-                .bg3 {
-                    transform: scale(1.1);
-                }
-                .bg4 {
-                    transform: translate(135px, 70px);
-                }
-            }
+
+        .bg4 {
+          transform: translate(-20px, 20px);
         }
-        .pro-bg5 {
-            position: relative;
-            width: 580px;
-            height: 360px;
-            img {
-                position: absolute;
-                transition: 0.5s;
-            }
-            .bg1 {
-                top: 0;
-                left: 0;
-            }
-            .bg2 {
-                bottom: -40px;
-                right: -20px;
-                animation: rotate 10s linear infinite;
-            }
-            .bg3 {
-                top: 40px;
-                left: 30px;
-                width: 530px;
-                box-shadow: 2px 2px 3px #f1f1f1, -2px -2px 4px #f1f1f1;
-            }
-            .bg4 {
-                top: 150px;
-                right: 40px;
-                width: 295px;
-            }
-            &:hover {
-                .bg3 {
-                    transform: scale(1.1);
-                }
-                .bg4 {
-                    transform: translate(-80px, 25px) scale(1.1);
-                }
-            }
+
+        .bg5 {
+          transform: translateY(-20px);
         }
+      }
     }
-    .none {
-        padding: 50px 0;
-        text-align: center;
-        img {
-            width: 324px;
-            margin-bottom: 42px;
+
+    .pro-bg4 {
+      position: relative;
+      width: 580px;
+      height: 360px;
+
+      img {
+        position: absolute;
+        transition: 0.5s;
+      }
+
+      .bg1 {
+        top: 0;
+        left: 0;
+      }
+
+      .bg2 {
+        bottom: -40px;
+        right: -20px;
+        animation: rotate 10s linear infinite;
+      }
+
+      .bg3 {
+        top: 40px;
+        left: 30px;
+        width: 530px;
+        box-shadow: 2px 2px 3px #f1f1f1, -2px -2px 4px #f1f1f1;
+      }
+
+      .bg4 {
+        top: 140px;
+        left: -20px;
+        width: 120px;
+        height: 100px;
+      }
+
+      &:hover {
+        .bg3 {
+          transform: scale(1.1);
         }
-        .text {
-            font-size: 12px;
-            color: #333;
+
+        .bg4 {
+          transform: translate(135px, 70px);
         }
+      }
     }
-    @keyframes rotate {
-        0% {
-            transform: rotate(0);
-        }
-        50% {
-            transform: rotate(180deg);
+
+    .pro-bg5 {
+      position: relative;
+      width: 580px;
+      height: 360px;
+
+      img {
+        position: absolute;
+        transition: 0.5s;
+      }
+
+      .bg1 {
+        top: 0;
+        left: 0;
+      }
+
+      .bg2 {
+        bottom: -40px;
+        right: -20px;
+        animation: rotate 10s linear infinite;
+      }
+
+      .bg3 {
+        top: 40px;
+        left: 30px;
+        width: 530px;
+        box-shadow: 2px 2px 3px #f1f1f1, -2px -2px 4px #f1f1f1;
+      }
+
+      .bg4 {
+        top: 150px;
+        right: 40px;
+        width: 295px;
+      }
+
+      &:hover {
+        .bg3 {
+          transform: scale(1.1);
         }
-        100% {
-            transform: rotate(360deg);
+
+        .bg4 {
+          transform: translate(-80px, 25px) scale(1.1);
         }
+      }
     }
+  }
+
+  .none {
+    padding: 50px 0;
+    text-align: center;
+
+    img {
+      width: 324px;
+      margin-bottom: 42px;
+    }
+
+    .text {
+      font-size: 12px;
+      color: #333;
+    }
+  }
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0);
+    }
+
+    50% {
+      transform: rotate(180deg);
+    }
+
+    100% {
+      transform: rotate(360deg);
+    }
+  }
 }
+
 .tool {
-    z-index: 10;
-    position: fixed;
-    bottom: 100px;
-    right: 30px;
-    .item {
-        width: 45px;
-        height: 45px;
-        margin-bottom: 10px;
-        border: 1px solid #e5e5e5;
-        cursor: pointer;
+  z-index: 10;
+  position: fixed;
+  bottom: 100px;
+  right: 30px;
+
+  .item {
+    width: 45px;
+    height: 45px;
+    margin-bottom: 10px;
+    border: 1px solid #e5e5e5;
+    cursor: pointer;
+  }
+
+  .wechat {
+    background: #fff url(../../../assets/img/index/wechat.png) center center/auto no-repeat;
+
+    &:hover {
+      background-image: url(../../../assets/img/index/wechat-1.png);
+      background-color: #006eff;
+
+      &+.popup {
+        display: block;
+      }
     }
-    .wechat {
-        background: #fff url(../../../assets/img/index/wechat.png) center center/auto no-repeat;
-        &:hover {
-            background-image: url(../../../assets/img/index/wechat-1.png);
-            background-color: #006eff;
-            & + .popup {
-                display: block;
-            }
-        }
+  }
+
+  .tel {
+    background: #fff url(../../../assets/img/index/tel.png) center center/auto no-repeat;
+
+    &:hover {
+      background-image: url(../../../assets/img/index/tel-1.png);
+      background-color: #006eff;
+
+      &+.popup {
+        display: block;
+      }
     }
-    .tel {
-        background: #fff url(../../../assets/img/index/tel.png) center center/auto no-repeat;
-        &:hover {
-            background-image: url(../../../assets/img/index/tel-1.png);
-            background-color: #006eff;
-            & + .popup {
-                display: block;
-            }
-        }
+  }
+
+  .topping {
+    background: #fff url(../../../assets/img/index/top.png) center center/auto no-repeat;
+
+    &:hover {
+      background-image: url(../../../assets/img/index/top-1.png);
+      background-color: #006eff;
     }
-    .topping {
-        background: #fff url(../../../assets/img/index/top.png) center center/auto no-repeat;
-        &:hover {
-            background-image: url(../../../assets/img/index/top-1.png);
-            background-color: #006eff;
-        }
+  }
+
+  .popup {
+    position: absolute;
+    display: none;
+  }
+
+  .wechat-popup {
+    top: -100px;
+    left: -230px;
+    padding: 20px;
+    text-align: center;
+    background-color: #fff;
+    box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
+
+    .tips {
+      font-size: 14px;
     }
-    .popup {
-        position: absolute;
-        display: none;
+
+    .des {
+      margin: 5px 0 15px;
+      font-size: 12px;
+      color: #333;
     }
-    .wechat-popup {
-        top: -100px;
-        left: -230px;
-        padding: 20px;
-        text-align: center;
-        background-color: #fff;
-        box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-        .tips {
-            font-size: 14px;
-        }
-        .des {
-            margin: 5px 0 15px;
-            font-size: 12px;
-            color: #333;
-        }
+  }
+
+  .tel-popup {
+    top: -10px;
+    left: -250px;
+    width: 250px;
+    border-right: 20px solid transparent;
+
+    &:hover {
+      display: block;
     }
-    .tel-popup {
-        top: -10px;
-        left: -250px;
-        width: 250px;
-        border-right: 20px solid transparent;
-        &:hover {
-            display: block;
-        }
-        .tel-inner {
-            padding: 20px;
-            background-color: #fff;
-            box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-        }
-        .line {
-            display: flex;
-            &:first-child {
-                margin-bottom: 20px;
-            }
-        }
-        .text {
-            margin-left: 15px;
-        }
-        .title {
-            margin-bottom: 5px;
-            font-size: 14px;
-            cursor: pointer;
-            &:hover {
-                color: #006eff;
-            }
-        }
-        .tel-num {
-            font-size: 12px;
-            color: #006eff;
-        }
-        .des {
-            font-size: 12px;
-            color: #686868;
-        }
+
+    .tel-inner {
+      padding: 20px;
+      background-color: #fff;
+      box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
+    }
+
+    .line {
+      display: flex;
+
+      &:first-child {
+        margin-bottom: 20px;
+      }
+    }
+
+    .text {
+      margin-left: 15px;
+    }
+
+    .title {
+      margin-bottom: 5px;
+      font-size: 14px;
+      cursor: pointer;
+
+      &:hover {
+        color: #006eff;
+      }
+    }
+
+    .tel-num {
+      font-size: 12px;
+      color: #006eff;
+    }
+
+    .des {
+      font-size: 12px;
+      color: #686868;
     }
+  }
 }
 
 @media (max-width: 640px) {
-    .wrap {
-        .inner {
-            width: 90% !important;
-        }
-        .intro {
-            flex-direction: column;
-            padding: 40px 20px;
-            li {
-                width: 100%;
-                margin: 0 0 20px 0;
-            }
+  .wrap {
+    .inner {
+      width: 90% !important;
+    }
+
+    .intro {
+      flex-direction: column;
+      padding: 40px 20px;
+
+      li {
+        width: 100%;
+        margin: 0 0 20px 0;
+      }
+    }
+
+    .about {
+      .inner {
+        padding: 30px;
+      }
+
+      .desc {
+        padding: 0;
+        background: none;
+      }
+    }
+
+    .adv {
+      .i-title {
+        margin-bottom: 50px;
+      }
+
+      .list {
+        flex-direction: column;
+
+        li {
+          width: 100%;
+          margin: 0 0 20px 0;
         }
-        .about {
-            .inner {
-                padding: 30px;
-            }
-            .desc {
-                padding: 0;
-                background: none;
-            }
+      }
+    }
+
+    .pics {
+      flex-direction: column;
+
+      .text {
+        width: 100%;
+      }
+
+      .pro-bg1 {
+        max-width: 100%;
+
+        .bg2,
+        .bg3 {
+          left: 0;
+          max-width: 100%;
         }
-        .adv {
-            .i-title {
-                margin-bottom: 50px;
-            }
-            .list {
-                flex-direction: column;
-                li {
-                    width: 100%;
-                    margin: 0 0 20px 0;
-                }
-            }
+
+        .bg6 {
+          display: none;
         }
-        .pics {
-            flex-direction: column;
-            .text {
-                width: 100%;
-            }
-            .pro-bg1 {
-                max-width: 100%;
-                .bg2,
-                .bg3 {
-                    left: 0;
-                    max-width: 100%;
-                }
-                .bg6 {
-                    display: none;
-                }
-            }
-            .pro-bg2,
-            .pro-bg3,
-            .pro-bg4,
-            .pro-bg5 {
-                max-width: 100%;
-                .bg2,
-                .bg3 {
-                    left: 0;
-                    max-width: 100%;
-                }
-            }
+      }
+
+      .pro-bg2,
+      .pro-bg3,
+      .pro-bg4,
+      .pro-bg5 {
+        max-width: 100%;
+
+        .bg2,
+        .bg3 {
+          left: 0;
+          max-width: 100%;
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/index/zxy/index.vue b/src/pages/index/zxy/index.vue
index 5047186..d945e68 100644
--- a/src/pages/index/zxy/index.vue
+++ b/src/pages/index/zxy/index.vue
@@ -256,7 +256,7 @@ export default {
   name: 'index',
   data () {
     return {
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       active: ''
     }
   },
diff --git a/src/pages/match/details/index.vue b/src/pages/match/details/index.vue
index f8f9639..56e17a7 100644
--- a/src/pages/match/details/index.vue
+++ b/src/pages/match/details/index.vue
@@ -627,9 +627,9 @@ export default {
     return {
       routes: [],
       headers: {
-        token: Util.local.get(Setting.tokenKey)
+        token: Util.session.get(Setting.tokenKey)
       },
-      token: Util.local.get(Setting.tokenKey),
+      token: Util.session.get(Setting.tokenKey),
       id: +this.$route.query.id,
       fromOffical: !!this.$route.query.q, // 来自安财赛事
       end: '',
@@ -1668,7 +1668,7 @@ export default {
     signup () {
       const { status, form } = this
       // 如果登录了
-      if (Util.local.get(Setting.tokenKey)) {
+      if (Util.session.get(Setting.tokenKey)) {
         const { competitionType } = form.completeCompetitionSetup
         if (status == 4) { // 进入比赛
           // 线下(规则见handleStatus方法)
@@ -1761,7 +1761,7 @@ export default {
     // 进入python系统
     toPython () {
       const form = this.curStage
-      let token = Util.local.get(Setting.tokenKey);
+      let token = Util.session.get(Setting.tokenKey);
       Util.cookies.set('assessmentId', '', -1)
       Util.cookies.set('startTime', '', -1)
       Util.cookies.set('stopTime', '', -1)
@@ -1801,7 +1801,7 @@ export default {
       if (method === 1) {
         window.open(this.$router.resolve(`/theoryExam?competitionId=${form.id}&stageId=${stageId}&teamId=${teamId}`).href, 'theory')
       } else {
-        let token = Util.local.get(Setting.tokenKey);
+        let token = Util.session.get(Setting.tokenKey);
         if (systemId == 11) {
           // 银行系统
           location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${cid}&systemId=${systemId}&projectId=${projectId}&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}&assessmentId=&classId=&stopTime=&test=true`
diff --git a/src/pages/match/list/index.vue b/src/pages/match/list/index.vue
index 285e4cf..b70c147 100644
--- a/src/pages/match/list/index.vue
+++ b/src/pages/match/list/index.vue
@@ -340,11 +340,11 @@ export default {
   data () {
     return {
       headers: {
-        token: Util.local.get(Setting.tokenKey)
+        token: Util.session.get(Setting.tokenKey)
       },
       fromOffical: !!this.$route.query.q, // 来自安财赛事
       timer: null,
-      token: Util.local.get(Setting.tokenKey),
+      token: Util.session.get(Setting.tokenKey),
       statusList: ["待报名", "取消报名", "马上报名", "报名截止", "进入初赛", "已结束"],
       endList: ["报名开始", "报名截止", "报名截止", "竞赛开始", "竞赛结束", ""],
       typeList: [
@@ -982,7 +982,7 @@ export default {
       const { status, id } = item
       const { competitionType } = item
       // 如果没登录，提示去登录
-      if (Util.local.get(Setting.tokenKey)) {
+      if (Util.session.get(Setting.tokenKey)) {
         this.curItem = item
         if (status == 4) { // 进入比赛
           // 线下(规则见handleStatus方法)
@@ -1078,7 +1078,7 @@ export default {
     // 进入python系统
     toPython () {
       const form = this.curItem.curStage
-      let token = Util.local.get(Setting.tokenKey);
+      let token = Util.session.get(Setting.tokenKey);
       Util.cookies.set('assessmentId', '', -1)
       Util.cookies.set('classId', '', -1)
       Util.cookies.set('startTime', '', -1)
@@ -1121,7 +1121,7 @@ export default {
         window.open(this.$router.resolve(`/theoryExam?competitionId=${form.id}&stageId=${stageId}&teamId=${teamId}`).href, 'theory')
         this.choosing = false
       } else {
-        let token = Util.local.get(Setting.tokenKey)
+        let token = Util.session.get(Setting.tokenKey)
         if (systemId == 11) {
           // 银行系统
           location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${cid}&systemId=${systemId}&projectId=${projectId}&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}&assessmentId=&classId=&stopTime=&test=true`
diff --git a/src/pages/product/list/index.vue b/src/pages/product/list/index.vue
index 6da013d..0be38f0 100644
--- a/src/pages/product/list/index.vue
+++ b/src/pages/product/list/index.vue
@@ -2,66 +2,68 @@
   <div class="wrap index">
     <img class="screen" src="@/assets/img/index/index0.png" alt="首页">
     <div class="banner">
-        <el-carousel height="420px" :autoplay="false">
-            <el-carousel-item>
-              <div class="slide slide1">
-                <div class="texts">
-                  <img class="name" src="@/assets/img/zxy/name.png" alt="">
-                  <p class="des">致力于帮助高校大商科类专业实现课程信息化、数字化和共建共享</p>
-                  <div class="btns">
-                    <a class="btn1" @click="toTrial">预约演示</a>
-                    <a class="btn2" @click="toTrial">免费试用</a>
-                  </div>
-                </div>
-                <img class="bg" src="@/assets/img/zxy/banner1.png" alt="">
+      <el-carousel height="420px" :autoplay="false">
+        <el-carousel-item>
+          <div class="slide slide1">
+            <div class="texts">
+              <img class="name" src="@/assets/img/zxy/name.png" alt="">
+              <p class="des">致力于帮助高校大商科类专业实现课程信息化、数字化和共建共享</p>
+              <div class="btns">
+                <a class="btn1" @click="toTrial">预约演示</a>
+                <a class="btn2" @click="toTrial">免费试用</a>
               </div>
-            </el-carousel-item>
-            <el-carousel-item>
-              <div class="slide slide2">
-                <div class="texts">
-                  <img class="name" src="@/assets/img/zxy/name.png" alt="">
-                  <p class="des">集实践教学、课程学习、项目练习、考核管理、线上赛事为一体的教学辅助云平台 </p>
-                  <div class="btns">
-                    <a class="btn1" @click="toTrial">预约演示</a>
-                    <a class="btn2" @click="toTrial">免费试用</a>
-                  </div>
-                </div>
-                <img class="bg" src="@/assets/img/zxy/banner2.png" alt="">
+            </div>
+            <img class="bg" src="@/assets/img/zxy/banner1.png" alt="">
+          </div>
+        </el-carousel-item>
+        <el-carousel-item>
+          <div class="slide slide2">
+            <div class="texts">
+              <img class="name" src="@/assets/img/zxy/name.png" alt="">
+              <p class="des">集实践教学、课程学习、项目练习、考核管理、线上赛事为一体的教学辅助云平台 </p>
+              <div class="btns">
+                <a class="btn1" @click="toTrial">预约演示</a>
+                <a class="btn2" @click="toTrial">免费试用</a>
               </div>
-            </el-carousel-item>
-            <el-carousel-item>
-              <div class="slide slide3">
-                <div class="texts">
-                  <img class="name" src="@/assets/img/zxy/name.png" alt="">
-                  <p class="des">覆盖金融科技、大数据管理与应用、数字经济、金融工程、电子商务、财务管理等大商科相关专业，助力高校复合型人才培养 </p>
-                  <div class="btns">
-                    <a class="btn1" @click="toTrial">预约演示</a>
-                    <a class="btn2" @click="toTrial">免费试用</a>
-                  </div>
-                </div>
-                <img class="bg" src="@/assets/img/zxy/banner3.png" alt="">
+            </div>
+            <img class="bg" src="@/assets/img/zxy/banner2.png" alt="">
+          </div>
+        </el-carousel-item>
+        <el-carousel-item>
+          <div class="slide slide3">
+            <div class="texts">
+              <img class="name" src="@/assets/img/zxy/name.png" alt="">
+              <p class="des">覆盖金融科技、大数据管理与应用、数字经济、金融工程、电子商务、财务管理等大商科相关专业，助力高校复合型人才培养 </p>
+              <div class="btns">
+                <a class="btn1" @click="toTrial">预约演示</a>
+                <a class="btn2" @click="toTrial">免费试用</a>
               </div>
-            </el-carousel-item>
-        </el-carousel>
+            </div>
+            <img class="bg" src="@/assets/img/zxy/banner3.png" alt="">
+          </div>
+        </el-carousel-item>
+      </el-carousel>
     </div>
     <!-- 简介 -->
     <ul class="intro">
-        <li class="wow fadeInLeft" :class="{active: active === 1}" data-wow-delay="0.6s" @click="toPart(1)">
-            <img src="@/assets/img/zxy/intro1.png" alt="">
-            <p class="text">金融科技专业方向</p>
-        </li>
-        <li class="wow fadeInUp" :class="{active: active === 2}" data-wow-delay="0.2s" @click="toPart(2)">
-            <img src="@/assets/img/zxy/intro2.png" alt="">
-            <p class="text">大数据管理与应用专业方向</p>
-        </li>
-        <li class="wow fadeInRight" :class="{active: active === 3}" data-wow-delay="0.8s" @click="toPart(3)">
-            <img src="@/assets/img/index/index20.png" alt="">
-            <p class="text">数字经济专业方向</p>
-        </li>
+      <li class="wow fadeInLeft" :class="{ active: active === 1 }" data-wow-delay="0.6s" @click="toPart(1)">
+        <img src="@/assets/img/zxy/intro1.png" alt="">
+        <p class="text">金融科技专业方向</p>
+      </li>
+      <li class="wow fadeInUp" :class="{ active: active === 2 }" data-wow-delay="0.2s" @click="toPart(2)">
+        <img src="@/assets/img/zxy/intro2.png" alt="">
+        <p class="text">大数据管理与应用专业方向</p>
+      </li>
+      <li class="wow fadeInRight" :class="{ active: active === 3 }" data-wow-delay="0.8s" @click="toPart(3)">
+        <img src="@/assets/img/index/index20.png" alt="">
+        <p class="text">数字经济专业方向</p>
+      </li>
     </ul>
     <div class="pic">
       <h6>金融科技专业方向</h6>
-      <p class="des">培养目标：金融科技专业旨在培养具有国际视野，具备互联网思维、用户思维、平台思维、创新思维等复合型思维和风险管理意识，掌握现代信息科技、数据技术、算法和智能技术等前沿技术，熟悉金融产品设计、金融产品定价、金融风险管理、金融监管知识等金融业务知识并能够应用的复合型、应用型、创新型、国际化金融人才。</p>
+      <p class="des">
+        培养目标：金融科技专业旨在培养具有国际视野，具备互联网思维、用户思维、平台思维、创新思维等复合型思维和风险管理意识，掌握现代信息科技、数据技术、算法和智能技术等前沿技术，熟悉金融产品设计、金融产品定价、金融风险管理、金融监管知识等金融业务知识并能够应用的复合型、应用型、创新型、国际化金融人才。
+      </p>
       <img class="bg" src="@/assets/img/zxy/intro-bg1.png" alt="">
       <h6>实验课程体系</h6>
       <ul class="des-list">
@@ -126,10 +128,10 @@
     </div>
     <div class="scroll scroll-bg">
       <h6 class="i-title">实验系统</h6>
-      <scroll class="scroll-wrap" :data="system1" :class-option="{limitMoveNum: 2, direction: 2}">
+      <scroll class="scroll-wrap" :data="system1" :class-option="{ limitMoveNum: 2, direction: 2 }">
         <ul class="scroll-list" ref="client">
           <li v-for="(item, i) in system1" :key="i">
-            <img :src="require('@/assets/img/zxy/system1/icon' + (i + 1) +'.png')" alt="">
+            <img :src="require('@/assets/img/zxy/system1/icon' + (i + 1) + '.png')" alt="">
             <h6>{{ item.title }}</h6>
             <p class="des">{{ item.des }}</p>
           </li>
@@ -163,7 +165,9 @@
     </div>
     <div class="pic">
       <h6>大数据管理与应用专业方向</h6>
-      <p class="des">大数据管理与应用专业旨在培养具有管理学背景和良好的数据思维能力，具有扎实的经济学知识、系统的管理学基础，熟练运用现代信息技术，掌握面向互联网大数据环境的数据处理和分析方法、面向数据管理方向的管理科学专业知识，具有较强的大数据管理能力和技术应用能力，能够利用商务数据去定量化分析，并能进行智能化商业决策的“懂数据、懂技术、懂业务、懂管理”（DMTB）复合型、应用型高级专门人才。</p>
+      <p class="des">
+        大数据管理与应用专业旨在培养具有管理学背景和良好的数据思维能力，具有扎实的经济学知识、系统的管理学基础，熟练运用现代信息技术，掌握面向互联网大数据环境的数据处理和分析方法、面向数据管理方向的管理科学专业知识，具有较强的大数据管理能力和技术应用能力，能够利用商务数据去定量化分析，并能进行智能化商业决策的“懂数据、懂技术、懂业务、懂管理”（DMTB）复合型、应用型高级专门人才。
+      </p>
       <img class="bg" src="@/assets/img/zxy/intro-bg2.png" alt="">
       <h6>实验课程体系</h6>
       <ul class="des-list">
@@ -222,10 +226,10 @@
     </div>
     <div class="scroll scroll-bg">
       <h6 class="i-title">实验系统</h6>
-      <scroll class="scroll-wrap" :data="system2" :class-option="{limitMoveNum: 2, direction: 2}">
+      <scroll class="scroll-wrap" :data="system2" :class-option="{ limitMoveNum: 2, direction: 2 }">
         <ul class="scroll-list" ref="client">
           <li v-for="(item, i) in system2" :key="i">
-            <img :src="require('@/assets/img/zxy/system2/icon' + (i + 1) +'.png')" alt="">
+            <img :src="require('@/assets/img/zxy/system2/icon' + (i + 1) + '.png')" alt="">
             <h6>{{ item.title }}</h6>
             <p class="des">{{ item.des }}</p>
           </li>
@@ -259,7 +263,9 @@
     </div>
     <div class="pic">
       <h6>数字经济专业方向</h6>
-      <p class="des">数字经济专业旨在培养具有良好的政治素养与道德修养，熟悉中国数字经济运行规律与改革实践，系统掌握经济学、统计学及计算机科学的基础理论与技术，掌握现代经济学的基本方法及数字技能，具备经济学思维方式和向数据科学、工学相关领域扩展渗透的能力，具备数字经济背景下管理运营数据分析与决策能力，以及产业数字化规划与建设能力的高素质复合型创新型应用人才。</p>
+      <p class="des">
+        数字经济专业旨在培养具有良好的政治素养与道德修养，熟悉中国数字经济运行规律与改革实践，系统掌握经济学、统计学及计算机科学的基础理论与技术，掌握现代经济学的基本方法及数字技能，具备经济学思维方式和向数据科学、工学相关领域扩展渗透的能力，具备数字经济背景下管理运营数据分析与决策能力，以及产业数字化规划与建设能力的高素质复合型创新型应用人才。
+      </p>
       <img class="bg" src="@/assets/img/zxy/intro-bg3.png" alt="">
       <h6 style="margin-bottom: 0">实验课程体系</h6>
       <div class="text-center">
@@ -268,10 +274,10 @@
     </div>
     <div class="scroll scroll-bg">
       <h6 class="i-title">实验系统</h6>
-      <scroll class="scroll-wrap" :data="system3" :class-option="{limitMoveNum: 2, direction: 2}">
+      <scroll class="scroll-wrap" :data="system3" :class-option="{ limitMoveNum: 2, direction: 2 }">
         <ul class="scroll-list" ref="client">
           <li v-for="(item, i) in system3" :key="i">
-            <img :src="require('@/assets/img/zxy/system3/icon' + (i + 1) +'.png')" alt="">
+            <img :src="require('@/assets/img/zxy/system3/icon' + (i + 1) + '.png')" alt="">
             <h6>{{ item.title }}</h6>
             <p class="des">{{ item.des }}</p>
           </li>
@@ -307,471 +313,537 @@ import util from '@/libs/util'
 import WOW from 'wow.js'
 import scroll from 'vue-seamless-scroll'
 export default {
-    data() {
-      return {
-        token: util.local.get(Setting.tokenKey),
-        active: '',
-        // 数字经济
-        system1: [
-          {
-            title: '商业银行经营与管理',
-            des: '虚拟银行机构，模拟行长、传统业务总监、金融市场总监、风险管理总监、财务部总监等，完成战略管理、资本管理、资产负债管理、风险管理、经济资本管理、财务报表、外部监管等经营任务。'
-          },
-          {
-            title: '商业银行综合柜面业务',
-            des: '模拟业务中的综合柜员、大堂经理，以及信贷经理等多个角色可以系统性地实操银行业务中的个人及公司的现金、非现金业务，结算业务、信贷业务等。'
-          },
-          {
-            title: '证券模拟交易',
-            des: '模拟交易行情为实时行情，与真实行情同步，模拟交易遵循真实交易规则；交易品种齐全，支持沪深A股、股指期货、商品期货、外汇。'
-          },
-          {
-            title: '保险综合业务',
-            des: '以保险产品、保险营销、保险承保、保险理赔各部分为基础，提供一个学生掌握保险业务相关技能的学习平台以及教师依据行业最新动态教学的教学平台'
-          },
-          {
-            title: '经济金融建模',
-            des: '本系统基于Python语言用于金融计算及股票、债券以及金融衍生工具的定价模型设计。'
-          },
-          {
-            title: '金融随机',
-            des: '本系统基于Python语言实践随机过程的基本概念、Poisson过程、更新过程、Markov链、Brown运动、鞅、数学模型、期权定价理论、随机过程等随机分析在金融领域中的应用项目'
-          },
-          {
-            title: '供应链金融',
-            des: '该系通为核心企业提供一站式互联网供应链金融综合服务解决方案，运用互联网技术将底层资产数据打通呈现给金融机构，实现产业链上下游资金融通，构建数字化产业链，实现金融产业数字化。'
-          },
-          {
-            title: '经济金融数据库',
-            des: '数据涵盖股票数据，期货数据，债券数据，期权数据，利率数据，公募数据和宏观数据，拥有超40年的历史数据，可为用户解读、预测、分析，模拟市场趋势、经济周期和世界事件影响提供必要的数据支持。'
-          }
-        ],
-        // 金融科技
-        system2: [
-          {
-            title: 'Python程序设计',
-            des: '该系统可帮助学生掌握 Python基础语法，编程技巧和实战应用。采用项目式教学法，主要实验项目包含内置对象、运算符、表达式、关键字、Python序列结构、选择结构与循环结构、函数、面向对象程序设计、字符串、正则表达式、异常处理结构等。'
-          },
-          {
-            title: '大数据采集',
-            des: '该系统是一款帮助用户掌握运用Python进行网络爬虫开发的实验教学系统。系统涵盖了网络爬虫常见技能（request，Beautiful，Selenium，分布式爬虫，抓包的使用与分析，多线程与多进程等）的学习与应用'
-          },
-          {
-            title: '大数据清洗',
-            des: '数据清洗教学系统是一款帮助学生掌握运用python进行数据清洗的实验教学系统。实验项目包括：导入数据，处理缺失值，添加默认值，删除行列、创建哑变量、噪声值处理、替换、标准处理，线性颜色矩等20+个实验项目。'
-          },
-          {
-            title: '大数据分析',
-            des: '该系统帮助用户掌握如何运用python实现数据分析，实验项目包括：决策树算法、随机森林模型、特征工程、数据降维、逻辑回归、K-means 聚类、SVM模型、SVC预测、Boosting算法、XGBoost模型、朴素贝叶斯、TF-IDF算法、NLP文本分类算法等26+实验项目'
-          },
-          {
-            title: '大数据可视化',
-            des: '大数据可视化实验教学系统是一款帮助学生掌握通过python编程将数据进行可视化操作，从而更好地进行数据分析的实验教学系统。包括各类图形的绘制、三维图像等20+个实验项目'
-          },
-          {
-            title: '金融大数据综合',
-            des: '金融大数据综合实验教学系统是一款帮助学生掌握运用python实现金融大数据分析的实验教学系统。系统涵盖了从金融数据数据、清洗、挖掘、到可视化等全过程的操作实战'
-          },
-          {
-            title: '经济金融建模',
-            des: '本系统基于Python语言用于金融计算及股票、债券以及金融衍生工具的定价模型设计。'
-          },
-          {
-            title: '商科大数据综合',
-            des: '商科大数据综合实验教学系统是一款帮助学生掌握运用python实现电商行业、物流行业、旅游行业等商业大数据分析的实验教学系统。系统涵盖了从数据数据、清洗、挖掘、到可视化等全过程的操作实战'
-          }
-        ],
-        // 大数据
-        system3: [
-          {
-            title: '数字经济仿真实验',
-            des: '通过筹码推演和角色扮演模拟宏观和微观经济经营过程，营造真实经济环境，让学员体会现实生活中的厂商、政府、消费者之间经济行为，集实战性、操作性、体验式于一体，能够体现出市场结构、宏观调控、厂商行为、经济周期与经济增长过程。'
-          },
-          {
-            title: 'Python程序设计',
-            des: '该系统可帮助学生掌握 Python基础语法，编程技巧和实战应用。采用项目式教学法，主要实验项目包含内置对象、运算符、表达式、关键字、Python序列结构、选择结构与循环结构、函数、面向对象程序设计、字符串、正则表达式、异常处理结构等。'
-          },
-          {
-            title: '经济金融建模',
-            des: '本系统基于Python语言用于金融计算及股票、债券以及金融衍生工具的定价模型设计。'
-          },
-          {
-            title: '大数据采集',
-            des: 'Python数据采集实验教学系统是一款帮助用户掌握运用Python进行网络爬虫开发的实验教学系统。系统涵盖了网络爬虫常见技能（request，Beautiful，Selenium，分布式爬虫，抓包的使用与分析，多线程与多进程等）的学习与应用'
-          },
-          {
-            title: '商科大数据',
-            des: '商科大数据综合实验教学系统是一款帮助学生掌握运用python实现电商行业、物流行业、旅游行业等商业大数据分析的实验教学系统。系统涵盖了从数据数据、清洗、挖掘、到可视化等全过程的操作实战'
-          },
-          {
-            title: '金融大数据',
-            des: '金融大数据综合实验教学系统是一款帮助学生掌握运用python实现金融大数据分析的实验教学系统。系统涵盖了从金融数据数据、清洗、挖掘、到可视化等全过程的操作实战'
-          },
-          {
-            title: '企业数字化运营仿真实验',
-            des: '以“情景学习理论”为基础，以数字经济时代的“智能生产制造企业”为模拟对象，应用企业ERP管理思维与数字化思维，通过应用多点触控技术、虚拟仿真技术、大数据可视化技术等多种技术实现对企业涵盖决策层、管理层、业务层三个层次以及战略管理、财务管理、生产管理、采购管理、研发管理、营销管理、团队建设等多个活动主题进行仿真模拟。'
-          },
-          {
-            title: '区块链应用仿真',
-            des: '该系统以区块链在金融产业的真实解决方案为核心的创新实验教学综合系统，实训涵盖了区块链基础、智能合约基础、区块链电子发票、区块链供应链金融、区块链跨境支付、区块链贸易融资、区块链保险、数字货币、区块链金融项目设计等实训'
-          }
-        ],
-      }
-    },
-    components: {
-      scroll
-    },
-    mounted() {
-        new WOW().init()
-    },
-    methods: {
-        toPart(i){
-            this.active = i
-            document.querySelector(`#part${i}`).scrollIntoView()
+  data () {
+    return {
+      token: util.session.get(Setting.tokenKey),
+      active: '',
+      // 数字经济
+      system1: [
+        {
+          title: '商业银行经营与管理',
+          des: '虚拟银行机构，模拟行长、传统业务总监、金融市场总监、风险管理总监、财务部总监等，完成战略管理、资本管理、资产负债管理、风险管理、经济资本管理、财务报表、外部监管等经营任务。'
+        },
+        {
+          title: '商业银行综合柜面业务',
+          des: '模拟业务中的综合柜员、大堂经理，以及信贷经理等多个角色可以系统性地实操银行业务中的个人及公司的现金、非现金业务，结算业务、信贷业务等。'
+        },
+        {
+          title: '证券模拟交易',
+          des: '模拟交易行情为实时行情，与真实行情同步，模拟交易遵循真实交易规则；交易品种齐全，支持沪深A股、股指期货、商品期货、外汇。'
+        },
+        {
+          title: '保险综合业务',
+          des: '以保险产品、保险营销、保险承保、保险理赔各部分为基础，提供一个学生掌握保险业务相关技能的学习平台以及教师依据行业最新动态教学的教学平台'
+        },
+        {
+          title: '经济金融建模',
+          des: '本系统基于Python语言用于金融计算及股票、债券以及金融衍生工具的定价模型设计。'
+        },
+        {
+          title: '金融随机',
+          des: '本系统基于Python语言实践随机过程的基本概念、Poisson过程、更新过程、Markov链、Brown运动、鞅、数学模型、期权定价理论、随机过程等随机分析在金融领域中的应用项目'
+        },
+        {
+          title: '供应链金融',
+          des: '该系通为核心企业提供一站式互联网供应链金融综合服务解决方案，运用互联网技术将底层资产数据打通呈现给金融机构，实现产业链上下游资金融通，构建数字化产业链，实现金融产业数字化。'
+        },
+        {
+          title: '经济金融数据库',
+          des: '数据涵盖股票数据，期货数据，债券数据，期权数据，利率数据，公募数据和宏观数据，拥有超40年的历史数据，可为用户解读、预测、分析，模拟市场趋势、经济周期和世界事件影响提供必要的数据支持。'
+        }
+      ],
+      // 金融科技
+      system2: [
+        {
+          title: 'Python程序设计',
+          des: '该系统可帮助学生掌握 Python基础语法，编程技巧和实战应用。采用项目式教学法，主要实验项目包含内置对象、运算符、表达式、关键字、Python序列结构、选择结构与循环结构、函数、面向对象程序设计、字符串、正则表达式、异常处理结构等。'
+        },
+        {
+          title: '大数据采集',
+          des: '该系统是一款帮助用户掌握运用Python进行网络爬虫开发的实验教学系统。系统涵盖了网络爬虫常见技能（request，Beautiful，Selenium，分布式爬虫，抓包的使用与分析，多线程与多进程等）的学习与应用'
+        },
+        {
+          title: '大数据清洗',
+          des: '数据清洗教学系统是一款帮助学生掌握运用python进行数据清洗的实验教学系统。实验项目包括：导入数据，处理缺失值，添加默认值，删除行列、创建哑变量、噪声值处理、替换、标准处理，线性颜色矩等20+个实验项目。'
+        },
+        {
+          title: '大数据分析',
+          des: '该系统帮助用户掌握如何运用python实现数据分析，实验项目包括：决策树算法、随机森林模型、特征工程、数据降维、逻辑回归、K-means 聚类、SVM模型、SVC预测、Boosting算法、XGBoost模型、朴素贝叶斯、TF-IDF算法、NLP文本分类算法等26+实验项目'
+        },
+        {
+          title: '大数据可视化',
+          des: '大数据可视化实验教学系统是一款帮助学生掌握通过python编程将数据进行可视化操作，从而更好地进行数据分析的实验教学系统。包括各类图形的绘制、三维图像等20+个实验项目'
+        },
+        {
+          title: '金融大数据综合',
+          des: '金融大数据综合实验教学系统是一款帮助学生掌握运用python实现金融大数据分析的实验教学系统。系统涵盖了从金融数据数据、清洗、挖掘、到可视化等全过程的操作实战'
+        },
+        {
+          title: '经济金融建模',
+          des: '本系统基于Python语言用于金融计算及股票、债券以及金融衍生工具的定价模型设计。'
+        },
+        {
+          title: '商科大数据综合',
+          des: '商科大数据综合实验教学系统是一款帮助学生掌握运用python实现电商行业、物流行业、旅游行业等商业大数据分析的实验教学系统。系统涵盖了从数据数据、清洗、挖掘、到可视化等全过程的操作实战'
+        }
+      ],
+      // 大数据
+      system3: [
+        {
+          title: '数字经济仿真实验',
+          des: '通过筹码推演和角色扮演模拟宏观和微观经济经营过程，营造真实经济环境，让学员体会现实生活中的厂商、政府、消费者之间经济行为，集实战性、操作性、体验式于一体，能够体现出市场结构、宏观调控、厂商行为、经济周期与经济增长过程。'
+        },
+        {
+          title: 'Python程序设计',
+          des: '该系统可帮助学生掌握 Python基础语法，编程技巧和实战应用。采用项目式教学法，主要实验项目包含内置对象、运算符、表达式、关键字、Python序列结构、选择结构与循环结构、函数、面向对象程序设计、字符串、正则表达式、异常处理结构等。'
+        },
+        {
+          title: '经济金融建模',
+          des: '本系统基于Python语言用于金融计算及股票、债券以及金融衍生工具的定价模型设计。'
+        },
+        {
+          title: '大数据采集',
+          des: 'Python数据采集实验教学系统是一款帮助用户掌握运用Python进行网络爬虫开发的实验教学系统。系统涵盖了网络爬虫常见技能（request，Beautiful，Selenium，分布式爬虫，抓包的使用与分析，多线程与多进程等）的学习与应用'
         },
-        // 置顶
-        topping() {
-          document.documentElement.scrollTop = 0
-          document.body.scrollTop = 0
+        {
+          title: '商科大数据',
+          des: '商科大数据综合实验教学系统是一款帮助学生掌握运用python实现电商行业、物流行业、旅游行业等商业大数据分析的实验教学系统。系统涵盖了从数据数据、清洗、挖掘、到可视化等全过程的操作实战'
         },
-        // 免费试用
-        toTrial() {
-          window.open('https://www.wjx.top/vm/wFCPCFp.aspx')
+        {
+          title: '金融大数据',
+          des: '金融大数据综合实验教学系统是一款帮助学生掌握运用python实现金融大数据分析的实验教学系统。系统涵盖了从金融数据数据、清洗、挖掘、到可视化等全过程的操作实战'
         },
+        {
+          title: '企业数字化运营仿真实验',
+          des: '以“情景学习理论”为基础，以数字经济时代的“智能生产制造企业”为模拟对象，应用企业ERP管理思维与数字化思维，通过应用多点触控技术、虚拟仿真技术、大数据可视化技术等多种技术实现对企业涵盖决策层、管理层、业务层三个层次以及战略管理、财务管理、生产管理、采购管理、研发管理、营销管理、团队建设等多个活动主题进行仿真模拟。'
+        },
+        {
+          title: '区块链应用仿真',
+          des: '该系统以区块链在金融产业的真实解决方案为核心的创新实验教学综合系统，实训涵盖了区块链基础、智能合约基础、区块链电子发票、区块链供应链金融、区块链跨境支付、区块链贸易融资、区块链保险、数字货币、区块链金融项目设计等实训'
+        }
+      ],
     }
+  },
+  components: {
+    scroll
+  },
+  mounted () {
+    new WOW().init()
+  },
+  methods: {
+    toPart (i) {
+      this.active = i
+      document.querySelector(`#part${i}`).scrollIntoView()
+    },
+    // 置顶
+    topping () {
+      document.documentElement.scrollTop = 0
+      document.body.scrollTop = 0
+    },
+    // 免费试用
+    toTrial () {
+      window.open('https://www.wjx.top/vm/wFCPCFp.aspx')
+    },
+  }
 };
 </script>
 
 <style lang="scss" scoped>
 @import url(../../../plugins/wow/animate.css);
-.wrap{
-    position: relative;
-    background-color: #F3F6FA;
-    .screen {
-      position: absolute;
-      top: -1000px;
+
+.wrap {
+  position: relative;
+  background-color: #F3F6FA;
+
+  .screen {
+    position: absolute;
+    top: -1000px;
+  }
+
+  .banner {
+    background: linear-gradient(143deg, #376FF7 0%, #479DF8 100%);
+
+    .slide {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
     }
-    .banner {
-      background: linear-gradient(143deg, #376FF7 0%, #479DF8 100%);
-      .slide {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-      }
-      .slide1 {
-        background: url(../../../assets/img/zxy/banner-bg1-1.png) no-repeat,
-                    url(../../../assets/img/zxy/banner-bg1-2.png) bottom right/auto no-repeat;
-      }
-      .slide2 {
-        background: url(../../../assets/img/zxy/banner-bg2-1.png) no-repeat,
-                    url(../../../assets/img/zxy/banner-bg2-2.png) bottom right/auto no-repeat;
-      }
-      .slide3 {
-        background: url(../../../assets/img/zxy/banner-bg3-1.png) no-repeat;
-      }
-      .texts {
-        max-width: 540px;
-        margin-right: 230px;
-      }
-      .name {
-        margin-bottom: 30px;
-      }
-      .des {
-        margin-bottom: 35px;
-        font-size: 18px;
-        line-height: 25px;
-        color: #fff;
-      }
-      .btns {
-        display: flex;
-        a {
-          width: 96px;
-          text-align: center;
-          font-size: 14px;
-          line-height: 36px;
-          border-radius: 6px;
-          cursor: pointer;
-          &:hover {
-            opacity: .9;
-          }
-        }
-      }
-      .btn1 {
-        color: #fff;
-        border: 1px solid;
-      }
-      .btn2 {
-        margin-left: 16px;
-        color: #3B79F7;
-        background-color: #fff;
-      }
+
+    .slide1 {
+      background: url(../../../assets/img/zxy/banner-bg1-1.png) no-repeat,
+        url(../../../assets/img/zxy/banner-bg1-2.png) bottom right/auto no-repeat;
     }
-    .i-title{
-        z-index: 1;
-        position: relative;
-        margin-bottom: 37px;
-        font-size: 30px;
-        text-align: center;
-        color: #0B1D30;
-        &:after{
-            content: '';
-            position: absolute;
-            bottom: -10px;
-            left: 50%;
-            width: 30px;
-            height: 4px;
-            transform: translate(-50%);
-            background-color: #006EFF;
-        }
+
+    .slide2 {
+      background: url(../../../assets/img/zxy/banner-bg2-1.png) no-repeat,
+        url(../../../assets/img/zxy/banner-bg2-2.png) bottom right/auto no-repeat;
     }
-    .inner{
-        position: relative;
-        width: 1200px;
-        padding: 67px 0;
-        margin: 0 auto;
-    }
-    .en {
-        position: absolute;
-        top: 77px;
-        left: 50%;
-        width: 100%;
-        text-align: center;
-        font-size: 28px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #E5EBF1;
-        transform: translate(-50%);
+
+    .slide3 {
+      background: url(../../../assets/img/zxy/banner-bg3-1.png) no-repeat;
     }
-    .intro{
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        padding: 45px 0 32px;
-        background-color: #fff;
-        li{
-            display: inline-flex;
-            align-items: center;
-            cursor: pointer;
-            transition: .3s;
-            &.active{
-                .text {
-                    color: #007EFF;
-                }
-            }
-            &:hover{
-                margin-top: -15px;
-                .text {
-                    color: #007EFF;
-                }
-            }
-        }
-        img{
-            width: 50px;
-            margin-right: 15px;
-        }
-        .text {
-            font-size: 18px;
-            color: #0B1D30;
-            transition: .5s;
-        }
+
+    .texts {
+      max-width: 540px;
+      margin-right: 230px;
     }
-    .none{
-        padding: 50px 0;
-        text-align: center;
-        img{
-            width: 324px;
-            margin-bottom: 42px;
-        }
-        .text{
-            font-size: 12px;
-            color: #333;
-        }
+
+    .name {
+      margin-bottom: 30px;
     }
-    .pic {
-      position: relative;
-      width: 1200px;
-      padding: 64px 48px;
-      margin: 60px auto;
-      background: url(../../../assets/img/zxy/intro-bg.png) no-repeat;
-      & > h6 {
-        margin-bottom: 30px;
-        font-size: 36px;
-        color: #fff;
-        line-height: 50px;
-      }
-      .des {
-        width: 658px;
-        margin-bottom: 30px;
+
+    .des {
+      margin-bottom: 35px;
+      font-size: 18px;
+      line-height: 25px;
+      color: #fff;
+    }
+
+    .btns {
+      display: flex;
+
+      a {
+        width: 96px;
+        text-align: center;
         font-size: 14px;
-        color: #fff;
-        line-height: 30px;
-      }
-      .bg {
-        position: absolute;
-        top: -20px;
-        right: 23px;
-      }
-      .des-list {
-        display: flex;
-        justify-content: center;
-        & > li {
-          min-width: 225px;
-          padding: 7px 25px 26px 7px;
-          margin-right: 16px;
-          border-radius: 16px;
-          background-color: #fff;
-          box-shadow: 0px 2px 19px 0px rgba(49,106,209,0.16);
-          &:last-child {
-            margin-right: 0;
-          }
+        line-height: 36px;
+        border-radius: 6px;
+        cursor: pointer;
+
+        &:hover {
+          opacity: .9;
         }
-        .des-title {
-          display: flex;
-          align-items: center;
-          font-size: 20px;
+      }
+    }
+
+    .btn1 {
+      color: #fff;
+      border: 1px solid;
+    }
+
+    .btn2 {
+      margin-left: 16px;
+      color: #3B79F7;
+      background-color: #fff;
+    }
+  }
+
+  .i-title {
+    z-index: 1;
+    position: relative;
+    margin-bottom: 37px;
+    font-size: 30px;
+    text-align: center;
+    color: #0B1D30;
+
+    &:after {
+      content: '';
+      position: absolute;
+      bottom: -10px;
+      left: 50%;
+      width: 30px;
+      height: 4px;
+      transform: translate(-50%);
+      background-color: #006EFF;
+    }
+  }
+
+  .inner {
+    position: relative;
+    width: 1200px;
+    padding: 67px 0;
+    margin: 0 auto;
+  }
+
+  .en {
+    position: absolute;
+    top: 77px;
+    left: 50%;
+    width: 100%;
+    text-align: center;
+    font-size: 28px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #E5EBF1;
+    transform: translate(-50%);
+  }
+
+  .intro {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding: 45px 0 32px;
+    background-color: #fff;
+
+    li {
+      display: inline-flex;
+      align-items: center;
+      cursor: pointer;
+      transition: .3s;
+
+      &.active {
+        .text {
           color: #007EFF;
-          img {
-            margin-right: -8px;
-          }
         }
-        .detail {
-          margin: 10px 0 0 24px;
-          li {
-            display: flex;
-            align-items: center;
-            font-size: 14px;
-            color: #0B1D30;
-            line-height: 25px;
-            white-space: nowrap;
-            &::before {
-              content: '';
-              width: 2px;
-              height: 2px;
-              margin-right: 5px;
-              background-color: #333;
-            }
-          }
+      }
+
+      &:hover {
+        margin-top: -15px;
+
+        .text {
+          color: #007EFF;
         }
       }
     }
-    .scroll {
-      padding-bottom: 80px;
+
+    img {
+      width: 50px;
+      margin-right: 15px;
+    }
+
+    .text {
+      font-size: 18px;
+      color: #0B1D30;
+      transition: .5s;
+    }
+  }
+
+  .none {
+    padding: 50px 0;
+    text-align: center;
+
+    img {
+      width: 324px;
+      margin-bottom: 42px;
+    }
+
+    .text {
+      font-size: 12px;
+      color: #333;
+    }
+  }
+
+  .pic {
+    position: relative;
+    width: 1200px;
+    padding: 64px 48px;
+    margin: 60px auto;
+    background: url(../../../assets/img/zxy/intro-bg.png) no-repeat;
+
+    &>h6 {
+      margin-bottom: 30px;
+      font-size: 36px;
+      color: #fff;
+      line-height: 50px;
     }
-    .scroll-bg {
-      background: url(../../../assets/img/zxy/scroll-bg.png) (0 40px)/100% 100% no-repeat;
+
+    .des {
+      width: 658px;
+      margin-bottom: 30px;
+      font-size: 14px;
+      color: #fff;
+      line-height: 30px;
     }
-    .scroll-wrap {
-      width: 100%;
-      margin: 70px 0 30px;
-      overflow: hidden;
+
+    .bg {
+      position: absolute;
+      top: -20px;
+      right: 23px;
     }
-    .scroll-list {
+
+    .des-list {
       display: flex;
-      &::-webkit-scrollbar {
-        display: none;
-      }
-      li {
-        width: 276px;
-        height: 346px;
-        text-align: center;
-        &:hover {
-          padding: 10px 40px;
-          text-align: left;
-          border-radius: 10px;
-          background: url(../../../assets/img/zxy/scroll-hover.png) 0 0/100% 100% no-repeat;
-          img {
-            display: none;
-          }
-          h6 {
-            font-size: 18px;
-            color: #fff;
-            &:after {
-              content: '';
-              display: block;
-              width: 120px;
-              height: 2px;
-              margin-top: 18px;
-              background-color: rgba(255, 255, 255, 0.19);
-            }
-          }
-          .des {
-            width: auto;
-            color: #fff;
-            line-height: 28px;
-            overflow: visible;
-          }
+      justify-content: center;
+
+      &>li {
+        min-width: 225px;
+        padding: 7px 25px 26px 7px;
+        margin-right: 16px;
+        border-radius: 16px;
+        background-color: #fff;
+        box-shadow: 0px 2px 19px 0px rgba(49, 106, 209, 0.16);
+
+        &:last-child {
+          margin-right: 0;
         }
       }
-      h6 {
-        margin: 30px 0 15px;
+
+      .des-title {
+        display: flex;
+        align-items: center;
         font-size: 20px;
-        color: #333;
+        color: #007EFF;
+
+        img {
+          margin-right: -8px;
+        }
       }
-      .des {
-        width: 180px;
-        text-align: left;
-        margin: 0 auto;
-        font-size: 14px;
-        color: #666;
-        @include mul-ellipsis(2);
+
+      .detail {
+        margin: 10px 0 0 24px;
+
+        li {
+          display: flex;
+          align-items: center;
+          font-size: 14px;
+          color: #0B1D30;
+          line-height: 25px;
+          white-space: nowrap;
+
+          &::before {
+            content: '';
+            width: 2px;
+            height: 2px;
+            margin-right: 5px;
+            background-color: #333;
+          }
+        }
       }
     }
-    .card {
-      margin-bottom: 100px;
-      .card-list {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin-top: 70px;
-      }
-      li {
-        width: 320px;
-        height: 356px;
-        padding: 7px;
-        margin-right: 14px;
-        background-color: #fff;
-        box-shadow: 0px 5px 20px 0px rgba(98,117,163,0.08);
+  }
+
+  .scroll {
+    padding-bottom: 80px;
+  }
+
+  .scroll-bg {
+    background: url(../../../assets/img/zxy/scroll-bg.png) (0 40px)/100% 100% no-repeat;
+  }
+
+  .scroll-wrap {
+    width: 100%;
+    margin: 70px 0 30px;
+    overflow: hidden;
+  }
+
+  .scroll-list {
+    display: flex;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    li {
+      width: 276px;
+      height: 346px;
+      text-align: center;
+
+      &:hover {
+        padding: 10px 40px;
+        text-align: left;
         border-radius: 10px;
+        background: url(../../../assets/img/zxy/scroll-hover.png) 0 0/100% 100% no-repeat;
+
+        img {
+          display: none;
+        }
+
         h6 {
-          margin: 24px 0 16px;
           font-size: 18px;
-          text-align: center;
-          color: #0B1D30;
-          transition: .5s;
-        }
-        &:hover {
-          img {
-            transform: scale(1.05);
-          }
-          h6 {
-            margin-top: 30px;
+          color: #fff;
+
+          &:after {
+            content: '';
+            display: block;
+            width: 120px;
+            height: 2px;
+            margin-top: 18px;
+            background-color: rgba(255, 255, 255, 0.19);
           }
         }
+
+        .des {
+          width: auto;
+          color: #fff;
+          line-height: 28px;
+          overflow: visible;
+        }
       }
-      img {
+    }
+
+    h6 {
+      margin: 30px 0 15px;
+      font-size: 20px;
+      color: #333;
+    }
+
+    .des {
+      width: 180px;
+      text-align: left;
+      margin: 0 auto;
+      font-size: 14px;
+      color: #666;
+      @include mul-ellipsis(2);
+    }
+  }
+
+  .card {
+    margin-bottom: 100px;
+
+    .card-list {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 70px;
+    }
+
+    li {
+      width: 320px;
+      height: 356px;
+      padding: 7px;
+      margin-right: 14px;
+      background-color: #fff;
+      box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+      border-radius: 10px;
+
+      h6 {
+        margin: 24px 0 16px;
+        font-size: 18px;
+        text-align: center;
+        color: #0B1D30;
         transition: .5s;
       }
-      .des {
-        width: 254px;
-        margin: 0 auto;
-        font-size: 14px;
-        color: #757F92;
-        line-height: 20px;
+
+      &:hover {
+        img {
+          transform: scale(1.05);
+        }
+
+        h6 {
+          margin-top: 30px;
+        }
       }
     }
-    .card-bg {
-      background: #fff url(../../../assets/img/zxy/card-bg.png) (0 40px)/100% 100% no-repeat;
+
+    img {
+      transition: .5s;
     }
-    @keyframes rotate {
-        0% {
-            transform: rotate(0);
-        }
-        50% {
-            transform: rotate(180deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
+
+    .des {
+      width: 254px;
+      margin: 0 auto;
+      font-size: 14px;
+      color: #757F92;
+      line-height: 20px;
+    }
+  }
+
+  .card-bg {
+    background: #fff url(../../../assets/img/zxy/card-bg.png) (0 40px)/100% 100% no-repeat;
+  }
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0);
+    }
+
+    50% {
+      transform: rotate(180deg);
+    }
+
+    100% {
+      transform: rotate(360deg);
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/record/details/index.vue b/src/pages/record/details/index.vue
index fa150b6..8e02e55 100644
--- a/src/pages/record/details/index.vue
+++ b/src/pages/record/details/index.vue
@@ -64,7 +64,7 @@ export default {
       page: +this.$route.query.page || 1,
       pageSize: 10,
       multipleSelection: [],
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
     }
   },
   components: {
diff --git a/src/pages/record/list/index.vue b/src/pages/record/list/index.vue
index 255d596..8de502f 100644
--- a/src/pages/record/list/index.vue
+++ b/src/pages/record/list/index.vue
@@ -93,7 +93,7 @@ export default {
           name: '考核'
         },
       ],
-      token: Util.local.get(Setting.tokenKey),
+      token: Util.session.get(Setting.tokenKey),
     };
   },
   created () {
diff --git a/src/pages/record/theoryReport/index.vue b/src/pages/record/theoryReport/index.vue
index 6202cb3..204b1fa 100644
--- a/src/pages/record/theoryReport/index.vue
+++ b/src/pages/record/theoryReport/index.vue
@@ -275,7 +275,7 @@ export default {
       reportId: this.$route.query.reportId,
       fromTheory: this.$route.query.theory, // 来自理论考试
       matchName: this.$route.query.matchName, // 竞赛特有
-      token: Util.local.get(Setting.tokenKey),
+      token: Util.session.get(Setting.tokenKey),
       title: "实验报告",
       form: {
         className: "",
diff --git a/src/pages/screen/index.vue b/src/pages/screen/index.vue
index 5fc79bf..a415185 100644
--- a/src/pages/screen/index.vue
+++ b/src/pages/screen/index.vue
@@ -354,7 +354,7 @@ import Setting from '@/setting'
 export default {
   data () {
     return {
-      token: Util.local.get(Setting.tokenKey),
+      token: Util.session.get(Setting.tokenKey),
       time: 2,
       times: [
         {
diff --git a/src/pages/setting/person/index.vue b/src/pages/setting/person/index.vue
index 8c1a02a..1cc3396 100644
--- a/src/pages/setting/person/index.vue
+++ b/src/pages/setting/person/index.vue
@@ -3,31 +3,22 @@
     <div class="left">
       <div class="inner">
         <div class="text-center">
-          <img :src="avatar"
-               class="avatar" />
-          <el-upload :headers="{token}"
-                     :action="this.api.uploadUserAvatars"
-                     name="file"
-                     :limit="10"
-                     :show-file-list="false"
-                     :on-success="changeAvatar">
-            <el-button type="text"
-                       size="small">点击更换头像</el-button>
+          <img :src="avatar" class="avatar" />
+          <el-upload :headers="{ token }" :action="this.api.uploadUserAvatars" name="file" :limit="10"
+            :show-file-list="false" :on-success="changeAvatar">
+            <el-button type="text" size="small">点击更换头像</el-button>
           </el-upload>
         </div>
 
         <ul class="menu">
-          <li v-for="item in typeList"
-              :key="item.index"
-              :class="{active: item.index == active}">
+          <li v-for="item in typeList" :key="item.index" :class="{ active: item.index == active }">
             {{ item.title }}
           </li>
         </ul>
       </div>
     </div>
     <div class="right">
-      <info ref="info"
-            @updateStatus="updateStatus"></info>
+      <info ref="info" @updateStatus="updateStatus"></info>
     </div>
   </div>
 </template>
@@ -40,7 +31,7 @@ import util from '@/libs/util'
 export default {
   data () {
     return {
-      token: util.local.get(Setting.tokenKey),
+      token: util.session.get(Setting.tokenKey),
       typeList: [
         {
           index: '1',
@@ -94,39 +85,46 @@ export default {
 
 <style lang="scss" scoped>
 .main .wrap {
-    display: flex;
-    width: $min-width;
-    padding: 12px 0 0;
-    .left {
-        margin-right: 12px;
-        background-color: #fff;
-        box-shadow: 2px 0px 6px 0px #eeeeee;
-        .inner {
-            width: 170px;
-            padding: 20px 0;
-        }
-        .avatar {
-            width: 80px;
-            height: 80px;
-            border-radius: 50%;
-        }
-        .menu {
-            margin-top: 32px;
-            li {
-                padding: 0 20px;
-                color: #303133;
-                font-size: 14px;
-                line-height: 38px;
-                cursor: pointer;
-                &.active {
-                    color: #fff;
-                    background-color: #006eff;
-                }
-            }
-        }
+  display: flex;
+  width: $min-width;
+  padding: 12px 0 0;
+
+  .left {
+    margin-right: 12px;
+    background-color: #fff;
+    box-shadow: 2px 0px 6px 0px #eeeeee;
+
+    .inner {
+      width: 170px;
+      padding: 20px 0;
+    }
+
+    .avatar {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
     }
-    .right {
-        flex: 1;
+
+    .menu {
+      margin-top: 32px;
+
+      li {
+        padding: 0 20px;
+        color: #303133;
+        font-size: 14px;
+        line-height: 38px;
+        cursor: pointer;
+
+        &.active {
+          color: #fff;
+          background-color: #006eff;
+        }
+      }
     }
+  }
+
+  .right {
+    flex: 1;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/station/preview/index.vue b/src/pages/station/preview/index.vue
index 30b06e9..586ffdb 100644
--- a/src/pages/station/preview/index.vue
+++ b/src/pages/station/preview/index.vue
@@ -432,7 +432,7 @@ export default {
   },
   destroyed () {
     // 记录播放时长
-    Util.local.get(Setting.tokenKey) && this.courseId && this.$post(this.api.playRecordSave, {
+    Util.session.get(Setting.tokenKey) && this.courseId && this.$post(this.api.playRecordSave, {
       courseId: this.courseId,
       courseType: 0,
       playTime: Math.ceil((Date.now() - this.startTime) / 1000 / 60)
@@ -899,7 +899,7 @@ export default {
     // 进入python系统
     toPython (projectId) {
       const id = this.systemIds
-      let token = Util.local.get(Setting.tokenKey);
+      let token = Util.session.get(Setting.tokenKey);
       Util.cookies.set('assessmentId', '', -1)
       Util.cookies.set('classId', '', -1)
       Util.cookies.set('startTime', '', -1)
@@ -940,7 +940,7 @@ export default {
           this.curProject = curProject.projectId
         }
         const { systemId } = curProject
-        let token = Util.local.get(Setting.tokenKey)
+        let token = Util.session.get(Setting.tokenKey)
         this.third = curProject.type === 2 ? (curProject.systemId === 28 ? 'low' : 'ai') : ''
         if (systemId == 11) {
           // 银行系统
diff --git a/src/pages/theoryExam/index.vue b/src/pages/theoryExam/index.vue
index 29242a1..fa487b0 100644
--- a/src/pages/theoryExam/index.vue
+++ b/src/pages/theoryExam/index.vue
@@ -174,9 +174,9 @@ export default {
       numToLetter: Util.numToLetter,
       arabicToChinese: Util.arabicToChinese,
       headers: {
-        token: Util.local.get(Setting.tokenKey)
+        token: Util.session.get(Setting.tokenKey)
       },
-      token: Util.local.get(Setting.tokenKey),
+      token: Util.session.get(Setting.tokenKey),
       paperId: +this.$route.query.paperId, // 试卷id（练习专用）
       cid: +this.$route.query.cid,
       mallId: +this.$route.query.mallId || '',
diff --git a/src/pages/touristMatch/list/index.vue b/src/pages/touristMatch/list/index.vue
index 6665b3d..eaa4354 100644
--- a/src/pages/touristMatch/list/index.vue
+++ b/src/pages/touristMatch/list/index.vue
@@ -273,7 +273,7 @@ export default {
   data () {
     return {
       timer: null,
-      token: Util.local.get(Setting.tokenKey),
+      token: Util.session.get(Setting.tokenKey),
       fromOffical: !!this.$route.query.q, // 来自安财赛事
       statusList: ["待报名", "取消报名", "马上报名", "报名截止", "进入初赛", "已结束"],
       endList: ["报名开始", "报名截止", "报名截止", "竞赛开始", "竞赛结束", ""],
@@ -409,7 +409,7 @@ export default {
         sequence: form.sequence || null,
         keyWord: this.keyword
       }
-      this.$post(this.api[Util.local.get(Setting.tokenKey) ? 'competitionAfterLogin' : 'notLoggedInBeforeStudentEvents'], data).then(async ({ data }) => {
+      this.$post(this.api[Util.session.get(Setting.tokenKey) ? 'competitionAfterLogin' : 'notLoggedInBeforeStudentEvents'], data).then(async ({ data }) => {
         const list = data.records
         let result = []
         // 如果是安财赛事，只展示4条固定的赛事
@@ -486,7 +486,7 @@ export default {
                 total = startTime - now
                 break
               } else if (now >= startTime && now <= endTime) { // 阶段比赛进行中，显示进入比赛按钮
-                if ((item.whetherToSignUp === 0 || !Util.local.get(Setting.tokenKey)) && (e.method !== 2 || this.offlineCanEntry(e))) this.$set(item, 'stageName', e.count ? '已提交' : '进入' + e.stageName) // 报名了并且没参加比赛才能进入比赛
+                if ((item.whetherToSignUp === 0 || !Util.session.get(Setting.tokenKey)) && (e.method !== 2 || this.offlineCanEntry(e))) this.$set(item, 'stageName', e.count ? '已提交' : '进入' + e.stageName) // 报名了并且没参加比赛才能进入比赛
                 this.$set(item, 'endText', '阶段结束')
                 curStage = e
                 total = endTime - now
@@ -734,7 +734,7 @@ export default {
       const { status, id } = item
       const { competitionType } = item
       // 如果没登录，提示去登录
-      if (Util.local.get(Setting.tokenKey)) {
+      if (Util.session.get(Setting.tokenKey)) {
         this.curItem = item
         if (status == 4) { // 进入比赛
           // 参加过比赛不让参加
@@ -798,7 +798,7 @@ export default {
     // 进入python系统
     toPython () {
       const form = this.curItem.curStage
-      let token = Util.local.get(Setting.tokenKey);
+      let token = Util.session.get(Setting.tokenKey);
       Util.cookies.set('assessmentId', '', -1)
       Util.cookies.set('startTime', '', -1)
       Util.cookies.set('stopTime', '', -1)
@@ -841,7 +841,7 @@ export default {
         window.open(this.$router.resolve(`/theoryExam?competitionId=${form.id}&stageId=${stageId}&teamId=${teamId}`).href, 'theory')
         this.choosing = false
       } else {
-        let token = Util.local.get(Setting.tokenKey)
+        let token = Util.session.get(Setting.tokenKey)
         if (systemId == 11) {
           // 银行系统
           location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${cid}&systemId=${systemId}&projectId=${projectId}&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}&assessmentId=&classId=&stopTime=&test=true`
diff --git a/src/plugins/requests/index.js b/src/plugins/requests/index.js
index f49a334..71b1579 100644
--- a/src/plugins/requests/index.js
+++ b/src/plugins/requests/index.js
@@ -15,7 +15,7 @@ service.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8"
 // 请求拦截器
 service.interceptors.request.use(config => {
   Util.getToken();
-  let token = Util.local.get(Setting.tokenKey)
+  let token = Util.session.get(Setting.tokenKey)
   if (token) config.headers.token = token
   return config
 }, err => {
diff --git a/src/router/permission.js b/src/router/permission.js
index bb119a4..a8d2b14 100644
--- a/src/router/permission.js
+++ b/src/router/permission.js
@@ -6,7 +6,7 @@ const whiteList = Setting.whiteList // 白名单
 router.beforeEach((to, from, next) => {
   const officalTag = from.query.q && !to.query.q ? ((to.fullPath.includes('?') ? '&' : '?') + `q=${Date.now()}`) : '' // 安财赛事专用标识
   document.title = to.path === '/screenShow' || to.path === '/screenShowPro' ? '安徽省绿色食品全产业链数据可视化看板' : Setting.titleSuffix + '-' + to.meta.title
-  const role = util.local.get(Setting.tokenKey);
+  const role = util.session.get(Setting.tokenKey);
   if (!role && !whiteList.includes(to.path)) {
     next('/login' + officalTag)
   } else if (role && to.path === '/login') {
diff --git a/src/setting.js b/src/setting.js
index fc957c1..95c4a67 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -31,7 +31,7 @@ if (isDev) {
   host = "http://118.31.167.228/"; // 测试服
   // host = 'https://www.occupationlab.com/' // 正式服
   const ip = localStorage.getItem('localIp')
-  const ips = ['http://192.168.31.217:9000/', 'http://192.168.31.51:9000/', 'http://118.31.167.228/']
+  const ips = ['http://192.168.31.217:9000/', 'http://192.168.31.51:9000/', 'https://www.occupationlab.com/']
   host = ips[+ip]
   // host = 'http://192.168.31.51:9000/'
 } else if (isSq) {
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 61cb249..e989563 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -88,7 +88,7 @@ export default {
       return new Promise((resolve, reject) => {
         post(api.logout).then(() => {
           util.local.remove(Setting.storeKey)
-          util.local.remove(Setting.tokenKey)
+          util.session.remove(Setting.tokenKey)
           util.local.remove('oc_server_token')
           util.local.remove('oc_server_store')
           util.cookies.remove('customerName')