body .weui-search-bar__box{ padding-right: 10px !important; } /*body .weui-search-bar__input{*/ /* width: 90%;*/ /*}*/ .weui-search-bar__btn{ position: absolute; right: 0px; top: 1px; width: 50px; height: 26px; line-height: 26px; font-size: 14px; box-sizing: content-box; background: #1E74D5; color: #ffffff; text-align: center; border-radius: 4px; } .active-tab { display: -webkit-box; width: 100%; background-color: #ffffff; height: 42px; box-sizing: border-box; } .active-tab .tab-item { display: -webkit-box; -webkit-box-flex: 1; height: 30px; margin-top: 6px; padding: 0px 14%; } .active-tab .tab-item div { display:-webkit-box; width: 100%; height: 100%; -webkit-box-pack: center; -webkit-box-align: center; font-size: 15px; } .active-tab .tab-item div.active { border-bottom: 2px solid #3da9f1; } .result-list{ display: -webkit-box; -webkit-box-orient: vertical; position: absolute; top: 86px; bottom:0px; left: 0px; right: 0px; padding: 5px 16px; background-color: #ffffff; overflow: auto; } .result-list-item{ display: -webkit-box; -webkit-box-orient: vertical; padding: 8px 0px; border-bottom: 1px solid #E7E7E7; } .item-title-box{ display: -webkit-box; line-height: 25px; } .item-kind-box{ display: -webkit-box; margin-top: 5px; padding: 0px 20px; -webkit-box-pack: justify; line-height: 28px; } .item-kind-box2{ display: -webkit-box; margin-top: 5px; padding: 0px 8px; -webkit-box-pack: justify; line-height: 28px; } .green{ color: #0BB745; } .red{ color: #F53B3B; } .yellow{ color: #FFC602; } .item-light{ display: -webkit-box; width: 20px; } .item-title{ display: -webkit-box; -webkit-box-flex: 1; font-size: 15px; } .item-flow{ color: #2F7DCD; }