From 03c4c013f2e32d8c506fa28a33eb83d63cf8e5e9 Mon Sep 17 00:00:00 2001
From: daihh <seastar@bjxask.com>
Date: Fri, 21 Oct 2022 12:18:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E5=AF=BC=E9=A1=B5=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Portal/guideBox.vue | 120 +++++++++++++++++++++++++++++
 1 file changed, 120 insertions(+)

diff --git a/src/components/Portal/guideBox.vue b/src/components/Portal/guideBox.vue
index e16585ab..173ef466 100644
--- a/src/components/Portal/guideBox.vue
+++ b/src/components/Portal/guideBox.vue
@@ -284,4 +284,124 @@
         color: #333333;
     }
 }
+
+@media screen and (max-width: 1366px){
+  .gui-box-left{
+    //width: 160px;
+    .left-title{
+      width: 160px;
+    }
+    dd{
+      margin-left: 10px;
+    }
+  }
+  .gui-box-right{//资源引导位宽度
+    width: 497px;
+    .swiper-slide{
+      width: 376px;
+      height: 300px;
+      text-align: center;
+      .banner-img{
+         width: 376px;
+         height: 100%;
+      }
+   }
+  }
+  .gui-box{
+    .close-right{
+        right:28px;
+        top:25px;
+    }
+  }
+}
+@media screen and (max-width: 1680px) and (min-width:1367px){
+  .gui-box-left{
+    //width: 160px;
+    .left-title{
+      width: 160px;
+    }
+    dd{
+      margin-left: 10px;
+    }
+  }
+  .gui-box-right{//资源引导位宽度
+    width: 658px;
+    .swiper-slide{
+       width: 476px;
+       height: 400px;
+       text-align: center;
+       .banner-img{
+          width: 476px;
+          height: 100%;
+       }
+    }
+  }
+  .gui-box{
+    .close-right{
+        right:28px;
+        top:25px;
+    }
+  }
+}
+
+@media screen and (max-width: 1920px) and (min-width: 1681px){
+  .gui-box-left{
+    //width: 160px;
+    .left-title{
+      width: 160px;
+    }
+    dd{
+      margin-left: 10px;
+    }
+  }
+  .gui-box-right{//资源引导位宽度
+    width: 722px;
+    .swiper-slide{
+       width: 500px;
+       height: 400px;
+       text-align: center;
+       .banner-img{
+          width: 500px;
+          height: 100%;
+       }
+    }
+  }
+  .gui-box{
+    .close-right{
+        right:28px;
+        top:28px;
+    }
+  }
+}
+
+@media screen and (min-width: 1921px){
+  .gui-box-left{
+   // width: 190px;
+    .left-title{
+      width: 190px;
+    }
+    dd{
+      margin-left: 20px;
+    }
+  }
+  .gui-box-right{//资源引导位宽度
+    width: 897px;
+    .swiper-slide{
+       width: 576px;
+       height: 500px;
+       text-align: center;
+       .banner-img{
+          width: 576px;
+          height: 100%;
+       }
+    }
+  }
+  .gui-box{
+    .close-right{
+        right:28px;
+        top:45px;
+    }
+  }
+}
+
 </style>