@charset "UTF-8";
@font-face { font-family: "icon-jjrx";
  /* Project id 1358026 */
src: url("//at.alicdn.com/t/font_1358026_v8rupn10go8.woff2?t=1621402798439") format("woff2"), url("//at.alicdn.com/t/font_1358026_v8rupn10go8.woff?t=1621402798439") format("woff"), url("//at.alicdn.com/t/font_1358026_v8rupn10go8.ttf?t=1621402798439") format("truetype"); }
.icon-jjrx { font-family: "icon-jjrx" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.s-i-arrow:before { content: "\e618"; }

/* 搜索v2.0 */
.search-wrap--v2 { margin-left: -32px; margin-right: 12px; font-family: PingFang SC; }
.search-wrap--v2 .search-icon { display: inline-block; width: 14px; height: 14px; background-image: url("/statics/widgets/zIndexSearch/image/search_sprites.png"); }
.search-wrap--v2 .search-icon.search-icon__rank { background-position: -154px -0; }

.search-wrap__form { width: 549px; height: 50px; background: #FFFFFF; border: 2px solid #DE0016; border-radius: 10px; box-sizing: border-box; display: flex; align-items: center; position: relative; z-index: 5; }
.search-wrap__form .search-wrap__select { width: 104px; height: 46px; line-height: 46px; border: 0; background-color: #fff; font-size: 16px; font-family: PingFang SC; font-weight: 400; color: #DE0016; text-align: center; align-self: flex-start; border-radius: 10px 0px 0 10px; overflow: hidden; box-sizing: border-box; }
.search-wrap__form .search-wrap__select dt { background: rgba(222, 0, 22, 0.05); position: relative; }
.search-wrap__form .search-wrap__select dt:after { content: '\e618'; font-family: "icon-jjrx" !important; display: inline-block; font-size: 12px; margin-left: 4px; }
.search-wrap__form .search-wrap__select dd { background-color: #fff; }
.search-wrap__form .search-wrap__select dd:hover { background: #fdf2f3; }
.search-wrap__form .search-wrap__select.active { height: auto; border-radius: 10px 0px 10px 10px; border: 2px solid #DE0016; padding-left: 4px; margin-left: -2px; margin-top: -2px; margin-right: -2px; }
.search-wrap__form .search-wrap__select.active dt { background: #fff; }
.search-wrap__form .search-wrap__select.active dt:after { transform: rotate(180deg); margin-top: -4px; }
.search-wrap__form .search-wrap__input { flex: 1; height: 100%; font-size: 16px; padding-left: 16px; padding-right: 16px; font-family: PingFang SC; box-sizing: border-box; }
.search-wrap__form .search-wrap__input::-webkit-input-placeholder, .search-wrap__form .search-wrap__input::-moz-placeholder, .search-wrap__form .search-wrap__input::-ms-input-placeholder, .search-wrap__form .search-wrap__input::-webkit-input-placeholder { font-size: 16px; font-family: PingFang SC; font-weight: 400; line-height: 22px; color: rgba(0, 0, 0, 0.5); }
.search-wrap__form .search-wrap__btn { width: 92px; height: 50px; background: #DE0016; font-size: 16px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; box-sizing: border-box; overflow: hidden; border-radius: 0 10px 10px 0; }
.search-wrap__form .dnone { display: none; }
.search-wrap__form.active { border-radius: 10px 10px 10px 0; border-bottom: 0; }
.search-wrap__form.active .search-wrap__select dt { background-color: #fff; }

.search-wrap__result { display: none; width: 457px; border: 2px solid #DE0016; border-top: none; border-radius: 0 0px 10px 10px; position: absolute; z-index: 6; background-color: #fff; box-sizing: border-box; position: absolute; /* 历史记录 */ /* 搜索记录 */ /* 热搜记录 */ /* 排行榜 */ }
.search-wrap__result .search-result__rank { display: none; }
.search-wrap__result::before { content: ''; display: block; height: 1px; width: 441px; background-color: #F8F8F8; position: absolute; left: 50%; top: 0; margin-left: -220.5px; }
.search-wrap__result .result__tag--default, .search-wrap__result .result__tag--active, .search-wrap__result .search-result__brand ul.result__brand li:hover .brand__tag, .search-wrap__result ul.result__hot li a:hover, .search-wrap__result .result__tag--line--active { background: #F8F8F8; padding: 0 10px; border-radius: 15px; height: 20px; font-size: 11px; font-family: PingFang SC; font-weight: 400; color: rgba(0, 0, 0, 0.5); display: inline-flex; align-items: center; justify-content: center; text-align: center; min-width: 68px; box-sizing: border-box; }
.search-wrap__result .result__tag--active, .search-wrap__result .search-result__brand ul.result__brand li:hover .brand__tag, .search-wrap__result ul.result__hot li a:hover { background: rgba(222, 0, 22, 0.1); color: #DE0016; }
.search-wrap__result .result__tag--line--active { background: transparent; border: 1px solid #DE0016; color: #DE0016; }
.search-wrap__result .result__title { font-size: 12px; font-family: PingFang SC; font-weight: bold; line-height: 36px; color: rgba(0, 0, 0, 0.5); padding-left: 22px; padding-right: 22px; display: flex; align-items: center; justify-content: space-between; }
.search-wrap__result .result__list li { width: 100%; height: 36px; padding-left: 22px; padding-right: 22px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.search-wrap__result .result__list li .history__tag { display: none; }
.search-wrap__result .result__list li:hover { background-color: rgba(222, 0, 22, 0.05); color: #DE0016; }
.search-wrap__result .result__list li:hover a { color: #DE0016; }
.search-wrap__result .search-result__history { display: none; }
.search-wrap__result .search-result__history .result__history { margin-bottom: 8px; }
.search-wrap__result .search-result__history .result__history .result__list { max-height: 180px; overflow: hidden; }
.search-wrap__result .search-result__history .result__history .result__list li:hover .history__tag { display: inline-flex; }
.search-wrap__result .search-result__history .result__history .history__name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: rgba(0, 0, 0, 0.9); flex: 1; line-height: 36px; }
.search-wrap__result .search-result__history .result__history .history__more { height: 36px; line-height: 36px; background: #F8F8F8; text-align: center; font-size: 12px; font-family: PingFang SC; font-weight: 400; color: rgba(0, 0, 0, 0.5); }
.search-wrap__result .search-result__history .result__history .history__more .icon-jjrx { display: inline-block; width: 12px; height: 12px; font-size: 12px; color: rgba(0, 0, 0, 0.5); }
.search-wrap__result .search-result__history .result__history .history__empty { display: none; }
.search-wrap__result .search-result__brand { display: none; }
.search-wrap__result .search-result__brand ul.result__brand { margin-bottom: 4px; }
.search-wrap__result .search-result__brand ul.result__brand li > a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;line-height: 36px;}
.search-wrap__result .search-result__brand ul.result__brand li .brand__tag { margin-right: 8px; }
.search-wrap__result .search-result__brand ul.result__brand li .brand__name { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.9); }
.search-wrap__result .search-result__brand ul.result__brand li:hover .brand__name { color: #DE0016; }
.search-wrap__result ul.result__hot { padding-left: 22px; padding-right: 22px; margin-top: 6px; margin-bottom: 12px; font-size: 0; }
.search-wrap__result ul.result__hot li { display: inline-block; margin-right: 8px; margin-bottom: 8px; }
.search-wrap__result ul.result__hot li a { height: 26px; font-size: 12px; }
.search-wrap__result ul.result__hot li a:hover { height: 26px; font-size: 12px; }
.search-wrap__result .search-result__rank .rank__title { background: url("/statics/widgets/zIndexSearch/image/title_bg.png") rgba(255, 125, 50, 0.05); line-height: 36px; display: flex; align-items: center; padding-left: 11px; }
.search-wrap__result .search-result__rank .rank__title h3 { font-size: 14px; font-weight: bold; -webkit-line-clamp: 2; background-image: -webkit-linear-gradient(top, #ff3b4f, #ff7832); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left: 6px; margin-right: 6px; }
.search-wrap__result .search-result__rank .rank__title .title_tag { font-size: 10px; font-weight: bold; -webkit-line-clamp: 2; background-image: -webkit-linear-gradient(top, red, #ff7d32); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.search-wrap__result .search-result__rank .rank__list li { padding-left: 12px; padding-right: 12px; }
.search-wrap__result .search-result__rank .rank__list li:nth-child(even) { background: rgba(0, 0, 0, 0.02); }
.search-wrap__result .search-result__rank .rank__list li .rank__name { display: flex; align-items: center; width: 100%; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(1) .search-icon { background-position: 0px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(2) .search-icon { background-position: -14px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(3) .search-icon { background-position: -28px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(4) .search-icon { background-position: -42px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(5) .search-icon { background-position: -56px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(6) .search-icon { background-position: -70px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(7) .search-icon { background-position: -84px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(8) .search-icon { background-position: -98px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(9) .search-icon { background-position: -112px 0; margin-right: 10px; }
.search-wrap__result .search-result__rank .rank__list li:nth-of-type(10) .search-icon { background-position: -126px 0; margin-right: 10px; }
.search-wrap__result.active { display: block; }

/* 搜索推荐 */
.search-wrap__recommend { display: flex; align-items: center; margin-top: 10px; width: 549px; justify-content: center;}
.search-wrap__recommend .recommend__icon {  /* padding-right: 24px;  */height: 14px; width: 100px;}
.search-wrap__recommend .recommend__list { /* width:410px; */ overflow: hidden; white-space: nowrap; overflow-x: hidden; }
.search-wrap__recommend .recommend__list li { display: inline-block; margin-right: 12px; }
.search-wrap__recommend .recommend__list li a { color: rgba(0, 0, 0, 0.5); font-weight: 400; }
.search-wrap__recommend .recommend__list li a:hover { color: #DE0016; font-weight: 400; }

.search-result--state--history .search-result__history { display: block; }

.search-result--state--brand .search-result__history { display: none; }
.search-result--state--brand .search-result__brand { display: block; }

/* 搜索分站 */
.search-wrap--substation .search-wrap__result .search-result__hot { display: none; }
.search-wrap--substation .search-wrap__result .search-result__history, .search-wrap--substation .search-wrap__result .search-result__brand { width: 231px; }
.search-wrap--substation .search-wrap__result .search-result__rank { display: block; width: 226px; flex-shrink: 0; }
.search-wrap--substation .search-wrap__result .search-result__history { display: block; }
.search-wrap--substation .search-wrap__result .search-result__history .history__del__all { display: none; }
.search-wrap--substation .search-wrap__result .search-result__history .history__list { max-height: 360px; display: none; }
.search-wrap--substation .search-wrap__result .search-result__history .history__more { display: none; }
.search-wrap--substation .search-wrap__result .search-result__history .history__empty { display: block; padding-top: 64px; text-align: center; }
.search-wrap--substation .search-wrap__result .search-result__history .history__empty img { width: 72px; }
.search-wrap--substation .search-wrap__result .search-result__history .history__empty p { font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 17px; color: rgba(0, 0, 0, 0.27); margin-top: 12px; }
.search-wrap--substation .search-wrap__result.active { display: flex; }
.search-wrap--substation .search-wrap__result.search-result--state--history .search-result__history .history__del__all { display: inline-flex; }
.search-wrap--substation .search-wrap__result.search-result--state--history .search-result__history .history__list { display: block; }
.search-wrap--substation .search-wrap__result.search-result--state--history .search-result__history .history__empty { display: none; }
.search-wrap--substation .search-wrap__result.search-result--state--brand .search-result__brand { display: block; }
.search-wrap--substation .search-wrap__result.search-result--state--brand .search-result__history { display: none; }

/*# sourceMappingURL=index.css.map */
