diff --git a/css/details.css b/css/details.css
index c3f5466..ef46d2e 100644
--- a/css/details.css
+++ b/css/details.css
@@ -468,6 +468,283 @@
 .content .details-box .file .indicate {
   margin-bottom: 24px;
 }
+.content .details-box .apply-btn {
+  position: relative;
+  z-index: 1;
+  width: fit-content;
+  margin: 20px auto 62px;
+}
+.content .details-box .apply-btn .btn {
+  width: 232px;
+  height: 30px;
+  font-size: 16px;
+  color: #ffffff;
+  margin: 0 auto;
+  z-index: 1;
+  cursor: pointer;
+}
+.content .details-box .apply-btn .btn .text {
+  text-align: center;
+  line-height: 30px;
+  background-color: #f95d5d;
+  border-radius: 7px 0 0 7px;
+}
+.content .details-box .apply-btn .btn .btn-right {
+  background-color: #333333;
+  border-radius: 0 7px 7px 0;
+  height: 100%;
+  width: 30px;
+}
+.content .details-box .apply-btn .btn .btn-right .arrows {
+  width: 10px;
+  height: 5px;
+}
+.content .details-box .apply-btn .apply-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+.content .details-box .apply-btn .apply-list {
+  position: absolute;
+  left: -15px;
+  top: -15px;
+  width: 262px;
+  background-color: #f2f2f2;
+  border-radius: 15px;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.17254902);
+  z-index: -1;
+  padding: 60px 15px 15px;
+}
+.content .details-box .apply-btn .apply-list .apply-item {
+  font-size: 16px;
+  color: #555555;
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  line-height: 40px;
+  cursor: pointer;
+}
+.content .details-box .apply-btn .apply-list .apply-item .dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  border: 1px solid #797979;
+  margin-right: 10px;
+}
+.content .details-box .apply-btn .apply-list .apply-item.pitch {
+  font-weight: 650;
+  color: #000000;
+}
+.content .details-box .apply-btn .apply-list .apply-item.pitch .dot {
+  border-color: #333;
+  background-color: #333;
+}
+.content .details-box .accreditation {
+  padding: 25px 20px;
+  margin-bottom: 40px;
+}
+.content .details-box .accreditation .accreditation-item:not(:last-of-type) {
+  margin-bottom: 27px;
+}
+.content .details-box .accreditation .accreditation-item .title {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-size: 16px;
+  color: #000000;
+  margin-bottom: 14px;
+}
+.content .details-box .accreditation .accreditation-item .title .icon {
+  height: 6px;
+  width: 11px;
+  transform: rotate(-90deg);
+  margin-right: 12px;
+}
+.content .details-box .accreditation .accreditation-item .list {
+  background-color: #f6f6f6;
+  border-radius: 6px;
+  padding: 20px 10px;
+}
+.content .details-box .accreditation .accreditation-item .list .item {
+  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+  font-weight: 400;
+  font-size: 15px;
+}
+.content .details-box .accreditation .accreditation-item .list .item:not(:last-of-type) {
+  margin-bottom: 13px;
+}
+.content .details-box .accreditation .accreditation-item .list .item .dot {
+  width: 8px;
+  height: 8px;
+  margin-right: 10px;
+}
+.content .details-box .recommend-list {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}
+.content .details-box .recommend-list .item {
+  border: 1px solid #ebebeb;
+  border-radius: 12px;
+  background-color: #fff;
+  width: 328px;
+  padding-top: 18px;
+  margin-bottom: 20px;
+}
+.content .details-box .recommend-list .item:nth-of-type(2n - 1) {
+  margin-right: 10px;
+}
+.content .details-box .recommend-list .item .school {
+  font-size: 14px;
+  color: #333333;
+  margin-bottom: 13px;
+  padding: 0 12px;
+}
+.content .details-box .recommend-list .item .school .icon {
+  width: 16px;
+  height: 18px;
+  margin-right: 8px;
+}
+.content .details-box .recommend-list .item .name {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-size: 16px;
+  color: #000000;
+  margin-bottom: 16px;
+  padding: 0 12px;
+}
+.content .details-box .recommend-list .item .english {
+  font-size: 13px;
+  color: #7f7f7f;
+  margin-bottom: 12px;
+  padding: 0 12px;
+}
+.content .details-box .recommend-list .item .introduce {
+  font-size: 14px;
+  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+  font-weight: 400;
+  color: #555555;
+  margin-bottom: 15px;
+  padding: 0 12px;
+}
+.content .details-box .recommend-list .item .introduce .quantity {
+  font-family: "Arial-Black", "Arial Black", sans-serif;
+  font-weight: 900;
+  color: #000000;
+  margin-left: 5px;
+}
+.content .details-box .recommend-list .item .introduce .line {
+  margin: 0 12px;
+  color: #d7d7d7;
+}
+.content .details-box .recommend-list .item .tag {
+  padding: 0 12px;
+}
+.content .details-box .recommend-list .item .tag .tag-item {
+  height: 20px;
+  padding: 0 6px;
+  background-color: #f9f8f8;
+  box-sizing: border-box;
+  border: 1px solid #aaaaaa;
+  border-radius: 6px;
+  font-size: 12px;
+  color: #7f7f7f;
+}
+.content .details-box .recommend-list .item .tag .tag-item.recommended {
+  color: #fff;
+  background-color: #04b0d5;
+  border-color: #04b0d5;
+}
+.content .details-box .recommend-list .item .tag .tag-item.required {
+  color: #fff;
+  background-color: #6fc16d;
+  border-color: #6fc16d;
+}
+.content .details-box .recommend-list .item .btn {
+  height: 50px;
+  background-color: #edf0f4;
+  border-top: 1px solid #ebebeb;
+  border-radius: 0 0 12px 12px;
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-style: normal;
+  font-size: 14px;
+}
+.content .details-box .recommend-list .item .btn .btn-item {
+  position: relative;
+  cursor: pointer;
+}
+.content .details-box .recommend-list .item .btn .btn-item:not(:last-of-type)::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: 1px;
+  width: 1px;
+  height: 21px;
+  transform: translateY(-50%);
+  background-color: #aaaaaa;
+}
+.content .details-box .recommend-list .item .btn .btn-item .icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+}
+.content .details-box .consult-more {
+  font-size: 14px;
+  color: #555555;
+  line-height: 26px;
+  cursor: pointer;
+}
+.content .details-box .consult-more .icon {
+  width: 18px;
+  height: 18px;
+  margin-left: 6px;
+}
+.content .details-box .discipline {
+  padding-top: 29px;
+  padding-bottom: 33px;
+  padding: 29px 28px 33px;
+  margin-bottom: 40px;
+}
+.content .details-box .discipline .discipline-title {
+  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+  font-weight: 650;
+  font-style: normal;
+  font-size: 18px;
+  color: #000000;
+  text-align: center;
+  line-height: 34px;
+  margin-bottom: 16px;
+}
+.content .details-box .discipline .discipline-btn {
+  height: 36px;
+  background-color: #f6f6f6;
+  border-radius: 9px;
+  cursor: pointer;
+}
+.content .details-box .discipline .discipline-btn .text {
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  color: #333333;
+  padding-left: 11px;
+}
+.content .details-box .discipline .discipline-btn .sum {
+  font-size: 14px;
+  color: #555555;
+  padding-right: 11px;
+}
+.content .details-box .discipline .discipline-btn .sum .quantity {
+  font-family: "Arial-Black", "Arial Black", sans-serif;
+  font-weight: 900;
+  color: #000000;
+  margin: 0 6px;
+}
+.content .details-box .discipline .discipline-btn .green-btn {
+  width: 36px;
+  height: 36px;
+  background-color: #6fc16d;
+  border-radius: 0 9px 9px 0;
+}
 .content .details-box .block {
   background-color: #ffffff;
   border: 1px solid #ebebeb;
diff --git a/css/details.less b/css/details.less
index af9e1f6..cb9aaf1 100644
--- a/css/details.less
+++ b/css/details.less
@@ -535,6 +535,318 @@
             }
         }
 
