.search-box{position:relative;display:inline-block;width:452px;height:36px;line-height:36px}.search-box .form,.search-box .form input{vertical-align:top;height:36px}.search-box .form input{border:1px solid #e5e5e5;border-right:none;padding:8px 10px;line-height:14px;border-radius:3px 0 0 3px;width:318px;color:#999;box-sizing:border-box}.search-box .form button{border:none;width:46px;height:36px;line-height:36px;font-size:14px;vertical-align:top;background:#fd4c5d;color:#fff;border-radius:0 3px 3px 0;padding:0;cursor:pointer;position:relative;font-family:iconfont}.search-box .form button:hover{background:#eb4556}.search-box .form button .icon{position:absolute;left:0;top:0;height:36px;width:30px}.search-box .form button .icon:before{position:absolute;left:0;height:36px;width:46px;font-size:16px;content:"\e603";color:#fff}.search-box .hot-search,.search-box .search-history-tool{display:block;line-height:32px;margin:0 10px;border-bottom:1px solid #eee;color:#999}.search-box .hot-search .clear-history,.search-box .search-history-tool .clear-history{cursor:pointer}.search-box .search-history-body{padding-right:10px;padding-top:10px}.search-box .search-history-body a{margin:0 0 10px 10px;padding:3px 8px;border:1px solid #e1e1e1;background:#fff;border-radius:3px;line-height:19px;float:left}.search-box #search-btn--standalone{position:absolute;right:0;background-color:transparent}.search-box #search-btn--standalone .icon:before{color:#999}.search-box .search-result{width:452px;background:hsla(0,0%,100%,.95);position:absolute;top:36px;left:0;box-shadow:0 2px 4px rgba(0,0,0,.2);border-radius:3px;z-index:10;overflow:hidden}.search-box .search-result .rec,.search-box .search-result .sug{display:none}.search-box .search-result li{line-height:36px;padding:0 10px;clear:both;height:36px;margin-right:0}.search-box .search-result li.active,.search-box .search-result li:hover{background-color:rgba(253,76,91,.1)}.search-box .search-result li.active .light,.search-box .search-result li.active a,.search-box .search-result li:hover .light,.search-box .search-result li:hover a{color:#fd4c5d}.search-box .search-result li a{color:#999;display:block}.search-box .search-result .light{color:#333;font-style:normal}.search-box .search-result .hot-search,.search-box .search-result .search-search-result-tool{display:block;line-height:32px;margin:0 10px;border-bottom:1px solid #eee;color:#999}.search-box .search-result .clear-search-result{cursor:pointer}.search-box .search-result .search-search-result-body{padding-right:10px;padding-top:10px}.search-box .search-result .search-search-result-body a{margin:0 0 10px 10px;padding:3px 8px;border:1px solid #e1e1e1;background:#fff;border-radius:3px;line-height:19px;float:left}.search-box .search-result ul .search-hot-item .num,.search-box .search-result ul .search-hot-item a{color:#fd4c5d}.search-box .search-result ul .num{margin-right:12px}.search-box #search-text--standalone{width:452px;border-right:1px solid #e5e5e5;border-radius:17px;padding-right:38px}.search-box #search-text--standalone::-webkit-input-placeholder{color:#c3c3c3}.search-box #search-text--standalone::-moz-input-placeholder{color:#c3c3c3}.search-box #search-text--standalone:-ms-input-placeholder{color:#c3c3c3}.search-box #search-text--standalone:-moz-input-placeholder{color:#c3c3c3}