bug fix: 31474 （省博沉浸-移动端）热门展览-屏幕短的手机展馆列表被遮挡，不能滑动列表

code/src/components/mb_select/index.vue

@@ -76,10 +76,10 @@ const active = computed(() => {
   font-size: 14px;
 
   .activecon {
-    width: 90%;
-    height: 40px;
     background: #B61E22;
     border-radius: 50px;
+    width: 100%;
+    height: 40px;
     text-align: center;
     line-height: 40px;
     color: var(--font-active);
@@ -98,7 +98,7 @@ const active = computed(() => {
 
     >span {
       display: inline-block;
-      width: calc(100% - 12px);
+      width: calc(100% - (12px + 8px) * 2);
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -108,7 +108,7 @@ const active = computed(() => {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
-      right: 0;
+      right: 8px;
       width: 12px;
       height: auto;
     }
@@ -123,6 +123,7 @@ const active = computed(() => {
     text-align: center;
     z-index: 9;
     width: 100%;
+    max-height: calc(90vh - 40px);
     background: rgba(255, 254, 246, 0.94);
     border-radius: 4px;
     backdrop-filter: blur(20px);