+        .apply-btn {
+            position: relative;
+            z-index: 1;
+            width: fit-content;
+            margin: 20px auto 62px;
+
+            .btn {
+                width: 232px;
+                height: 30px;
+                font-size: 16px;
+                color: #ffffff;
+                margin: 0 auto;
+                z-index: 1;
+                cursor: pointer;
+
+                .text {
+                    text-align: center;
+                    line-height: 30px;
+                    background-color: rgba(249, 93, 93, 1);
+                    border-radius: 7px 0 0 7px;
+                }
+
+                .btn-right {
+                    background-color: rgba(51, 51, 51, 1);
+                    border-radius: 0 7px 7px 0;
+                    height: 100%;
+                    width: 30px;
+
+                    .arrows {
+                        width: 10px;
+                        height: 5px;
+                    }
+                }
+            }
+
+            .apply-mask {
+                position: fixed;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                z-index: -1;
+            }
+
+            .apply-list {
+                position: absolute;
+                left: -15px;
+                top: -15px;
+                width: 262px;
+                background-color: rgba(242, 242, 242, 1);
+                border-radius: 15px;
+                box-shadow: 0 0 5px rgba(0, 0, 0, 0.172549019607843);
+                z-index: -1;
+                padding: 60px 15px 15px;
+
+                .apply-item {
+                    font-size: 16px;
+                    color: #555555;
+                    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                    line-height: 40px;
+                    cursor: pointer;
+                    .dot {
+                        width: 6px;
+                        height: 6px;
+                        border-radius: 50%;
+                        border: 1px solid #797979;
+                        margin-right: 10px;
+                    }
+
+                    &.pitch {
+                        font-weight: 650;
+                        color: #000000;
+
+                        .dot {
+                            border-color: #333;
+                            background-color: #333;
+                        }
+                    }
+                }
+            }
+        }
+
+        .accreditation {
+            padding: 25px 20px;
+            margin-bottom: 40px;
+            .accreditation-item {
+                &:not(:last-of-type) {
+                    margin-bottom: 27px;
+                }
+                .title {
+                    .icon {
+                        height: 6px;
+                        width: 11px;
+                        transform: rotate(-90deg);
+                        margin-right: 12px;
+                    }
+
+                    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                    font-weight: 650;
+                    font-size: 16px;
+                    color: #000000;
+                    margin-bottom: 14px;
+                }
+
+                .list {
+                    background-color: rgba(246, 246, 246, 1);
+                    border-radius: 6px;
+                    padding: 20px 10px;
+
+                    .item {
+                        font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+                        font-weight: 400;
+                        font-size: 15px;
+
+                        &:not(:last-of-type) {
+                            margin-bottom: 13px;
+                        }
+
+                        .dot {
+                            width: 8px;
+                            height: 8px;
+                            margin-right: 10px;
+                        }
+                    }
+                }
+            }
+        }
+
+        .recommend-list {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+
+            .item {
+                border: 1px solid rgba(235, 235, 235, 1);
+                border-radius: 12px;
+                background-color: #fff;
+                width: 328px;
+                padding-top: 18px;
+                margin-bottom: 20px;
+
+                &:nth-of-type(2n - 1) {
+                    margin-right: 10px;
+                }
+                .school {
+                    font-size: 14px;
+                    color: #333333;
+                    margin-bottom: 13px;
+                    padding: 0 12px;
+
+                    .icon {
+                        width: 16px;
+                        height: 18px;
+                        margin-right: 8px;
+                    }
+                }
+                .name {
+                    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                    font-weight: 650;
+                    font-size: 16px;
+                    color: #000000;
+                    margin-bottom: 16px;
+                    padding: 0 12px;
+                }
+
+                .english {
+                    font-size: 13px;
+                    color: #7f7f7f;
+                    margin-bottom: 12px;
+                    padding: 0 12px;
+                }
+
+                .introduce {
+                    font-size: 14px;
+                    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
+                    font-weight: 400;
+                    color: #555555;
+                    margin-bottom: 15px;
+                    padding: 0 12px;
+
+                    .quantity {
+                        font-family: "Arial-Black", "Arial Black", sans-serif;
+                        font-weight: 900;
+                        color: #000000;
+                        margin-left: 5px;
+                    }
+
+                    .line {
+                        margin: 0 12px;
+                        color: #d7d7d7;
+                    }
+                }
+
+                .tag {
+                    padding: 0 12px;
+
+                    .tag-item {
+                        height: 20px;
+                        padding: 0 6px;
+                        background-color: rgba(249, 248, 248, 1);
+                        box-sizing: border-box;
+                        border: 1px solid rgba(170, 170, 170, 1);
+                        border-radius: 6px;
+                        font-size: 12px;
+                        color: #7f7f7f;
+
+                        &.recommended {
+                            color: #fff;
+                            background-color: rgba(4, 176, 213, 1);
+                            border-color: rgba(4, 176, 213, 1);
+                        }
+
+                        &.required {
+                            color: #fff;
+                            background-color: rgba(111, 193, 109, 1);
+                            border-color: rgba(111, 193, 109, 1);
+                        }
+                    }
+                }
+                .btn {
+                    height: 50px;
+                    background-color: rgba(237, 240, 244, 1);
+                    border-top: 1px solid rgba(235, 235, 235, 1);
+                    border-radius: 0 0 12px 12px;
+                    font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                    font-weight: 650;
+                    font-style: normal;
+                    font-size: 14px;
+
+                    .btn-item {
+                        position: relative;
+                        cursor: pointer;
+                        &:not(:last-of-type)::after {
+                            content: "";
+                            position: absolute;
+                            top: 50%;
+                            right: 1px;
+                            width: 1px;
+                            height: 21px;
+                            transform: translateY(-50%);
+                            background-color: #aaaaaa;
+                        }
+                        .icon {
+                            width: 16px;
+                            height: 16px;
+                            margin-right: 6px;
+                        }
+                    }
+                }
+            }
+        }
+
+        .consult-more {
+            font-size: 14px;
+            color: #555555;
+            line-height: 26px;
+            cursor: pointer;
+            .icon {
+                width: 18px;
+                height: 18px;
+                margin-left: 6px;
+            }
+        }
+
+        .discipline {
+            padding-top: 29px;
+            padding-bottom: 33px;
+            padding: 29px 28px 33px;
+            margin-bottom: 40px;
+            .discipline-title {
+                font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
+                font-weight: 650;
+                font-style: normal;
+                font-size: 18px;
+                color: #000000;
+                text-align: center;
+                line-height: 34px;
+                margin-bottom: 16px;
+            }
+            .discipline-btn {
+                height: 36px;
+                background-color: rgba(246, 246, 246, 1);
+                border-radius: 9px;
+                cursor: pointer;
+                .text {
+                    font-weight: 400;
+                    font-style: normal;
+                    font-size: 14px;
+                    color: #333333;
+                    padding-left: 11px;
+                }
+                .sum {
+                    font-size: 14px;
+                    color: #555555;
+                    padding-right: 11px;
+
+                    .quantity {
+                        font-family: "Arial-Black", "Arial Black", sans-serif;
+                        font-weight: 900;
+                        color: #000000;
+                        margin: 0 6px;
+                    }
+                }
+
+                .green-btn {
+                    width: 36px;
+                    height: 36px;
+                    background-color: rgba(111, 193, 109, 1);
+                    border-radius: 0 9px 9px 0;
+                }
+            }
+        }
+
         .block {
             background-color: rgba(255, 255, 255, 1);
             border: 1px solid rgba(235, 235, 235, 1);
diff --git a/html/details.html b/html/details.html
index 7651599..ebd5814 100644
--- a/html/details.html
+++ b/html/details.html
@@ -82,6 +82,105 @@
                     <div class="details-box flex1" ref="detailsRef">
                         <div class="side-item" type="basic">
                             <div class="side-head flexcenter side-head-no-bottom">基本信息</div>
+
+                            <div class="item-header flexacenter">学科领域</div>
+                            <div class="block discipline">
+                                <div class="discipline-title">{{ discipline.name }}</div>
+                                <a target="_blank" url="/pages/projectSubjectList/projectSubjectList?id={{ discipline.id }}" class="discipline-btn flexacenter">
+                                    <div class="text flex1">该学科领域的其他项目</div>
+                                    <div class="sum flexacenter">
+                                        共
+                                        <div class="quantity">{{ discipline.count }}</div>
+                                        个
+                                    </div>
+                                    <div class="green-btn flexcenter">
+                                        <img class="icon" src="/img/arrows-white.svg">
+                                    </div>
+                                </a>
+                            </div>
+
+                            <div class="item-header flexacenter">推荐项目</div>
+                            <div class="recommend-list">
+                                <div class="item" v-for="(item,index) in recommendList" :key="index" bind:tap="goPage" data-url="/pages/projectDetails/projectDetails?uniqid={{ item.uniqid }}" style="z-index: {{ item.moreState ? 2 : '' }};">
+                                    <div class="school flexacenter">
+                                        <img class="icon" :src="item.schoollogo" />
+                                        {{ item.schoolname }}
+                                    </div>
+                                    <div class="name flex1">{{ item.name_zh }}</div>
+                                    <div class="english">{{ item.name_en }}</div>
+                                    <div class="introduce flexacenter">
+                                        <div class="flexacenter" v-if="item.rank">
+                                            专业排名
+                                            <div class="quantity">{{ item.rank }}</div>
+                                        </div>
+                                        <div class="flexacenter" v-if="item.tuition_fee">
+                                            <div class="line" v-if="item.rank">|</div>
+                                            学费HK$
+                                            <div class="quantity">{{ item.tuition_fee_text }}</div>
+                                        </div>
+                                    </div>
+                                    <!-- <div class="word" v-if="item.distinctive">{{ item.distinctive }}</div> -->
+                                    <div class="tag flexflex">
+                                        <div class="tag-item admissions" v-if="item.admissionsproject">招生官项目</div>
+                                        <div class="tag-item gray" :class="{'semester': item.semesterState}">{{ item.semester.text }}</div>
+                                        <div class="tag-item" v-for="(item,index) in item.tags" :key="index">{{ item }}</div>
+                                    </div>
+                                    <div class="btn flexacenter">
+                                        <div class="btn-item flexcenter flex1" bind:tap="goDetails" data-index="{{ index }}">
+                                            <img class="icon" src="https://app.gter.net/image/miniApp/offer/check-icon.png" />
+                                            查看该项目
+                                        </div>
+                                        <div class="btn-item flexcenter flex1" bind:tap="goVs" data-index="{{ index }}">
+                                            <img class="icon" src="https://app.gter.net/image/miniApp/offer/vs-circle-black.png" />
+                                            与该项目对比
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="consult-more flexcenter" v-if="recommendPage != 0" bind:tap="getRecommendData">
+                                加载更多
+                                <img class="icon" src="https://app.gter.net/image/miniApp/offer/arrow-circle.png" />
+                            </div>
+
+                            <div class="apply-btn flexacenter">
+                                <div class="btn flexacenter" @click="cutApplyState()">
+                                    <div class="text flex1">- {{ admissionsObj.season }}申请信息 -</div>
+                                    <div class="btn-right flexcenter">
+                                        <img class="arrows" src="https://app.gter.net/image/miniApp/offer/triangle-white.svg" />
+                                    </div>
+                                </div>
+
+                                <block v-if="applyListState">
+                                    <div class="apply-mask" @click="cutApplyState()"></div>
+                                    <div class="apply-list">
+                                        <div class="apply-item flexacenter" :class="{'pitch': item.id == admissionsObj.id }" v-for="(item,index) in admissions" @click="cutApplyIndex(item.id)">
+                                            <div class="dot"></div>
+                                            <div class="text">{{ item.season }}申请信息</div>
+                                        </div>
+                                    </div>
+                                </block>
+                            </div>
+
+                            <template v-if="isAccreditation">
+                                <div class="item-header flexacenter">专业资格认证</div>
+                                <div class="block accreditation">
+                                    <template v-for="(item,index) in accreditation" :key="index">
+                                        <div class="accreditation-item" v-if="item.list.length != 0">
+                                            <div class="title flexacenter">
+                                                <img class="icon" src="https://app.gter.net/image/miniApp/offer/triangle-red.svg" />
+                                                {{ item.title }}
+                                            </div>
+                                            <div class="list">
+                                                <div class="item flexacenter" v-for="(item,index) in item.list" :key="index">
+                                                    <img class="dot" src="https://app.gter.net/image/miniApp/offer/dot-green.svg" />
+                                                    <div class="flex1">{{ item.body_full_zh }}({{ item.body_abbr }})</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </template>
+                                </div>
+                            </template>
+
                             <div class="item-header flexacenter">奖学金</div>
                             <div class="scholarships-list">
                                 <div class="block scholarships" v-for="(item, index) in scholarships" :key="index">
@@ -1262,7 +1361,228 @@
                             scholarship_name: "Seed Funding Support for Start-Up Projects",
                         },
                     ]);
