bug fix: 31476 （省博沉浸-移动端）精品典藏-下拉图标和文案有遮挡

code/src/components/mb_select/index.vue

@@ -76,7 +76,7 @@ const active = computed(() => {
   font-size: 14px;
 
   .activecon {
-    width: 100%;
+    width: 90%;
     height: 40px;
     background: #B61E22;
     border-radius: 50px;
@@ -98,7 +98,7 @@ const active = computed(() => {
 
     >span {
       display: inline-block;
-      width: 80%;
+      width: calc(100% - 12px);
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -108,7 +108,7 @@ const active = computed(() => {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
-      right: 10px;
+      right: 0;
       width: 12px;
       height: auto;
     }

code/src/views/collection/mobile.vue

@@ -364,13 +364,13 @@ export default {
   font-size: 0;
 
   .barsub {
-    width: 28%;
+    width: calc((100% - 5% - 16px) / 3);
     flex-shrink: 0;
   }
 
   .searchimg {
     position: absolute;
-    right: 20px;
+    right: 5%;
 
     >img {
       width: 16px;