.search-associate { width: 100%; background: #f8f8f8; display: none; position: absolute; z-index: 1; li { height: 84px; line-height: 84px; width: 100%; padding: 0 20px; clear: both; margin-bottom: 5px; background: #fff; box-sizing: border-box; } .keyword { float: left; font-size: 30px; } .count { float: right; color: #b0b0b0; font-size: 18px; i { font-size: 12PX; margin-left: 10px; position: relative; top: 3px; } } } .search-brand-page { .search-input { position: relative; padding: 14px 22px; background: #f8f8f8; form { width: 100%; } .search-icon { position: absolute; font-size: 24px; top: 26px; left: 36px; color: #b2b2b2; } input { height: 56px; width: 378px; border-radius: 28px; padding: 0 52px; font-size: 24px; background: #fff; border: none; } .clear-input { position: absolute; top: 20px; right: 145px; font-size: 32px; color: #666; } .search { position: absolute; top: 18px; right: 40px; border: none; background: transparent; color: #666; font-size: 30px; line-height: 56px; } } .search-items { padding: 40px 20px; h3 { font-size: 24px; margin-bottom: 20px; color: #b8b8b8; } li { float: left; margin-right: 20px; margin-bottom: 20px; max-width: 100%; overflow: hidden; } a { display: block; height: 68px; line-height: 68px; padding: 0 20px; font-size: 28px; background: white; color: #b8b8b8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #b8b8b8; border-radius: 0.2rem; } .clear-history { font-size: 28px; } .clear-icon { float: right; color: #b8b8b8; border: none; background: white; } span { margin-right: 10px; font-size: 14px; } .history-search { border-bottom: 1px solid #f3f3f3; } .hot-search { margin-top: 20px; } .clearfix { margin-left: 30px; } .left-icon { font-size: 24px; } } }