-                    return { scholarships, documents, admission_requirementsObj, previewShow, openPreview, hidePreview, swiperRef, cutSwiper, admissionCurrent, moldObj, urls, offerList, side, sideKey, info, disciplineObj, rankingsObj, cutStudyMode, studyMode, course, contras, copy, download, stateObj, bindblur, remark, addComparison, cutSide, detailsRef, stateState, cutState, changeType, deletee };
+
+                    const accreditation = ref({
+                        AC: {
+                            list: [
+                                {
+                                    accreditation_type: "ACCREDITATION",
+                                    body_abbr: "SWRB",
+                                    body_full_en: "Social Workers Registration Board",
+                                    body_full_zh: "社会工作者注册局",
+                                    discipline: "SOCIAL_WORK",
+                                    program_id: 57,
+                                    region: "Hong Kong",
+                                    website: "https://www.swrb.org.hk/en/",
+                                },
+                                {
+                                    accreditation_type: "ACCREDITATION",
+                                    body_abbr: "SWRB",
+                                    body_full_en: "Social Workers Registration Board",
+                                    body_full_zh: "社会工作者注册局",
+                                    discipline: "SOCIAL_WORK",
+                                    program_id: 57,
+                                    region: "Hong Kong",
+                                    website: "https://www.swrb.org.hk/en/",
+                                },
+                            ],
+                            title: "认证机构",
+                        },
+                        RE: {
+                            list: [
+                                {
+                                    accreditation_type: "ACCREDITATION",
+                                    body_abbr: "SWRB",
+                                    body_full_en: "Social Workers Registration Board",
+                                    body_full_zh: "社会工作者注册局",
+                                    discipline: "SOCIAL_WORK",
+                                    program_id: 57,
+                                    region: "Hong Kong",
+                                    website: "https://www.swrb.org.hk/en/",
+                                },
+                            ],
+                            title: "验证机构",
+                        },
+                        VA: {
+                            list: [],
+                            title: "认可机构",
+                        },
+                    });
+                    let isAccreditation = ref(true);
+
+                    let applyListState = ref(false);
+                    let admissions = ref([
+                        {
+                            admission_deposit: null,
+                            admission_deposit_text: "",
+                            admission_type: "Rolling admission",
+                            application_end: { "round 1": "TBC" },
+                            application_fee: 0,
+                            application_fee_text: "",
+                            application_fee_unit: "HKD",
+                            application_start: "2024-09-16",
+                            application_url: "https://www.cityu.edu.hk/pg/programme/p71",
+                            id: 57,
+                            intake_month: 9,
+                            intake_year: 2025,
+                            interviewRounds: [{ text: "第一轮", time: "TBC" }],
+                            leaflet_url: null,
+                            program_id: 57,
+                            remarks: "学费未明确说明",
+                            remarks_zh: null,
+                            result_time: null,
+                            season: "25Fall",
+                            tuition_fee: 341000,
+                            tuition_fee_per_credit: 6200,
+                            tuition_fee_per_credit_text: "6,200",
+                            tuition_fee_per_year: 0,
+                            tuition_fee_text: "341,000",
+                            tuition_fee_unit: "HKD",
+                        },
+                        {
+                            admission_deposit: null,
+                            admission_deposit_text: "",
+                            admission_type: "Rolling admission",
+                            application_end: { "round 1": "TBC" },
+                            application_fee: 0,
+                            application_fee_text: "",
+                            application_fee_unit: "HKD",
+                            application_start: "2024-09-16",
+                            application_url: "https://www.cityu.edu.hk/pg/programme/p71",
+                            id: 57,
+                            intake_month: 9,
+                            intake_year: 2025,
+                            interviewRounds: [{ text: "第一轮", time: "TBC" }],
+                            leaflet_url: null,
+                            program_id: 57,
+                            remarks: "学费未明确说明",
+                            remarks_zh: null,
+                            result_time: null,
+                            season: "25Fall",
+                            tuition_fee: 341000,
+                            tuition_fee_per_credit: 6200,
+                            tuition_fee_per_credit_text: "6,200",
+                            tuition_fee_per_year: 0,
+                            tuition_fee_text: "341,000",
+                            tuition_fee_unit: "HKD",
+                        },
+                    ]);
+
+                    let admissionsObj = ref({
+                        admission_deposit: null,
+                        admission_deposit_text: "",
+                        admission_type: "Rolling admission",
+                        application_end: { "round 1": "TBC" },
+                        application_fee: 0,
+                        application_fee_text: "",
+                        application_fee_unit: "HKD",
+                        application_start: "2024-09-16",
+                        application_url: "https://www.cityu.edu.hk/pg/programme/p71",
+                        id: 57,
+                        intake_month: 9,
+                        intake_year: 2025,
+                        interviewRounds: [{ text: "第一轮", time: "TBC" }],
+                        leaflet_url: null,
+                        program_id: 57,
+                        remarks: "学费未明确说明",
+                        remarks_zh: null,
+                        result_time: null,
+                        season: "25Fall",
+                        tuition_fee: 341000,
+                        tuition_fee_per_credit: 6200,
+                        tuition_fee_per_credit_text: "6,200",
+                        tuition_fee_per_year: 0,
+                        tuition_fee_text: "341,000",
+                        tuition_fee_unit: "HKD",
+                    });
+
+                    let recommendList = ref([
+                        {
+                            admissionsproject: 1,
+                            contraststatus: { status: 1, ismanage: 1, projectid: 424 },
+                            department: null,
+                            departmentid: 0,
+                            disciplineid: 14,
+                            distinctive: "培养具有理论和实践知识的社会科学从业人员",
+                            id: 424,
+                            intake: 2025,
+                            intake_month: 9,
+                            name_abbr: "MAASS",
+                            name_alias: null,
+                            name_en: "Master of Arts in Applied Social Sciences",
+                            name_zh: "金融学硕士（投资管理）",
+                            rank: "97",
+                            schoolalias: "城大",
+                            schoolid: 311,
+                            schoollogo: "https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJRfNzUxNg~~",
+                            schoolname: "香港大学",
+                            semester: { year: 2025, month: 9, text: "25Fall" },
+                            semesterState: true,
+                            tags: { "5eGTPL4eaDu5": "论文课程", vz9i0ObieS9W: "学费低", WGnTH19uDH50: "项目课程" },
+                            tuition_fee: 186000,
+                            uniqid: "be4mfKLvXe0u",
+                        },
+                        {
+                            admissionsproject: 1,
+                            contraststatus: { status: 1, ismanage: 1, projectid: 424 },
+                            department: null,
+                            departmentid: 0,
+                            disciplineid: 14,
+                            distinctive: "培养具有理论和实践知识的社会科学从业人员",
+                            id: 424,
+                            intake: 2025,
+                            intake_month: 9,
+                            name_abbr: "MAASS",
+                            name_alias: null,
+                            name_en: "Master of Arts in Applied Social Sciences",
+                            name_zh: "文学硕士（应用社会科学）",
+                            rank: "97",
+                            schoolalias: "城大",
+                            schoolid: 311,
+                            schoollogo: "https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJRfNzUxNg~~",
+                            schoolname: "香港城市大学",
+                            semester: { year: 2025, month: 9, text: "25Fall" },
+                            semesterState: true,
+                            tags: { "5eGTPL4eaDu5": "论文课程", vz9i0ObieS9W: "学费低", WGnTH19uDH50: "项目课程" },
+                            tuition_fee: 186000,
+                            uniqid: "be4mfKLvXe0u",
+                        },
+                        {
+                            admissionsproject: 1,
+                            contraststatus: { status: 1, ismanage: 1, projectid: 424 },
+                            department: null,
+                            departmentid: 0,
+                            disciplineid: 14,
+                            distinctive: "培养具有理论和实践知识的社会科学从业人员",
+                            id: 424,
+                            intake: 2025,
+                            intake_month: 9,
+                            name_abbr: "MAASS",
+                            name_alias: null,
+                            name_en: "Master of Arts in Applied Social Sciences",
+                            name_zh: "文学硕士（应用社会科学）",
+                            rank: "97",
+                            schoolalias: "城大",
+                            schoolid: 311,
+                            schoollogo: "https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJRfNzUxNg~~",
+                            schoolname: "香港城市大学",
+                            semester: { year: 2025, month: 9, text: "25Fall" },
+                            semesterState: true,
+                            tags: { "5eGTPL4eaDu5": "论文课程", vz9i0ObieS9W: "学费低", WGnTH19uDH50: "项目课程" },
+                            tuition_fee: 186000,
+                            uniqid: "be4mfKLvXe0u",
+                        },
+                    ]);
+
+                    let discipline = ref({
+                        alias: "A04",
+                        count: 162,
+                        enname: "Computer Science and Information Technology",
+                        id: 3,
+                        name: "商学与管理学类",
+                    });
+
+                    return { discipline, recommendList, admissionsObj, admissions, applyListState, isAccreditation, accreditation, scholarships, documents, admission_requirementsObj, previewShow, openPreview, hidePreview, swiperRef, cutSwiper, admissionCurrent, moldObj, urls, offerList, side, sideKey, info, disciplineObj, rankingsObj, cutStudyMode, studyMode, course, contras, copy, download, stateObj, bindblur, remark, addComparison, cutSide, detailsRef, stateState, cutState, changeType, deletee };
                 },
             });
             subject.component("text-module", textModule);
