@opendesign-plus/components 0.0.1-rc.90 → 0.0.1-rc.92

package/dist/treeshaking/components/search/internal/SearchPanel.css

@@ -1,246 +1,246 @@
-.hover-icon-rotate .o-icon[data-v-872f0035] {
+.hover-icon-rotate .o-icon[data-v-a5767f01] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-872f0035] {
+.hover-icon-rotate:hover .o-icon[data-v-a5767f01] {
     transform: rotate(-180deg);
 }
 }
-.o-search-panel[data-v-872f0035] {
+.o-search-panel[data-v-a5767f01] {
   display: flex;
   flex-direction: column;
   gap: var(--o-gap-4);
 }
-.o-search-panel-section-title.suggest[data-v-872f0035], .o-search-panel-section-title.onestep[data-v-872f0035] {
+.o-search-panel-section-title.suggest[data-v-a5767f01], .o-search-panel-section-title.onestep[data-v-a5767f01] {
   margin-bottom: var(--o-gap-3);
 }
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
   color: var(--o-color-info3);
   font-weight: 400;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (max-width: 600px) {
-.o-search-panel-section-title[data-v-872f0035] {
+.o-search-panel-section-title[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
   padding: 5px var(--o-gap-3);
   cursor: pointer;
   color: var(--o-color-info2);
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--o-search-panel-item-radius, var(--o-search-input-dropdown-radius, var(--o-search-input-radius, var(--o-radius-xs))));
   margin: 0 calc(-1 * var(--o-gap-3));
 }
-.o-search-panel-item[data-v-872f0035]:hover {
+.o-search-panel-item[data-v-a5767f01]:hover {
   background-color: var(--o-color-control2-light);
 }
-.o-search-panel-item[data-v-872f0035]:active {
+.o-search-panel-item[data-v-a5767f01]:active {
   background-color: var(--o-color-control3-light);
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (max-width: 600px) {
-.o-search-panel-item[data-v-872f0035] {
+.o-search-panel-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-panel-onestep-item[data-v-872f0035] {
+.o-search-panel-onestep-item[data-v-a5767f01] {
   display: flex;
   align-items: center;
   white-space: pre-wrap;
 }
-.o-search-panel-onestep-tag[data-v-872f0035] {
+.o-search-panel-onestep-tag[data-v-a5767f01] {
   font-size: 12px;
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-onestep-tag[data-v-872f0035] {
+.o-search-panel-onestep-tag[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-onestep-tag[data-v-872f0035] {
+.o-search-panel-onestep-tag[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-onestep-tag[data-v-872f0035] {
+.o-search-panel-onestep-tag[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-onestep-tag[data-v-872f0035] {
+.o-search-panel-onestep-tag[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-onestep-tag[data-v-872f0035] {
+.o-search-panel-onestep-tag[data-v-a5767f01] {
   height: 20px;
   display: inline-flex;
   align-items: center;
@@ -252,141 +252,141 @@
   color: var(--o-color-info3);
 }
 @media (max-width: 840px) {
-.o-search-panel-onestep-tag[data-v-872f0035] {
+.o-search-panel-onestep-tag[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
   font-size: 12px;
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
   color: var(--o-color-info3);
   padding: 0 8px;
 }
 @media (max-width: 840px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (max-width: 600px) {
-.o-search-panel-no-data[data-v-872f0035] {
+.o-search-panel-no-data[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-recommend-item[data-v-872f0035] {
+.o-search-panel-recommend-item[data-v-a5767f01] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-recommend-item[data-v-872f0035] {
+.o-search-panel-recommend-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-recommend-item[data-v-872f0035] {
+.o-search-panel-recommend-item[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-recommend-item[data-v-872f0035] {
+.o-search-panel-recommend-item[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-recommend-item[data-v-872f0035] {
+.o-search-panel-recommend-item[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-recommend-item[data-v-872f0035] {
+.o-search-panel-recommend-item[data-v-a5767f01] {
   padding: 5px 8px;
   cursor: pointer;
   color: var(--o-color-info1);
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--o-search-panel-item-radius, var(--o-search-input-dropdown-radius, var(--o-search-input-radius, var(--o-radius-xs))));
 }
-.o-search-panel-recommend-item[data-v-872f0035]:hover {
+.o-search-panel-recommend-item[data-v-a5767f01]:hover {
   background-color: var(--o-color-control2-light);
 }
 @media (max-width: 840px) {
-.o-search-panel-recommend-item[data-v-872f0035] {
+.o-search-panel-recommend-item[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-panel-divider[data-v-872f0035] {
+.o-search-panel-divider[data-v-a5767f01] {
   background: var(--o-color-control4);
   width: 100%;
   height: 1px;
 }
-.o-search-panel-common-header[data-v-872f0035] {
+.o-search-panel-common-header[data-v-a5767f01] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.o-search-panel-icon[data-v-872f0035] {
+.o-search-panel-icon[data-v-a5767f01] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-panel-icon[data-v-872f0035]:hover {
+.o-search-panel-icon[data-v-a5767f01]:hover {
   color: var(--o-color-primary1);
 }
-.o-search-panel-history-list[data-v-872f0035] {
+.o-search-panel-history-list[data-v-a5767f01] {
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
   margin-top: var(--o-gap-3);
 }
-.o-search-panel-history-item[data-v-872f0035] {
+.o-search-panel-history-item[data-v-a5767f01] {
   position: relative;
   display: flex;
   align-items: center;
@@ -394,30 +394,30 @@
   height: 24px;
   padding: 3px var(--o-gap-3);
   background-color: var(--o-color-control2-light);
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--o-search-panel-item-radius, var(--o-search-input-dropdown-radius, var(--o-search-input-radius, var(--o-radius-xs))));
   color: var(--o-color-info1);
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-search-panel-history-item[data-v-872f0035]:hover {
+.o-search-panel-history-item[data-v-a5767f01]:hover {
     background-color: var(--o-color-control3-light);
     color: var(--o-color-primary1);
 }
-.o-search-panel-history-item:hover .o-search-panel-history-remove[data-v-872f0035] {
+.o-search-panel-history-item:hover .o-search-panel-history-remove[data-v-a5767f01] {
     display: inline-flex;
 }
 }
 @media (hover: hover) {
-.o-search-panel-history-item.is-dark[data-v-872f0035]:hover {
+.o-search-panel-history-item.is-dark[data-v-a5767f01]:hover {
     background-color: rgb(var(--o-mixedgray-7));
 }
 }
 @media (max-width: 840px) {
-.o-search-panel-history-item[data-v-872f0035] {
+.o-search-panel-history-item[data-v-a5767f01] {
     height: 28px;
 }
 }
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
   max-width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -426,60 +426,60 @@
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 840px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (max-width: 600px) {
-.o-search-panel-history-text[data-v-872f0035] {
+.o-search-panel-history-text[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-history-remove[data-v-872f0035] {
+.o-search-panel-history-remove[data-v-a5767f01] {
   position: absolute;
   right: -8px;
   top: -8px;
@@ -489,13 +489,13 @@
   width: 16px;
   height: 16px;
 }
-.o-search-panel-history-remove[data-v-872f0035] svg {
+.o-search-panel-history-remove[data-v-a5767f01] svg {
   width: 16px;
   height: 16px;
 }
-.o-search-panel-history-row[data-v-872f0035] {
+.o-search-panel-history-row[data-v-a5767f01] {
   padding: 4px 8px;
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--o-search-panel-item-radius, var(--o-search-input-dropdown-radius, var(--o-search-input-radius, var(--o-radius-xs))));
   cursor: pointer;
   color: var(--o-color-info1);
   overflow: hidden;
@@ -505,42 +505,42 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-history-row[data-v-872f0035] {
+.o-search-panel-history-row[data-v-a5767f01] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-history-row[data-v-872f0035] {
+.o-search-panel-history-row[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-history-row[data-v-872f0035] {
+.o-search-panel-history-row[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-history-row[data-v-872f0035] {
+.o-search-panel-history-row[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (hover: hover) {
-.o-search-panel-history-row[data-v-872f0035]:hover {
+.o-search-panel-history-row[data-v-a5767f01]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-primary1);
 }
 }
 @media (max-width: 840px) {
-.o-search-panel-history-row[data-v-872f0035] {
+.o-search-panel-history-row[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
   display: flex;
   flex-wrap: wrap;
   gap: var(--o-gap-3) var(--o-gap-4);
@@ -549,105 +549,105 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 840px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     display: block;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (max-width: 600px) {
-.o-search-panel-hot-list[data-v-872f0035] {
+.o-search-panel-hot-list[data-v-a5767f01] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-panel-hot-item[data-v-872f0035] {
+.o-search-panel-hot-item[data-v-a5767f01] {
   color: var(--o-color-info1);
   cursor: pointer;
 }
 @media (max-width: 840px) {
-.o-search-panel-hot-item[data-v-872f0035] {
+.o-search-panel-hot-item[data-v-a5767f01] {
     margin-top: var(--o-gap-3);
 }
 }
 @media (hover: hover) {
-.o-search-panel-hot-item[data-v-872f0035]:hover {
+.o-search-panel-hot-item[data-v-a5767f01]:hover {
     color: var(--o-color-primary1);
 }
 }