.wxSearch{ position: fixed; top: 43px; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 99 } .wxSearchInner{ background-color: #fff; } .wxSearch-section{ background-color:#fff; border-bottom: 3rpx solid #eee; padding: 16rpx 20rpx; position:fixed; left:0; top:0; width:100%; z-index:999; height: 92rpx; box-sizing: border-box; } .wxSearch-pancel{ display: block; width: 100%; position: relative; } .wxSearch-input{ padding: 10rpx 20rpx 10rpx 60rpx; font-size: 26rpx; border-radius:30rpx; box-sizing: border-box; height: 60rpx; line-height: 40rpx; width: 100%; background-color: #fafafa; } .wxSearch-pancel .search-icon { position: absolute; top: 17rpx; left: 20rpx; width: 30rpx; height: 30rpx; } .wxSearchTitle{ display: block; padding: 10px 5px 5px 10px; font-size: 12px; } .wxSearchMindKeyItem{ padding: 10px 5px; border-bottom: 1px solid #eee; display: flex; font-size: 14px; color: cornflowerblue; } .wxSearchKeyList{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; } .wxSearchKeyItem{ flex: 0 0 25%; font-size: 14px; text-align: center; border: 1px solid #eee; margin: 5px auto; width:70px; height:30px; line-height: 30px; /* padding: 5px 10px; */ border-radius: 5px; } .wxSearchHistoryItem{ font-size:14px; text-align:center; border:1px solid #eee; margin:5px 5px 5px 15px; width:70px; height:30px; line-height:30px; border-radius:5px; } .wxSearchHistoryItemText{ flex: 8; font-size: 14px; } .wxSearchHistoryItemDel{ flex: 1; font-size: 12px; text-align: center; padding: 3px 5px; border: 1px solid #eee; border-radius: 5px; } .wxSearchHistoryEmpty{ text-align: center; height: 50px; line-height: 50px; font-size: 12px; } .wxSearchDeleteAllBtn{ margin-top:7px; padding-right:15px; padding-left:15px; float: right; } .wxSearchHistoryList{ display:flex; flex-direction:row; flex-wrap:wrap; width:80%; /* justify-content:center; */ }