/* 水平间距 */ /* 水平间距 */ .u-empty.data-v-ed789780, .u-empty__wrap.data-v-ed789780, .u-tabs.data-v-ed789780, .u-tabs__wrapper.data-v-ed789780, .u-tabs__wrapper__scroll-view-wrapper.data-v-ed789780, .u-tabs__wrapper__scroll-view.data-v-ed789780, .u-tabs__wrapper__nav.data-v-ed789780, .u-tabs__wrapper__nav__line.data-v-ed789780 { display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; flex-basis: auto; align-items: stretch; align-content: flex-start; } .u-search.data-v-ed789780 { display: flex; flex-direction: row; align-items: center; flex: 1; } .u-search__content.data-v-ed789780 { display: flex; flex-direction: row; align-items: center; padding: 0 10px; flex: 1; justify-content: space-between; border-width: 1px; border-color: transparent; border-style: solid; overflow: hidden; } .u-search__content__icon.data-v-ed789780 { display: flex; flex-direction: row; align-items: center; } .u-search__content__label.data-v-ed789780 { color: #303133; font-size: 14px; margin: 0 4px; } .u-search__content__close.data-v-ed789780 { width: 20px; height: 20px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #C6C7CB; display: flex; flex-direction: row; align-items: center; justify-content: center; transform: scale(0.82); } .u-search__content__input.data-v-ed789780 { flex: 1; font-size: 14px; line-height: 1; margin: 0 5px; color: #303133; } .u-search__content__input--placeholder.data-v-ed789780 { color: #909193; } .u-search__action.data-v-ed789780 { font-size: 14px; color: #303133; width: 0; overflow: hidden; transition-property: width; transition-duration: 0.3s; white-space: nowrap; text-align: center; } .u-search__action--active.data-v-ed789780 { width: 40px; margin-left: 5px; }