123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- @import "~@less/variables.less";
- .search {
- .contentZIndex1;
- width: 430px;
- min-height: 160px;
- padding: 8px;
- box-sizing: border-box;
- position: absolute;
- top: 40px;
- background-color: #fff;
- // margin-bottom: 80px;
- &.isSym{
- left: 230px;
- }
- .llStyle;
- .autoList {
- // max-height: 225px;
- // min-height: 80px;
- // overflow-y: auto;
- }
- input {
- width: 100%;
- height: 34px;
- line-height: 34px;
- padding: 0 32px;
- box-sizing: border-box;
- border: 1px solid #979797;
- float: right;
- border-radius: 4px;
- }
- .border {
- border: 1px solid @blue;
- }
- .borderNone {
- border: 1px solid #979797;
- }
- img {
- position: absolute;
- top: 15px;
- }
- .searchVal {
- left: 18px;
- }
- .clearVal{
- cursor: pointer;
- right: 18px;
- }
- }
- .searchSpecial {
- min-height: 160px;
- .seleImg {
- left: 86px;
- top:21px;
- cursor: pointer;
- }
- .searchInsp {
- left: 124px;
- }
- input {
- width: 302px;
- }
- .selectLis {
- line-height: 34px;
- width: 100px;
- float: left;
- background-color: @hoverBg;
- cursor: pointer;
- padding :0 15px 0 10px;
- border-radius: 4px;
- span {
- color: @bannerBg;
- }
- }
- .lisul {
- border: 1px solid @bannerBg;
- border-radius: 4px;
- background-color: #fff;
- width: 100px;
- position: absolute;
- left: 8px;
- top: 42px;
- display: none;
- z-index: 100;
- li {
- padding: 0 10px;
- color: #1E1E1E;
- }
- li:hover {
- background-color: @hoverBg;
- }
- }
- }
- .show {
- display:block;
- }
- .hide {
- display: none;
- }
|