修改

src/assets/styles/portal-index.scss

@@ -442,6 +442,7 @@
   .xindex-content{
     width: 1100px;
   }
+  
   .personal-panel{
     width: 300px;
     height: 320px;
@@ -686,6 +687,9 @@
 @media screen and (max-width: 1680px) and (min-width:1367px){
   .xindex-content{
     width: 1366px;
+  }
+  .interestwid{
+    
   }
    .personal-panel{
     width: 356px; 

src/components/Portal/interestCollection.vue

@@ -3,8 +3,11 @@
       :close-on-click-modal="false"
       :visible.sync="interestCollection"
       :append-to-body="true" 
-      width="967px">
-      <div style="margin-top:65px">
+      min-width="770px"
+      max-width="950px"
+      
+      >
+      <div style="margin-top:10px">
         <div class="interest" v-for="(sys,index) in sysTypeListMap" :key="sys.id">
            <p class="portal-title-tow interest-title">{{sys.name}}</p>
            <el-checkbox-group v-model="checkboxGroup" v-if="sys.children.length > 0">
@@ -105,6 +108,9 @@
 </script>
 
 <style scoped lang="scss">
+::v-deep .el-button+.el-button, .el-checkbox.is-bordered+.el-checkbox.is-bordered{
+  margin-left: 0 !important;
+}
 	::v-deep .el-dialog{
         background: #fff url('/images/homeWu/interest.png') no-repeat; 
         border-radius: 8px;
@@ -130,9 +136,9 @@
     color: #333333;
 }
 .interest{
-    margin-left: 50px;
+    margin-left: 40px;
     .interest-title{
-       margin-bottom: 18px;
+       margin-bottom: 15px;
        margin-top: 10px;
     }
     ::v-deep .el-checkbox__input{

src/views/user/Setting.vue

@@ -421,7 +421,7 @@
      margin-left: 0px;
      margin-right: 48px;
   }
-  ::v-deep .el-checkbox.is-bordered+.el-checkbox.is-bordered{
+  ::v-deep .el-checkbox+.el-checkbox.is-bordered{
     margin-left: 0px;
   }