diff --git a/img/arrows-white.svg b/img/arrows-white.svg
new file mode 100644
index 0000000..3c58b9d
--- /dev/null
+++ b/img/arrows-white.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="7px" height="12px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1170 -725 )">
+    <path d="M 6.87972508591065 5.72344689378758  C 6.95990836197022 5.80360721442886  7 5.89579158316633  7 6  C 7 6.10420841683367  6.95990836197022 6.19639278557114  6.87972508591065 6.27655310621242  L 1.27491408934708 11.8797595190381  C 1.19473081328751 11.9599198396794  1.10252004581901 12  0.99828178694158 12  C 0.894043528064147 12  0.801832760595647 11.9599198396794  0.721649484536082 11.8797595190381  L 0.120274914089347 11.2785571142285  C 0.0400916380297822 11.1983967935872  0 11.1062124248497  0 11.002004008016  C 0 10.8977955911824  0.0400916380297822 10.8056112224449  0.120274914089347 10.7254509018036  L 4.84707903780069 6  L 0.120274914089347 1.27454909819639  C 0.0400916380297822 1.19438877755511  0 1.10220440881763  0 0.997995991983968  C 0 0.893787575150299  0.0400916380297822 0.801603206412824  0.120274914089347 0.721442885771542  L 0.721649484536082 0.120240480961924  C 0.801832760595647 0.0400801603206409  0.894043528064147 0  0.99828178694158 0  C 1.10252004581901 0  1.19473081328751 0.0400801603206409  1.27491408934708 0.120240480961924  L 6.87972508591065 5.72344689378758  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1170 725 )" />
+  </g>
+</svg>
\ No newline at end of file