.ct-search { position: relative; z-index: 100000; float: right; width: 54px; height: 74px; } /*搜索结果列表*/ #sslist{} #sslist tr{height:30px;} .ct-search-input-wrap { position: absolute; right: 54px; width: 394px; height: 75px; opacity: 0; pointer-events: none; background: #fff; display: none; } .ct-icon-search img{ margin-top: 20px; } .ct-search.ct-search-open .ct-search-input-wrap { text-align:center; vertical-align:middel; pointer-events: auto; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; display: block; } .ct-container .twitter-typeahead { width: 100% !important; background: #fff; } .ct-container .tt-dropdown-menu { border: none; border-radius: 0px; } .ct-icon-search, input[type="submit"].ct-search-submit { position: absolute; top: 0; right: 0; display: block; width: 54px !important; height: 74px; text-align: center; line-height: 42px; cursor: pointer; } .ct-icon-search { z-index: 90; color: #237dac; } .ct-search.ct-search-open .ct-icon-search { z-index: 1; color: #fff; pointer-events: none; display: none; } input[type="submit"].ct-search-submit { z-index: -1; padding: 0; outline: none; border: none; border-radius: 0; background: transparent; box-shadow: none; color: transparent; } .ct-search.ct-search-open input[type="submit"].ct-search-submit { z-index: 100; background: url(../images/seach-box.png) no-repeat center center; } input[type="text"].ct-search-input, input[type="text"].tt-hint { width: 274px; height: 44px; line-height: 44px; font-size: 20px; margin-top: 16px; margin-left: 100px; outline: none; border: none; font-family: inherit; background: #fff; padding: 0 10px; } .ct-search.ct-search-open input[type="text"].ct-search-input { opacity: 1 } ::-webkit-input-placeholder { color: #ddd } :-moz-placeholder { color: #ddd } ::-moz-placeholder { color: #ddd } :-ms-input-placeholder { color: #ddd; } .ct-social-profiles li { display: inline-block; margin: 0 1rem 0 0; } .search-bg { width: 394px; height: 75px; text-align: center; vertical-align: middle; background-color: #ca0d16; }