48 lines
1.7 KiB
CSS
Executable File
48 lines
1.7 KiB
CSS
Executable File
.S-search-bg{background-color:#f1f1f1; overflow: hidden; width:100%;padding-bottom: 1.5%;}
|
|
.S-search-content{background-color:#FFF; overflow:hidden; padding-top:2%; padding-bottom: 10%;}
|
|
.S-Searchbox{width:89%; margin:auto; position: relative;}
|
|
.S-Searchbox .Search{width:100%;}
|
|
.S-Searchbox .ipt{width:94%; border:1px solid #e3e8ec; background-color:#f1f1f1; height: 52px; line-height: 52px; padding-left:3%; padding-right: 3%; font-size: 1.25em;}
|
|
.S-Searchbox .icon{position: absolute; z-index: 6; width:100%; text-align: right;}
|
|
.S-Searchbox .searchbtn{width:52px; height: 52px; position: absolute; top:0; margin-bottom: -26px; right:2%; background-color: transparent; font-size: 1.5em; color:#bdbdbd}
|
|
@media screen and (max-width:767px){
|
|
.S-Searchbox .ipt{line-height: 40px; height: 40px}
|
|
.S-Searchbox .searchbtn{font-size: 1.5em}
|
|
.S-Searchbox{margin-top:20px;}
|
|
}
|
|
|
|
/*模糊搜索*/
|
|
.search_content {
|
|
width:100%;
|
|
margin:0 auto;
|
|
background-color:#FFF;
|
|
border-radius:8px;
|
|
display: none;
|
|
}
|
|
.search_content ul {
|
|
padding-left:0;
|
|
border-top:none;
|
|
height:200px;
|
|
overflow-y: scroll;
|
|
border:1px solid #e3e8ec;
|
|
}
|
|
.search_content li {
|
|
width:100%;
|
|
height:40px;
|
|
line-height:40px;
|
|
box-sizing:border-box;
|
|
list-style:none;
|
|
padding-left:3%;
|
|
}
|
|
.search_content li:last-child {
|
|
border-bottom:0;
|
|
}
|
|
.search_content li a {
|
|
color:#8c8282;
|
|
}
|
|
|
|
/*#search li:hover{background-color:rgba(168,168,168,0.2); cursor: pointer;}*/
|
|
.ul_search{background-color:rgba(168,168,168,0.2); cursor: pointer;}
|
|
/*.ul_add{max-height: 200px; overflow-y: scroll; border:1px solid #e3e8ec;}*/
|
|
|