diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 6c9ccd8..2da5c47 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -131,7 +131,8 @@ function handleView(number: number) {
     url = 'https://qn-static-resource.oss-cn-shanghai.aliyuncs.com/docs/%E9%9A%90%E7%A7%81%E6%94%BF%E7%AD%96.docx'
   }
   let urls = ''
-  urls = `http://view.xdocin.com/xdoc?_xdoc=${url}`
+  urls = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}`
+
   window.open(
     urls,
     '',
@@ -463,14 +464,13 @@ window.screen.availHeight - 70
         width: 100%;
         height: 100%;
         border-radius: 4px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
+
         letter-spacing: 0.2em;
         backdrop-filter: blur(50px);
         position: absolute;
         top: 0;
         right: 2%;
+
         .login-Form {
           width: 70%;
           margin: 0 auto;
@@ -526,6 +526,28 @@ window.screen.availHeight - 70
             letter-spacing: 2px;
           }
         }
+        .versions {
+          width: 100%;
+          text-align: center;
+          font-size: 13px;
+
+          font-weight: 400;
+          color: #6e7382;
+          padding-top: 10px;
+          letter-spacing: 2px;
+        }
+        .check {
+          width: 100%;
+          text-align: center;
+          font-size: 12px;
+          font-weight: 400;
+          color: #6e7382;
+          text-align: center;
+          cursor: pointer;
+          .blue {
+            color: #5aa8fd;
+          }
+        }
       }
     }
   }