diff --git a/src/App.vue b/src/App.vue
index 85ff42d..46b2fec 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -37,18 +37,24 @@ const setFontSize = () => {
 //     }
 //   },
 
+// })
+// onMounted(() => {
+//   window.addEventListener('resize', function () {
+//     isMobile.value = isMobileFn();
+//     if (isMobile.value) {
+//       window.location.reload()
+//     }
+//   })
+// })
+// watch(isMobile, (newValue) => {
+//   window.location.reload()
 // })
 onMounted(() => {
   window.addEventListener('resize', function () {
-    isMobile.value = isMobileFn();
-    if (isMobile.value) {
-      window.location.reload()
-    }
+    var font = document.documentElement.clientWidth / 375;
+      document.documentElement.style.fontSize = font + "px";
   })
 })
-watch(isMobile, (newValue) => {
-  window.location.reload()
-})
 </script>
 
 <style lang="scss" >
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 6b72f52..5db7405 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -138,7 +138,7 @@ export default {
             DealPublicOfferStartDate:'Deal / Public Offer Start Date',
             PublicOfferEndDate:'Public Offer End Date',
             ExpectedPriceDeterminationDate:'Expected Price Determination Date',
-            AllotmentAnnouncementSharePostingCertificateDispatchDate:"Allotment Announcement / Share Posting / \n Certificate Dispatch Date",
+            AllotmentAnnouncementSharePostingCertificateDispatchDate:"Allotment Announcement / Share Posting /  Certificate Dispatch Date",
             SettlementInstructionsInputDate:'Settlement Instructions Input Date',
             PredepositPlacingSharesDeliveryDate:'Pre-deposit / Placing Shares Delivery Date',
 
diff --git a/src/views/IPO/components/IpoContent.vue b/src/views/IPO/components/IpoContent.vue
index 6736d5a..2646574 100644
--- a/src/views/IPO/components/IpoContent.vue
+++ b/src/views/IPO/components/IpoContent.vue
@@ -117,7 +117,7 @@ const data = defineProps<{ info: obj[], title: string }>()
 
         @media screen and (max-width: 768px) {
             display: block;
-            margin-top: 10rem;
+            margin-top: 10px;
 
             :deep(.el-table) {
                 color: #355D80;
@@ -136,7 +136,7 @@ const data = defineProps<{ info: obj[], title: string }>()
     }
 
     @media screen and (max-width: 768px) {
-        margin: 0 15rem 0 15rem;
+        margin: 0 15px 0 15px;
         // overflow: hidden;
     }
 
@@ -177,7 +177,7 @@ const data = defineProps<{ info: obj[], title: string }>()
                 width: 200px;
 
                 @media screen and (max-width: 768px) {
-                    margin-top: 10rem;
+                    margin-top: 10px;
                 }
 
             }
diff --git a/src/views/IPO/components/IpoHeader.vue b/src/views/IPO/components/IpoHeader.vue
index 04fbe53..d1dad3d 100644
--- a/src/views/IPO/components/IpoHeader.vue
+++ b/src/views/IPO/components/IpoHeader.vue
@@ -70,7 +70,7 @@ onUnmounted(() => {
 <style lang="scss" scoped>
 @media screen and (max-width: 768px){
     .headerWrap{
-        margin-left: 18rem;
+        margin-left: 18px;
     }
 }
 .langWrap {
@@ -128,7 +128,7 @@ onUnmounted(() => {
 
             @media screen and (max-width: 768px) {
                 display: block;
-                margin-top: 3rem;
+                margin-top: 3px;
             }
         }
 
@@ -138,8 +138,8 @@ onUnmounted(() => {
             font-weight: bolder;
 
             @media screen and (max-width: 768px) {
-                font-size: 26rem;
-                transform: translateX(-60rem);
+                font-size: 26px;
+                transform: translateX(-60px);
             }
         }
 
diff --git a/src/views/IPO/components/IpoNav.vue b/src/views/IPO/components/IpoNav.vue
index b846af4..39cac92 100644
--- a/src/views/IPO/components/IpoNav.vue
+++ b/src/views/IPO/components/IpoNav.vue
@@ -33,7 +33,7 @@ const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListin
         margin-top: 0px;
         width: 100vw;
         overflow-x: scroll;
-        margin-left: 15rem;
+        margin-left: 15px;
     }
 
     a {
diff --git a/src/views/IPO/index.vue b/src/views/IPO/index.vue
index 0c6903a..1480d9f 100644
--- a/src/views/IPO/index.vue
+++ b/src/views/IPO/index.vue
@@ -6,7 +6,7 @@
                 <Nav :scroll="scrollTo" />
             </div>
             <div class="rightbox">
-                <IpoHeader />
+                <IpoHeader /> 
                 <IpoNav :scroll="scrollTo" />
                 <div class="content" ref="content">
                     <IpoContent ref="i0" :info="information" :title="$t('ipo.CompanyInformation')" />
@@ -41,6 +41,7 @@ import { getDataFromId } from "@/api/mock/home"
 import i18n from '@/locales'
 import { getCurrentInstance } from 'vue'
 import moment from 'moment';
+
 const store = ipoStore();
 const { proxy } = (getCurrentInstance() as any)
 const activeName = ref('first')
@@ -273,10 +274,10 @@ const Timetable = ref([
         info2: "09:00",
         table: {
             title: [
-                { header: " ", content: "des",width: isMobel()?49: 43, align: "left" },
+                { header: " ", content: "des",width: isMobel()?50: 43, align: "left" },
                 { width: 12 },  //通过加一段空结构来调整表头的位置
-                { header: proxy.$t('ipo.Timetable.Date'), content: "number", width: isMobel()?49: 43, align: "left" },
-                { header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: isMobel()?49: 43, align: "left" }],
+                { header: proxy.$t('ipo.Timetable.Date'), content: "number", width: isMobel()?30: 20, align: "left" },
+                { header: proxy.$t('ipo.Timetable.Time'), content: "persent", width: isMobel()?22: 20, align: "left" }],
             lists: [
                 {
                     des: proxy.$t('ipo.Timetable.DealPublicOfferStartDate'),
@@ -319,8 +320,8 @@ const Documents = ref([
         info: "ipo.pdf",
         name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
         info2: "ipo.pdf",
-        href: setDownLoad()[0],
-        href2: setDownLoad()[1]
+        href: "",
+        href2: ""
     },
 ])
 const Transaction = ref([
@@ -342,6 +343,8 @@ onMounted(
     () => {
         data.value = JSON.parse(localStorage.getItem('itemData') as string)
          getreferencedata()
+         setDownLoad()
+        
        // text();
     }
 )
@@ -418,7 +421,7 @@ function setOfferings(mockRes: any) {
     var dataObj = [
         { info: has_data(tradeCurrency) },
         { info: keepTwoDecimalStr(downwardPriceFlex) },
-        { info: has_data(priceMin) + "-" + has_data(priceMax), info2: has_data(priceFinal) },
+        { info: has_data(priceMin.toFixed(3)) + "-" + has_data(priceMax.toFixed(3)), info2: has_data(priceFinal.toFixed(3)) },
         { info: has_data(boardLot) },
         { info: keepTwoDecimalStr(poReallocationCap) },
         { info: "-", info2s: [has_data(ipoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), has_data(poSharesFinal?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), has_data(ioOfferSharesFinal?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'))], table: clawback },
@@ -750,13 +753,30 @@ function scrollTo(stron: string) {
     }
 
 }
-function setDownLoad() {
+ async function setDownLoad (){
     const ipoID = localStorage.getItem('ipoID');
-    const enHref = `/api/file/download/EN?ipoID=${ipoID}`;
-    const chinaHref = `/api/file/download/TC?ipoID=${ipoID}`;
+    const res = await getIpo(ipoID as string)
+     console.log('@@1',(res as any).data[0].pdfLink.cLink);
+    
+     const enHref = `${(res as any).data[0].pdfLink.eLink}`;
+     const chinaHref = `${(res as any).data[0].pdfLink.cLink}`;
+     console.log(enHref);
+
+   Documents.value= [
+    {
+        name: proxy.$t('ipo.Documents.ListingDocumentEnglish'),
+        info: "ipo.pdf",
+        name2: proxy.$t('ipo.Documents.ListingDocumentChinese'),
+        info2: "ipo.pdf",
+        href: enHref,
+        href2:chinaHref
+    },
+]
     // return store.$state.locale == 1 ? enHref : chinaHref
-    return [enHref, chinaHref];
+    //  return [enHref, chinaHref] as any;
 }
+
+    
 </script>
 <style lang="scss" scoped>
 // .login2 {
@@ -779,7 +799,7 @@ function setDownLoad() {
 
     @media screen and (max-width: 768px) {
 
-        padding-top: 10rem;
+        padding-top: 10px;
         width: 100vw;
         overflow: hidden;
     }
diff --git a/src/views/IpoCalendar/index.vue b/src/views/IpoCalendar/index.vue
index e968fe8..6691c63 100644
--- a/src/views/IpoCalendar/index.vue
+++ b/src/views/IpoCalendar/index.vue
@@ -99,26 +99,26 @@ const backRouter = () => {
         .right-top {
             display: flex;
             // margin-left: 40px;
-            margin-top: 20rem;
-            transform: translateX(-10rem);
+            margin-top: 20px;
+            transform: translateX(-10px);
             .top-title {
                 text-align: center;
                 display: inline-block;
-                font-size: 25rem;
+                font-size: 25px;
                 color: #ffffff;
                 margin-left: 10px;
             }
 
             .icon1 {
-                width: 25rem;
-                height: 25rem;
-                margin-left: 30rem;
+                width: 25px;
+                height: 25px;
+                margin-left: 30px;
             }
 
             .icon2 {
-                width: 25rem;
-                height: 25rem;
-                margin-left: 10rem;
+                width: 25px;
+                height: 25px;
+                margin-left: 10px;
             }
         }
 
@@ -129,9 +129,9 @@ const backRouter = () => {
             margin-top: 25px;
 
             // margin-left: 20px;
-            // transform: translateX(-50rem);
+            // transform: translateX(-50px);
             .month {
-                font-size: 25rem;
+                font-size: 25px;
                 color: #000000;
                 font-weight: bold;
             }
@@ -143,7 +143,7 @@ const backRouter = () => {
             width: 90vw;
             background-color: #ffffff;
             height: 40vh;
-            margin-top: 12vh;
+            margin-top: 20vh;
             // margin-left: 20px;
             // text-align: center;
             // line-height: 500px;
@@ -195,16 +195,16 @@ const backRouter = () => {
 
     :deep(.el-calendar__body) {
         background-color: #e8ebee;
-        height: 40vh;
+        height: 50vh;
     }
 :deep(.el-calendar-table thead th){
     padding:2px 0;
     font-weight: 550;
 }
 :deep(.el-calendar-table){
-    margin-top: 20rem;
-    width: 375rem;
-    transform: translateX(-19rem);
+    margin-top: 20px;
+    width: 375px;
+    transform: translateX(-19px);
 }
     :deep(.el-calendar) {
         width: 100vw;
diff --git a/src/views/dashBoard/Header/index.vue b/src/views/dashBoard/Header/index.vue
index ccfaa11..c56822a 100644
--- a/src/views/dashBoard/Header/index.vue
+++ b/src/views/dashBoard/Header/index.vue
@@ -104,6 +104,12 @@ const drawShow = () => {
         top:50px;
         left: -50px;
     }
+    .left-right{
+            display: flex;
+            justify-content: space-between;
+            width: 6vw;
+            margin-right: 10rem;
+        }
  
 .headerWrap {
     display: flex;
@@ -117,13 +123,13 @@ const drawShow = () => {
             display: flex;
             justify-content: space-between;
             width: 40vw;
-            margin-left: 15rem;
+            margin-left: 15px;
         }
         .left-right{
             display: flex;
             justify-content: space-between;
             width: 25vw;
-            margin-right: 10rem;
+            margin-right: 10px;
         }
     }
     .left {
@@ -138,7 +144,7 @@ const drawShow = () => {
     display: none;
     @media screen and (max-width: 768px){
         display: block;
-        margin-top: 3rem;
+        margin-top: 3px;
     }
 }
         span {
@@ -146,7 +152,7 @@ const drawShow = () => {
             font-size: 45px;
             font-weight: 900;
             @media screen and (max-width: 768px){
-                font-size: 26rem;
+                font-size: 26px;
             }
         }
 
@@ -172,14 +178,14 @@ const drawShow = () => {
         font-size: 20px;
         @media screen and (max-width: 768px){
                 width: 100vw;
-                margin-top: 10rem;
-                 transform: translateX(-10rem);
+                margin-top: 10px;
+                 transform: translateX(-10px);
             }
         .time {
             color: #435F70;
             @media screen and (max-width: 768px){
                 float: right;
-                font-size: 15rem;
+                font-size: 15px;
             }
         }
 
@@ -196,9 +202,9 @@ const drawShow = () => {
                 background-color: #E86666;
             }
             @media screen and (max-width: 768px){
-                font-size: 15rem;
-                margin-top: 13rem;
-                transform: translateX(200rem);
+                font-size: 15px;
+                margin-top: 13px;
+                transform: translateX(200px);
             }
         }
     }
diff --git a/src/views/dashBoard/Main.vue b/src/views/dashBoard/Main.vue
index 6910561..f68d199 100644
--- a/src/views/dashBoard/Main.vue
+++ b/src/views/dashBoard/Main.vue
@@ -262,10 +262,10 @@ const handleclick = (item: any) => {
 .bigbox {
 
 width: 76vw;
-min-height: 310rem;
+min-height: 310px;
 height:fit-content;
 
-margin-top: 14rem !important;
+margin-top: 14px !important;
 cursor: pointer;
 
 }
diff --git a/src/views/dashBoard/index.vue b/src/views/dashBoard/index.vue
index b6e89ce..6a1fa8c 100644
--- a/src/views/dashBoard/index.vue
+++ b/src/views/dashBoard/index.vue
@@ -668,7 +668,7 @@ const showMounth = (date: any) => {
 
     @media screen and (max-width: 768px) {
       width: 100vw;
-      transform: translateY(-30rem);
+      transform: translateY(-30px);
     }
 
     .content {
@@ -899,7 +899,7 @@ const showMounth = (date: any) => {
         @media screen and (max-width: 768px) {
           width: 80vw;
           transform: translateX(-6vw);
-          font-size: 15rem;
+          font-size: 15px;
         }
       }
 
@@ -911,7 +911,7 @@ const showMounth = (date: any) => {
         font-size: 23px;
 
         @media screen and (max-width: 768px) {
-          font-size: 20rem;
+          font-size: 20px;
         }
 
         // }
@@ -929,7 +929,7 @@ const showMounth = (date: any) => {
         @media screen and (max-width: 768px) {
           width: 80vw;
           transform: translateX(-6vw);
-          font-size: 16rem;
+          font-size: 16px;
         }
       }
 
@@ -940,7 +940,7 @@ const showMounth = (date: any) => {
         @media screen and (max-width: 768px) {
           width: 80vw;
           transform: translateX(-6vw);
-          font-size: 15rem;
+          font-size: 15px;
         }
       }
 
@@ -952,9 +952,9 @@ const showMounth = (date: any) => {
         font-size: 18px;
 
         @media screen and (max-width: 768px) {
-          font-size: 14rem;
-          transform: translateY(-2rem);
-          margin-right: 4rem;
+          font-size: 14px;
+          transform: translateY(-2px);
+          margin-right: 4px;
         }
       }
 
@@ -980,7 +980,7 @@ const showMounth = (date: any) => {
         font-family: 'Calibri';
 
         @media screen and (max-width: 768px) {
-          font-size: 20rem;
+          font-size: 20px;
         }
       }
 
@@ -1006,7 +1006,7 @@ const showMounth = (date: any) => {
           cursor: default;
 
           @media screen and (max-width: 768px) {
-            font-size: 21rem;
+            font-size: 21px;
           }
         }
       }
@@ -1096,7 +1096,7 @@ const showMounth = (date: any) => {
     font-weight: bold;
 
     @media screen and (max-width: 768px) {
-      font-size: 20rem;
+      font-size: 20px;
       font-weight: 400;
     }
   }
diff --git a/src/views/login/components/Main.vue b/src/views/login/components/Main.vue
index f7737e3..05970f6 100644
--- a/src/views/login/components/Main.vue
+++ b/src/views/login/components/Main.vue
@@ -293,7 +293,7 @@ const handleclick = (item: any) => {
         // min-height: 310rem;
         // height: fit-content;
 
-        margin-top: 14rem !important;
+        margin-top: 14px !important;
         cursor: pointer;
 
     }
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 396a0d6..e923c95 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -20,7 +20,6 @@
 
                     <div class="dropdown">
                         <img src="@/assets/1x/source4.png" class="first " @click="handleShowCup">
-
                     </div>
                     <div class="dropdown1">
 
@@ -206,7 +205,7 @@ const getHomeIpoList = async () => {
                     title: companyEngFull + ";" + companyChiFull,
                     status: status,
                     number: stkCode,
-                    HKD: priceFinal ? priceFinal : priceMinMax(),
+                    HKD: priceFinal.toFixed(3) ? priceFinal.toFixed(3) : priceMinMax(),
                     time: listingDate ? listingDate : pricingDate,
                     ipoID: ipoID,
                     price: priceFinal,
@@ -214,11 +213,11 @@ const getHomeIpoList = async () => {
                 }
                 function priceMinMax() {
                     if (priceMin && priceMax) {
-                        return `${priceMin} - ${priceMax}`
+                        return `${priceMin.toFixed(3)} - ${priceMax.toFixed(3)}`
                     } else if (priceMin) {
-                        return `${priceMin} - `
+                        return `${priceMin.toFixed(3)} - `
                     } else if (priceMax) {
-                        return ` -${priceMax}`
+                        return ` -${priceMax.toFixed(3)}`
                     } else {
                         return " - "
                     }
@@ -872,18 +871,18 @@ const showMounth = (date: any) => {
     padding: 0;
 }
 .header{
-        height: 60rem;
+        height: 60px;
         .menuicon{
                 display: block ;
-                margin-left: 5rem;
-                width: 25rem;
-                height: 20rem;
+                margin-left: 5px;
+                width: 25px;
+                height: 20px;
     }
     .menu{
         
                 img {
-                    width: 25rem;
-                    height: 20rem;
+                    width: 25px;
+                    height: 20px;
 
                 }
 
@@ -893,14 +892,21 @@ const showMounth = (date: any) => {
         display: none;
     }
     .first{
-                width: 24rem;
-                height: 28rem;
-                margin-top: 6rem;
-                margin-left: 10rem;
+                width: 24px;
+                height: 28px;
+                margin-top: 6px;
+                margin-left: 10px;
     }
     }
     
     }
+    // :deep(.el-drawer__body){
+    //     background-color: red;
+    //     width: 80vw;
+    // }
+    // :deep(.el-overlay){
+    //     background-color: green;
+    // }
     
 }
 </style>
@@ -926,11 +932,11 @@ const showMounth = (date: any) => {
     .header .el-input__wrapper {
         margin-top: 0;
         margin-left: 0;
-        padding-left: 50rem;
+        padding-left: 50px;
         width: 61vw;
-        height: 30rem;
-        border-radius: 25rem;
-        font-size: 16rem;
+        height: 30px;
+        border-radius: 25px;
+        font-size: 16px;
         border: none;
         outline: none;
 
@@ -938,14 +944,14 @@ const showMounth = (date: any) => {
 
 
     .el-input__inner {
-        margin: -35rem;
+        margin: -35px;
         padding: 0;
     }
 
     .imgSearch123 {
-        width: 15rem;
-        height: 15rem;
-        transform: translateX(-7rem);
+        width: 15px;
+        height: 15px;
+        transform: translateX(-7px);
     }
 }
 </style>
diff --git a/src/views/login/modelComponents/Drawer.vue b/src/views/login/modelComponents/Drawer.vue
index def9da0..18ebc8d 100644
--- a/src/views/login/modelComponents/Drawer.vue
+++ b/src/views/login/modelComponents/Drawer.vue
@@ -112,14 +112,14 @@ const handleLang3 = () => {
 <style lang="scss" scoped>
 .wrapddd {
     width: 80vw;
-    transform: translateX(-20rem);
+    transform: translateX(-20px);
     display: flex;
     flex-direction: column;
     .imgWrap22222 {
-        margin-top: 20rem;
-        width: 25rem;
-        height: 20rem;
-         margin-left: 15rem;
+        margin-top: 20px;
+        width: 25px;
+        height: 20px;
+         margin-left: 15px;
         img {
             width: 100%;
             height: 100%;
@@ -128,16 +128,16 @@ const handleLang3 = () => {
 
     .nav {
         height: fit-content;
-        margin-top: 20rem;
+        margin-top: 20px;
         width: 100%;
 
         >li {
             display: flex;
             align-items: center;
             justify-self: center;
-            min-height: 50rem;
-            padding-left: 15rem;
-            margin-top: 10rem;
+            min-height: 50px;
+            padding-left: 15px;
+            margin-top: 10px;
             background-color: #B4C0C7;
 
             &.active {
@@ -145,13 +145,13 @@ const handleLang3 = () => {
             }
 
             img {
-                width: 22rem;
-                height: 22rem;
+                width: 22px;
+                height: 22px;
             }
 
             span {
-                margin-left: 25rem;
-                font-size: 20rem;
+                margin-left: 25px;
+                font-size: 20px;
                 font-weight: 700;
                 color: #1C3F56;
             }
@@ -163,20 +163,20 @@ const handleLang3 = () => {
             height: fit-content;
 
             .lang {
-                margin-left: -90rem;
+                margin-left: -90px;
                 color: #1C3F56;
-                font-size: 18rem;
+                font-size: 18px;
 
                 >li {
-                    line-height: 24rem;
+                    line-height: 24px;
                 }
             }
 
             .report {
-                margin-left: -120rem;
+                margin-left: -120px;
 
                 span {
-                    margin-right: 10rem;
+                    margin-right: 10px;
                 }
             }
 
@@ -187,9 +187,9 @@ const handleLang3 = () => {
                 width: 100%;
 
                 .arrow {
-                    width: 12rem;
-                    height: 19rem;
-                    margin-right: 14rem;
+                    width: 12px;
+                    height: 19px;
+                    margin-right: 14px;
 
                     img {
                         width: 100%;
@@ -201,7 +201,7 @@ const handleLang3 = () => {
 
             span {
                 display: inline-block;
-                transform: translateY(-3rem);
+                transform: translateY(-3px);
             }
 
              
diff --git a/vite.config.ts b/vite.config.ts
index 6400f2f..779f677 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -60,7 +60,7 @@ export default defineConfig((mode: ConfigEnv) => {
       // 配置代理服务器
       proxy: {
         "/api": {
-          target: "http://192.168.2.10:8080",
+          target: "http://192.168.2.6:8080",
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ""),
         },